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
index 9de598b..f818e10 100644 (file)
--- a/www/css/blerg.css
+++ b/www/css/blerg.css
@@ -135,14 +135,23 @@ h1, h2, h3 {
        font-size: 16pt;
 }
 
        font-size: 16pt;
 }
 

+#latest-tags {
+       text-align: center;
+       line-height: 2em;
+}
+
+#latest-tags a {
+       margin: 0 0.75em;
+}
+

 #latest-posts {
 #latest-posts {

-       height: 92pt;
+       height: 184pt;

        overflow: hidden;
 }
 
 #latest-posts .record {
        font-size: 12pt;
        overflow: hidden;
 }
 
 #latest-posts .record {
        font-size: 12pt;

-       margin: 4pt 0;
+       margin: 8pt 0;

 }
 
 .author {
 }
 
 .author {

diff --git a/www/index.html b/www/index.html
index 9ca1cbb..ae652ab 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -56,10 +56,10 @@
   <div id="welcome">
 
   <div id="latest">
   <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 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>
   </div>
 
   <h2>I am 12 and what is this</h2>

diff --git a/www/js/blerg.js b/www/js/blerg.js
index 22fbded..1851a0f 100644 (file)
--- 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 #{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(
 );
 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
 );
 
 // Page elements


@@ -447,7 +447,7 @@ function startTicker() {
 
     // Show the first five
     tickerHead = $('latest-posts').firstChild;
 
     // 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;
     }
         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);
             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(' '));
             });
                 $('latest-tags').insert(a);
                 $('latest-tags').appendChild(document.createTextNode(' '));
             });