Add title to comments section

- Style .page__comments-title
- Add comments label text to data file
- Add .html extension to comment provider _includes

_data/ui-text.yml

@@ -12,6 +12,7 @@ en: &DEFAULT_EN
   tags_label          : "Tags:"
   categories_label    : "Categories:"
   date_label          : "Last Updated:"
+  comments_label      : "Leave a Comment"
   related_label       : "You May Also Enjoy"
   follow_label        : "Follow:"
   feed_label          : "Feed"

_includes/comments.html

@@ -2,13 +2,13 @@
 
 {% case site.comments.provider %}
 {% when "disqus" %}
-  {% include /comments-providers/disqus %}
+  {% include /comments-providers/disqus.html %}
 {% when "facebook" %}
-  {% include /comments-providers/facebook %}
+  {% include /comments-providers/facebook.html %}
 {% when "google-plus" %}
-  {% include /comments-providers/google-plus %}
+  {% include /comments-providers/google-plus.html %}
 {% when "custom" %}
-  {% include /comments-providers/custom %}
+  {% include /comments-providers/custom.html %}
 {% endcase %}
 
 {% endif %}

assets/scss/_page.scss

@@ -133,6 +133,20 @@
 }
 
 
+/*
+   Comments
+   ========================================================================== */
+
+.page__comments-title {
+  font-size: 14px;
+  margin-top: 2rem;
+  margin-bottom: 10px;
+  padding-top: 2rem;
+  border-top: 1px solid $border-color;
+  text-transform: uppercase;
+}
+
+
 /*
    Related
    ========================================================================== */