9bd11f5c9786

Add Disqus comments.

I'll deal with the train wreck that is Disqus' layout/typography later.
[view raw] [browse files]
author Steve Losh <steve@stevelosh.com>
date Sat, 09 Jan 2010 03:31:55 -0500
parents 733700e9acb6
children 0908c069150a
branches/tags (none)
files layout/_post.html media/css/base.css

Changes

--- a/layout/_post.html	Sat Jan 09 02:40:42 2010 -0500
+++ b/layout/_post.html	Sat Jan 09 03:31:55 2010 -0500
@@ -18,4 +18,16 @@
             {% endarticle %}
         {% endfilter %}
     </div>
+    
+    <h1 id="comment-header">Comments</h1>
+    
+    <div id="disqus_thread"></div>
+    <script type="text/javascript" src="http://disqus.com/forums/stevelosh/embed.js"></script>
+    <noscript>
+        <a href="http://disqus.com/forums/stevelosh/?url=ref">View the discussion thread.</a>
+    </noscript>
+    <a href="http://disqus.com" class="dsq-brlink">
+        comments powered by
+        <span class="logo-disqus">Disqus</span>
+    </a>
 {% endblock %}
\ No newline at end of file
--- a/media/css/base.css	Sat Jan 09 02:40:42 2010 -0500
+++ b/media/css/base.css	Sat Jan 09 03:31:55 2010 -0500
@@ -229,3 +229,43 @@
     background: none;
     border: none;
 }
+
+/* Comment styles. */
+h1#comment-header {
+    margin-top: 1.5em;
+}
+div#disqus_thread ul#dsq-comments li div div {
+    font-size: 14px;
+}
+div#disqus_thread ul#dsq-comments li {
+    margin-bottom: 2em;
+}
+div#dsq-comments-title h3 {
+    font-size: 14px;
+    font-weight: normal;
+    color: #666;
+    margin-top: -1em;
+    margin-bottom: 1em;
+}
+div.dsq-options {
+    display: none;
+}
+div#content div#disqus_thread ul#dsq-comments li div table tbody tr {
+    background: #eee;
+}
+div#content div#disqus_thread ul#dsq-comments li div table {
+    background: #e5e5e5;
+    border: 1px solid #bbb;
+}
+div#dsq-new-post.dsq-post-area {
+    margin-top: 2.25em;
+}
+div#dsq-thread-settings.dsq-thread-settings {
+    margin-top: 2em;
+    margin-bottom: 0em;
+    font-size: 14px;
+}
+div#disqus_thread table tbody tr td.dsq-request-user-name small,
+#dsq-new-post div.dsq-request-user-info a {
+    font-size: 14px;
+}