Add an introduction div.

diff --git a/examples/htdocs/dict.html b/examples/htdocs/dict.html
index 4154a91..0514f72 100644 (file)
--- a/examples/htdocs/dict.html
+++ b/examples/htdocs/dict.html
@@ -17,6 +17,20 @@
   <table height="100%" width="100%">\r
     <tr valign="top" height="100%">\r
       <td width="60%" valign="top">\r
+       <div id="intro" style="background:yellow; padding:0.1em 1em"\r
+          onclick="document.getElementById('intro').style.display = 'none'">\r
+         <p>\r
+           What follows is seed content for the dictionary-lookup\r
+           demo (taken from <a href="http://en.wikipedia.org/wiki/Computer"\r
+                               >the Wikipedia page for "computer"</a>).\r
+           Select any region of text on this page (for example, by\r
+           double-clicking a word) and that word will be looked up,\r
+           with the results displayed in the sidebar on the right.\r
+         </p>\r
+         <p>\r
+           Click this introduction to dismiss it.\r
+         </p>\r
+       </div>\r
        <p>A <b>computer</b> is a general purpose device that can be <a href="http://en.wikipedia.org/wiki/Computer_program" title="Computer program">programmed</a> to carry out a set of arithmetic or logical operations. Since a sequence of operations can be readily changed, the computer can solve more than one kind of problem.</p>\r
        <p>Conventionally, a computer consists of at least one processing element, typically a <a href="http://en.wikipedia.org/wiki/Central_processing_unit" title="Central processing unit">central processing unit</a> (CPU) and some form of <a href="http://en.wikipedia.org/wiki/Memory_(computers)" title="Memory (computers)" class="mw-redirect">memory</a>. The processing element carries out arithmetic and logic operations, and a sequencing and control unit that can change the order of operations based on stored information. Peripheral devices allow information to be retrieved from an external source, and the result of operations saved and retrieved.</p>\r
        <p>In <a href="http://en.wikipedia.org/wiki/World_War_II" title="World War II">World War II</a>, <a href="http://en.wikipedia.org/wiki/Mechanical_computer" title="Mechanical computer">mechanical</a> <a href="http://en.wikipedia.org/wiki/Analog_computers" title="Analog computers" class="mw-redirect">analog computers</a> were used for specialized military applications. During this time the first electronic <a href="http://en.wikipedia.org/wiki/Digital_data" title="Digital data">digital</a> computers were developed. Originally they were the size of a large room, consuming as much power as several hundred modern <a href="http://en.wikipedia.org/wiki/Personal_computer" title="Personal computer">personal computers</a> (PCs).<sup id="cite_ref-1" class="reference"><a href="http://en.wikipedia.org/wiki/Computer#cite_note-1"><span>[</span>1<span>]</span></a></sup></p>\r