now with comments

_config.yml

@@ -75,6 +75,7 @@ defaults:
     values:
       show_metadata: true 	# Show metadata beneath all pages
       sidebar: "" 		# Possible values › left, right › by default there will be no sidebar
+      comments: false
   -
     scope:
       path: ""        
@@ -82,6 +83,7 @@ defaults:
     values:
       show_metadata: true   # Show metadata beneath all posts
       sidebar: ""     # Possible values › left, right › by default there will be no sidebar
+      comments: false
 
 
 
@@ -151,3 +153,12 @@ og_description:                     "Feeling Responsive is built on the fabulous
 #  Open _data/socialmedia.yml to adjust the left and right topbar navigation
 #
 
+
+#        ____  _                      
+#       / __ \(_)________ ___  _______
+#      / / / / / ___/ __ `/ / / / ___/
+#     / /_/ / (__  ) /_/ / /_/ (__  ) 
+#    /_____/_/____/\__, /\__,_/____/  
+#                    /_/              
+
+disqus_shortname: feelingresponsive

_includes/comments.html

@@ -0,0 +1,20 @@
+			{% if page.comments %}
+				<h3 class="t60">{{ site.data.language.comments_headline }}</h3>
+			
+			    <div id="disqus_thread"></div>
+			    <script type="text/javascript">
+			        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+			        var disqus_shortname = '{{ disqus_shortname }}'; 
+			        var disqus_identifier = '{{ page.permalink }}';
+
+			        /* * * DON'T EDIT BELOW THIS LINE * * */
+			        (function() {
+			            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+			            dsq.src = '//' + 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>
+			{% endif %}
+
+

_layouts/page.html

@@ -36,6 +36,10 @@ format: post
 			{% if page.show_metadata == true %}
 			{% include meta_information.html %}
 			{% endif %}
+
+			{% if page.comments == true %}
+			{% include comments.html %}
+			{% endif %}
 		</article>
 	</div><!-- /.medium-8.columns -->
 

_posts/design/2015-11-15-comments.md

@@ -0,0 +1,20 @@
+---
+layout: page
+subheadline: "Discussion"
+title: "Now with Comments!"
+teaser: "For a blog you need comments. Like all those other jekyll themes we baked in Disqus. It's easy to set, it works and makes a static jekyll blog more dynamic."
+header:
+    image_fullwidth: "header_typewriter.jpg"
+    credit: Image by Florian Klauer
+    url: "http://florianklauer.de/"
+image:
+    thumb:  typewriter_thumb.jpg
+    homepage: homepage_typewriter.jpg
+categories:
+    - design
+comments: true
+show_metadata: false
+---
+If you want to use Disqus-Comments with *Feeling Responsive*, just open `config.yml` and add your `disqus_shortname`. [More on how to use Disqus ›](https://disqus.com/websites/)
+
+By default comments are turned off. You can customize the default behaviour in `config.yml`. To **turn on comments** just add `comments: true` to front matter using the page layout `layout: page`.

pages/roadmap.md

@@ -11,7 +11,6 @@ permalink: "/roadmap/"
 ## ToDo
 
 * Additional [header]({{ site.url }}/headers/) with text
-* Disqus comments
 * Google AdSense ads
 * Produce an introduction video to showcase *Feeling Responsive*
 * [Submit *Feeling Responsive* to jekyllthemes.org](http://jekyllthemes.org/)
@@ -22,6 +21,7 @@ permalink: "/roadmap/"
 
 ## Done
 
+* <s>Disqus comments</s>
 * <s>Rework `list-entries.html` › now language ready</s>
 * [<s>Create custom 404.html-webpage</s>](https://help.github.com/articles/custom-404-pages/)
 * [<s>Add simple search box with Google</s>](http://truongtx.me/2012/12/28/jekyll-create-simple-search-box/)