Modify Layouts

_layouts/post.html

@@ -1,34 +1,32 @@
 ---
-layout: default
+layout: page
 ---
 
-<div class="col-lg-10 mx-auto mt-5 article">
-    <h1><b>{{ page.title }}</b></h1>
-    <p class="article-metadata text-muted">
-        {{ page.date | date_to_long_string }} -  
+<h1><b>{{ page.title }}</b></h1>
 
-        <b>
-        {% assign words = content | number_of_words %}
-        {% if words < 360 %}
-            less than 1 min read time
-        {% else %}
-            {{ words | divided_by:180 }} mins read time
-        {% endif %}
-        </b>
+<p class="article-metadata text-muted">
+    {{ page.date | date_to_long_string }} -  
+    <b>
+    {% assign words = content | number_of_words %}
+    {% if words < 360 %}
+        less than 1 min read time
+    {% else %}
+        {{ words | divided_by:180 }} mins read time
+    {% endif %}
+    </b>
 
-        <br>
+    <br>
+
+    Tags: 
+    {% for tag in page.tags %}
+        <span class="badge badge-pill text-primary border border-primary">{{ tag }}</span>
+    {% endfor %}
+</p>
 
-        Tags: 
-        {% for tag in page.tags %}
-            <span class="badge badge-pill text-primary border border-primary">{{ tag }}</span>
-        {% endfor %}
-    </p>
+{{ content }}
 
-    {{ content }}
-
-    <footer>
-        This Article is <b>open source</b>. Noticed a typo? </br>
-        Or something unclear? Improve this article on 
-        <a href="{{ site.repo_url }}/edit/master/{{ page.path }}">GitHub</a>.
-    </footer>
-</div>
+<footer>
+    This Article is <b>open source</b>. Noticed a typo? </br>
+    Or something unclear? Improve this article on 
+    <a href="{{ site.repo_url }}/edit/master/{{ page.path }}">GitHub</a>.
+</footer>

_sass/_articles.scss

@@ -17,7 +17,7 @@
 
     .article-metadata {
         font-size: 14px;
-        margin-top: -10px;
+        margin-top: -6px;
     }
 
     footer {

pages/about.md

@@ -1,5 +1,5 @@
 ---
-layout: about
+layout: page
 title: about
 permalink: /about/