Add more information and a flash twitter object.

jverkoey · Mar 30, 2009 · 537f145 · 537f145
1 parent 7b4c24f
commit 537f145
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 8 deletions.
diff --git a/www/css/common.css b/www/css/common.css
@@ -2,7 +2,7 @@
  * Common styles.
  */
 
-body {
+html {
   background-color: #000;
 }
 

diff --git a/www/css/dashboard.css b/www/css/dashboard.css
@@ -10,6 +10,7 @@
   border: 2px solid #222;
   float: left;
   padding: 0.5em;
+  margin: 0.5em;
   color: #999;
 
   -moz-border-radius: 5px;
@@ -40,6 +41,17 @@
   font-style: italic;
 }
 
+#bots .bot .commands .command .howto {
+  margin-left: 1em;
+  display: none;
+}
+
+#bots .bot .interaction {
+  padding: 1em;
+  text-align: center;
+  display: none;
+}
+
 #bots .bot:hover {
   border-color: #666;
 }
@@ -56,3 +68,11 @@
 #bots .bot:hover .commands .command .parameters {
   display: inline;
 }
+
+#bots .bot:hover .commands .command .howto {
+  display: block;
+}
+
+#bots .bot:hover .interaction {
+  display: block;
+}
diff --git a/www/index.htm b/www/index.htm
@@ -16,28 +16,46 @@
       <div class="name">@<a href="http://twitter.com/findpassion">findpassion</a></div>
       <div class="header">commands</div>
       <div class="commands">
-        <div class="command" title="Mark yourself available for hire">
+        <div class="command">
           available
+          <div class="howto">Mark yourself available for hire</div>
         </div>
-        <div class="command" title="Mark yourself not available for hire">
+        <div class="command">
           unavailable
+          <div class="howto">Mark yourself not available for hire</div>
         </div>
-        <div class="command" title="tweets back the number of people avaiable for hire">
+        <div class="command">
           how many
+          <div class="howto">Reply with the number of people available for hire</div>
         </div>
-        <div class="command" title="Add a class to your profile">
+        <div class="command">
           add class <span class="parameters">(<span class="parameter">class-name</span> | <span class="parameter">class-name, class-name, ...</span>)</span>
+          <div class="howto">Add a class to your profile</div>
         </div>
-        <div class="command" title="Remove a class from your profile">
+        <div class="command">
           remove class <span class="parameters">(<span class="parameter">class-name</span> | <span class="parameter">class-name, class-name, ...</span>)</span>
+          <div class="howto">Remove a class from your profile</div>
         </div>
-        <div class="command" title="Suggest a new class">
+        <div class="command">
           suggest class <span class="parameters">(<span class="parameter">class-name</span> | <span class="parameter">class-name, class-name, ...</span>)</span>
+          <div class="howto">Suggest a new class</div>
         </div>
-        <div class="command" title="Find people looking for work in a specific class">
+        <div class="command">
           find <span class="parameters">(<span class="parameter">class-name</span> | <span class="parameter">class-name, class-name, ...</span>)</span>
+          <div class="howto">Find people looking for work in a specific class</div>
         </div>
       </div>
+      <div class="interaction">
+        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="290" height="350" id="TwitterWidget" align="middle">
+        	<param name="allowScriptAccess" value="always" />
+        	<param name="allowFullScreen" value="false" />
+        	<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
+        	<param name="quality" value="high" />
+        	<param name="bgcolor" value="#000000" />
+        	<param name="FlashVars" value="userID=26941494&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml">
+        	<embed src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" quality="high" bgcolor="#000000" width="290" height="350" name="TwitterWidget" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="userID=26941494&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml"/>
+        </object>
+      </div>
     </div>
   </div>
 </div>