[whimsy.git] [31/50] Commit 7bf3d48: Add a definition of whimsy that only shows up when you hover over it.

[Sam Ruby <ru...@apache.org>]

Commit 7bf3d487001acac70026cb3c9de34b4e04fad5c2:
    Add a definition of whimsy that only shows up when you hover over it.
    git-svn-id: https://svn.apache.org/repos/infra/infrastructure/trunk/projects/whimsy@820007 90ea9780-b833-de11-8433-001ec94261de


Branch: refs/heads/master
Author: Sam Ruby <ru...@apache.org>
Committer: Sam Ruby <ru...@apache.org>
Pusher: rubys <ru...@apache.org>

------------------------------------------------------------
www/index.html                                               | +++++++ --
------------------------------------------------------------
33 changes: 26 additions, 7 deletions.
------------------------------------------------------------


diff --git a/www/index.html b/www/index.html
index 96bcb5f..4bb2cfa 100644
--- a/www/index.html
+++ b/www/index.html
@@ -5,6 +5,11 @@
     <title>Whimsy</title>
     <style type="text/css">
       h2 {text-decoration: underline}
+      header h2 span {display: none}
+      header:hover h2 span {display: inline}
+      aside {display: none}
+      header:hover aside {margin-left: 4em; display: block; border: 3px solid #B7B; padding: 1em; border-radius: 1em}
+      aside ol {margin-bottom: 0}
     </style>
   </head>
 
@@ -14,14 +19,28 @@
       <img src="whimsy.svg" width="80" title="whimsy"/>
     </a>
 
-    <h2>Whimsy</h2>
-    <p>
-      Whimsy is a site where a set of absolutely unnecessary yet often quite
-      handy applications are deployed. 
-    </p>
-    <p>
+    <header>
+      <h2><a href="http://dictionary.reference.com/browse/whimsy">Whim<span>·</span>sy</a></h2>
+      <aside>
+        [hwim-zee, wim-] noun, plural whim·sies.
+        <ol>
+          <li>capricious humor or disposition; extravagant, fanciful, or
+          excessively playful expression: a play with lots of whimsy.</li>
+          <li>an odd or fanciful notion.</li>
+          <li>anything odd or fanciful; a product of playful or capricious
+          fancy: a whimsy from an otherwise thoughtful writer.</li>
+        </ol>
+      </aside>
+
+      <blockquote>
+        Whimsy is a site where a set of absolutely unnecessary yet often quite
+        handy applications are deployed. 
+      </blockquote>
+    </header>
+
+    <blockquote>
      Feel free to <a href="technology.html">look under the hood</a>.
-    </p>
+    </blockquote>
 
     <h2>Open to the Public</h2>
     <ul>