Making the article easier to read

2 files changed, 24 insertions, 3 deletions

diff --git a/crumbs/static/css/crumbs.css b/crumbs/static/css/crumbs.css
index afba353..46f7527 100644
--- a/crumbs/static/css/crumbs.css
+++ b/crumbs/static/css/crumbs.css
@@ -21,6 +21,11 @@ p {
   font-weight: 300;
 }
 
+p.timer {
+  font-style: italic;
+  font-size: 16px;
+}
+
 h1, h2, h3, h4 {
   font-family: 'Inconsolata', monospace;
 }
diff --git a/crumbs/templates/article.html b/crumbs/templates/article.html
index e5a6c9e..50e0da1 100755
--- a/crumbs/templates/article.html
+++ b/crumbs/templates/article.html
@@ -6,9 +6,25 @@
 
 {% block content %}
 
-    <p>This article takes {{article.read_time_string}} to read.</p>
+<dl class="dl-horizontal">
+    <div class="card">
 
-    <div class="col-lg-9 content">
+        <h1>{{ article.title }}</h1>
+
+        <div class="pull-right">
+            <p class="timer">This article takes {{article.read_time_string}} to read.</p>
+        </div>
+        <br/>
+        <hr />
+
+        {{ article.content }}
+    </div>
+</dl>
+
+    
+
+
+    <!-- <div class="col-lg-9 content">
         {{ article.content }}
 
         {% if article.related_posts %}
@@ -20,5 +36,5 @@
             {% endfor %}
             </dl>
         {% endif %}
-  </div>
+  </div> -->
 {% endblock %}