Add more details to blog page

project/blog/views.py

@@ -4,7 +4,7 @@ from django.http import Http404
 
 
 class BlogView(CustomTemplate):
-    template_name = "blog/posts.html"
+    template_name = "blog/post.html"
 
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)

static/src/less/variables.less

@@ -18,7 +18,7 @@
 @font-family-serif: 'Roboto';
 @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
 @font-family-base: @font-family-sans-serif;
-@font-size-base: 15px;
+@font-size-base: 16px;
 @font-size-large: ceil((@font-size-base * 1.25));
 @font-size-small: ceil((@font-size-base * 0.85));
 @font-size-h1: floor((@font-size-base * 2.6));

templates/blog/post.html

@@ -5,14 +5,14 @@
 {% block content %}
   <div class="container">
     <div class="row">
-      <div class="col-xs-4 pull-right">
+      <div class="col-sm-9">
+        {{ blog.content | safe }}
+      </div>
+      <div class="col-sm-3">
         <h5>Published: {{ blog.date }}</h5>
+        <h5><i class="icon ion-thumbsup"></i> {{ blog.like_count }}</h5>
+        <h5><a href="{{ blog.URL }}">View Post</a></h5>
       </div>
     </div>
   </div>
-
-  <div class="container">
-    {{ blog.content | safe }}
-  </div>
-
 {% endblock %}