Disqus

_layouts/home.html

@@ -65,10 +65,22 @@ layout: base
                 <h2 class="index-header">Posts</h2>
                 <ul>
                     {% for post in site.posts %}
-                        <li class="post">{{ post.date | date: "%b %d, %Y" }}: <a class="invert" href="{{ post.url }}">{{ post.title }}</a><br /><span class="description">{{ post.description }}</span></li>
+                        <li class="post">{{ post.date | date: "%b %d, %Y" }}: <a class="invert" href="{{ post.url }}">{{ post.title }}</a><br /><span class="description">{{ post.description }} (<a href="{{ post.url }}#disqus_thread" data-disqus-identifier="{{ post.id }}"></a>)</span></li>
                     {% endfor %}
                 </ul>
             </td>
         </tr>
     </table>
 </div>
+<script type="text/javascript">
+    var disqus_shortname = 'earwig';
+    var disqus_title = '{{ page.title }}';
+    var disqus_url = 'http://earwig.github.com{{ page.url }}';
+    var disqus_developer = 1;
+    (function () {
+        var s = document.createElement('script'); s.async = true;
+        s.type = 'text/javascript';
+        s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
+        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s);
+    }());
+</script>

_layouts/post.html

@@ -12,4 +12,18 @@ layout: base
     <div id="post">
         {{ content }}
     </div>
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+        var disqus_shortname = 'earwig';
+        var disqus_identifier = '{{ page.id }}';
+        var disqus_title = '{{ page.title }}';
+        var disqus_url = 'http://earwig.github.com{{ page.url }}';
+        var disqus_developer = 1;
+        (function() {
+            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+            dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+        })();
+    </script>
+    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
 </div>

css/main.css

@@ -111,7 +111,7 @@ h1#head {
 }
 
 div#everything {
-    max-width: 900px;
+    max-width: 800px;
     margin: auto;
     padding: 0 40px 0 40px;
 }