always show article list on blog pages

assets/blog.js

@@ -34,9 +34,19 @@
       $('#comments').html(h)
     })
   }
+
   jQuery(function($) {
+
+    var hidden = true
+      , index = $('#index')
+
+    $('#index-toggle').click(function() {
+      index.toggle()
+      hidden = !hidden
+      $(this).html(hidden ? '↓ show posts ↓' : '↑ hide posts ↑')
+    })
+
     $('#need-js').remove()
-    console.dir($('#need-js'))
 
     SJS.request({uri: countCommentsURL(SJS.filename)}, function(err, request, body) {
       if (err) return

blog.rb

@@ -66,7 +66,8 @@ class Blag
     page_template = File.read(File.join('templates', 'blog', 'post.html'))
     posts.each_with_index do |post, i|
       template = post[:link] ? link_template : post_template
-      values = { :title => post[:title],
+      values = { :posts => posts,
+                 :title => post[:title],
                  :link => post[:link],
                  :article => Mustache.render(template, post),
                  :previous => i < posts.length - 1 && posts[i + 1],

templates/blog/index.html

@@ -79,16 +79,6 @@ _gaq.push( ['_setAccount', 'UA-214054-5']
   var s = document.getElementsByTagName('script')[0]
   s.parentNode.insertBefore(ga, s)
 }())
-
-jQuery(function($) {
-  var hidden = true
-    , index = $('#index')
-  $('#index-toggle').click(function() {
-    index.toggle()
-    hidden = !hidden
-    $(this).html(hidden ? '↓ show posts ↓' : '↑ hide posts ↑')
-  })
-})
 </script>
 {{#comments}}
 <script>

templates/blog/post.html

@@ -13,6 +13,14 @@
 <header>
   <h1><a href="index.html">sjs' blog</a></h1>
 </header>
+<div id="show-posts" class="center"><a id="index-toggle" href="#">&darr; show posts &darr;</a></div>
+<nav id="index" class="hidden">
+  <ul>
+    {{#posts}}
+    <li><a href="{{url}}">{{title}}</a> <span class="date">{{date}}</span></li>
+    {{/posts}}
+  </ul>
+</nav>
 {{{article}}}
 <div id="around">
   {{#previous}}