Adds message before comment

static/css/style.css

@@ -1,3 +1,16 @@
+/* comment */
+
+#comment-message {
+    font-family:Scala,Georgia,"DejaVu Serif","Times New Roman",Times,serif;
+    font-size: 1em;
+    color:gray;
+}
+
+a.disqus-comment-count {
+    font-family:'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
+    font-size: 0.9em;
+}
+
 /* Syntax Highlight */
 .codehilite pre {
     background-color:rgb(253,246,227);

templates/article.html

@@ -48,10 +48,14 @@
         </aside>
         {% if DISQUS_SITENAME and SITEURL and article.status != "draft" %}
         <section>
+        {% if ELEGANT_COMMENT_MESSAGE %}
+        <hr/>
+        <p id="comment-message">{{ ELEGANT_COMMENT_MESSAGE }} </p>
+        {% endif %}
         <div class="accordion" id="accordion2">
             <div class="accordion-group">
                 <div class="accordion-heading">
-                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="http://hackercodex.com/guide/install-fish-shell-mac-ubuntu/#disqus_thread">
+                    <a class="accordion-toggle disqus-comment-count" data-toggle="collapse" data-parent="#accordion2" href="http://hackercodex.com/guide/install-fish-shell-mac-ubuntu/#disqus_thread">
                        Comments
                     </a>
                 </div>