changeset 24:e2f22495cb35

Added a first column of headers specifying how long ago each row of information is.
author Atul Varma <varmaa@toolness.com>
date Mon, 02 Mar 2009 20:46:19 -0800
parents 9dcdc0e81838
children 987ff147ea02
files about-mozilla.css about-mozilla.html
diffstat 2 files changed, 41 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/about-mozilla.css	Mon Mar 02 20:03:43 2009 -0800
+++ b/about-mozilla.css	Mon Mar 02 20:46:19 2009 -0800
@@ -102,3 +102,7 @@
 .days-ago-9 {
     background-color: #d0d0d0;
 }
+
+#row-labels .content {
+    font-weight: bold;
+}
--- a/about-mozilla.html	Mon Mar 02 20:03:43 2009 -0800
+++ b/about-mozilla.html	Mon Mar 02 20:46:19 2009 -0800
@@ -10,7 +10,43 @@
 <body>
 <div id="issue">
   <div id="header">planet ubiquity</div>
-  <div id="body"></div>
+  <div id="body">
+    <div class="entry" id="row-labels">
+      <div class="headline">&nbsp;</div>
+      <div class="content">
+        <div class="days-ago-0">
+          <div class="blog-item">Within the last 8 hours</div>
+        </div>
+        <div class="days-ago-1">
+          <div class="blog-item">8-16 hours ago</div>
+        </div>
+        <div class="days-ago-2">
+          <div class="blog-item">16 hours to 1 day ago</div>
+        </div>
+        <div class="days-ago-3">
+          <div class="blog-item">24-32 hours ago</div>
+        </div>
+        <div class="days-ago-4">
+          <div class="blog-item">32-40 hours ago</div>
+        </div>
+        <div class="days-ago-5">
+          <div class="blog-item">40 hours to 2 days ago</div>
+        </div>
+        <div class="days-ago-6">
+          <div class="blog-item">48-56 hours ago</div>
+        </div>
+        <div class="days-ago-7">
+          <div class="blog-item">56-64 hours ago</div>
+        </div>
+        <div class="days-ago-8">
+          <div class="blog-item">64 hours to 3 days ago</div>
+        </div>
+        <div class="days-ago-9">
+          <div class="blog-item">More than 3 days ago</div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 </body>
 <script src="jquery.js"></script>