commit:4d7b8e8bc62f697e18c9eacfee42dc8d9873b820
author:Chip Black
committer:Chip Black
date:Mon Feb 7 02:14:37 2011 -0800
parents:38ac8fa73118ce0a2d67bc7c640eb20fbd724a55
Frontpage and style tweaks

Added whitespace and centering to latest tags. Show more latest posts.
Distinguish refs from hyperlinks by making them gray.
diff --git a/www/css/blerg.css b/www/css/blerg.css
line changes: +11/-2
index 9de598b..f818e10
--- a/www/css/blerg.css
+++ b/www/css/blerg.css
@@ -135,14 +135,23 @@ h1, h2, h3 {
 	font-size: 16pt;
 }
 
+#latest-tags {
+	text-align: center;
+	line-height: 2em;
+}
+
+#latest-tags a {
+	margin: 0 0.75em;
+}
+
 #latest-posts {
-	height: 92pt;
+	height: 184pt;
 	overflow: hidden;
 }
 
 #latest-posts .record {
 	font-size: 12pt;
-	margin: 4pt 0;
+	margin: 8pt 0;
 }
 
 .author {

diff --git a/www/index.html b/www/index.html
line changes: +2/-2
index 9ca1cbb..ae652ab
--- a/www/index.html
+++ b/www/index.html
@@ -56,10 +56,10 @@
   <div id="welcome">
 
   <div id="latest">
-    <h2>Latest tags</h2>
-    <div id="latest-tags"></div>
     <h2>Latest posts</h2>
     <div id="latest-posts"></div>
+    <h2>Latest tags</h2>
+    <div id="latest-tags"></div>
   </div>
 
   <h2>I am 12 and what is this</h2>

diff --git a/www/js/blerg.js b/www/js/blerg.js
line changes: +4/-3
index 22fbded..1851a0f
--- a/www/js/blerg.js
+++ b/www/js/blerg.js
@@ -8,10 +8,10 @@ var recordTemplate = new Template(
     '<div class="record">#{data}<div class="info">Posted #{date}</div></div>'
 );
 var tagRecordTemplate = new Template(
-    '<div class="record">#{data}<div class="info">Posted by <a class="author" href="/\##{author}">@#{author}</a> on #{date}</div></div>'
+    '<div class="record">#{data}<div class="info">Posted by <a class="author ref" href="/\##{author}">@#{author}</a> on #{date}</div></div>'
 );
 var latestRecordsTemplate = new Template(
-    '<div class="record"><a class="author" href="/\##{author}">@#{author}</a> #{data}</div>'
+    '<div class="record"><a class="author ref" href="/\##{author}">@#{author}</a> #{data}</div>'
 );
 
 // Page elements
@@ -447,7 +447,7 @@ function startTicker() {
 
     // Show the first five
     tickerHead = $('latest-posts').firstChild;
-    for (var i = 0; i < 5 && tickerHead; i++) {
+    for (var i = 0; i < 10 && tickerHead; i++) {
         tickerHead.show();
         tickerHead = tickerHead.nextSibling;
     }
@@ -470,6 +470,7 @@ function loadLatest() {
             j.tags.each(function(v) {
                 var a = new Element('a', {href: '/#tag/' + v});
                 a.insert('#' + v);
+                a.className = 'ref';
                 $('latest-tags').insert(a);
                 $('latest-tags').appendChild(document.createTextNode(' '));
             });