Gum: Add Disqus support

3 files changed, 26 insertions, 0 deletions

diff --git a/gum/templates/article.html b/gum/templates/article.html
index e43e48e..6616fba 100644
--- a/gum/templates/article.html
+++ b/gum/templates/article.html
@@ -26,6 +26,20 @@
             <div class="entry-content">
               {{ article.content }}
             </div><!-- /.entry-content -->
+            {% if DISQUS_SITENAME %}
+            <div class="comments">
+              <h3>Comments</h3>
+              <div id="disqus_thread"></div>
+              <script type="text/javascript">
+                var disqus_identifier = "{{ article.url }}";
+                (function() {
+                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+                dsq.src = 'http://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
+                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+                })();
+              </script>
+            </div>
+            {% endif %}
 
 
         </div><!-- /.eleven.columns -->
diff --git a/gum/templates/base.html b/gum/templates/base.html
index 61a38d1..afae24d 100644
--- a/gum/templates/base.html
+++ b/gum/templates/base.html
@@ -146,6 +146,7 @@
     </div>
 
 
+{% include 'disqus_script.html' %}
   <script src="{{ SITEURL }}/theme/js/libs/jquery-1.9.1.min.js"></script>
   <script src="{{ SITEURL }}/theme/js/libs/gumby.min.js"></script>
   <script src="{{ SITEURL }}/theme/js/plugins.js"></script>
diff --git a/gum/templates/disqus_script.html b/gum/templates/disqus_script.html
new file mode 100644
index 0000000..c4f442c
--- /dev/null
+++ b/gum/templates/disqus_script.html
@@ -0,0 +1,11 @@
+{% if DISQUS_SITENAME %}
+<script type="text/javascript">
+    var disqus_shortname = '{{ DISQUS_SITENAME }}';
+    (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>
+{% endif %}