Gum: Add Disqus support

mikeabrahamsen · Jul 19, 2013 · 5624952 · 5624952
1 parent 08364df
commit 5624952
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/gum/templates/article.html b/gum/templates/article.html
@@ -26,6 +26,20 @@ <h2 class="entry-title">
             <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
@@ -146,6 +146,7 @@ <h1><a href="{{ SITEURL }}">{{ SITENAME }} <strong>{{ SITESUBTITLE }}</strong></
     </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
@@ -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 %}