Add Disqus comments.
I'll deal with the train wreck that is Disqus' layout/typography later.
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;
+}