From 2ce31f97b6a3bc7833f1d87d5cf8e351d22fd453 Mon Sep 17 00:00:00 2001
From: Sameer Rahmani <lxsameer@gnu.org>
Date: Thu, 28 Mar 2019 22:12:53 +0000
Subject: [PATCH] Some improvements has been added to the page layout

---
 _layouts/default.html                      |  2 +-
 _layouts/page.html                         | 78 ++--------------------
 _layouts/post.html                         | 66 +++++++++++++++++-
 _posts/2018-11-02-I-am-moving-to-gitlab.md |  2 +-
 about.md                                   | 17 ++---
 assets/styles/web.sass                     | 24 ++++++-
 6 files changed, 100 insertions(+), 89 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 80524a5..3b197fa 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -30,7 +30,7 @@
                 Code of Honor
               </a>
 
-              <a href="/about-me/" class="navbar-item">
+              <a href="/about/" class="navbar-item">
                 About Me
               </a>
             </div>
diff --git a/_layouts/page.html b/_layouts/page.html
index a3a29b7..9900ee1 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -2,76 +2,12 @@
 layout: default
 theme: dark
 ---
+<div class="column is-half-desktop is-offset-one-quarter-desktop">
+  <h1 class="is-size-1">
+    {{page.title}}
+  </h1>
 
-<div class="columns is-flex centered">
-  <div class="column is-half-desktop">
-    <h1 class="is-size-1">
-      {{page.title}}
-    </h1>
-    <div class="columns">
-      <div class="column">
-        <ul class="details is-size-7">
-          <li>{{page.date | date_to_string }} |</li>
-          {% for tag in page.categories %}
-          <a href="/categories/{{tag}}">
-            <li class="category">
-              <i class="fas fa-link"></i> {{ tag | capitalize }}
-            </li>
-          </a>
-          {% endfor %}
-        </ul>
-      </div>
-
-      <span>
-        {% for tag in page.tags %}
-        <span class="tag is-light">{{ tag | capitalize }}</span>
-        {% endfor %}
-      </span>
-
-    </div>
-
-    <content class="post">
-      {{ content }}
-    </content>
-    <hr/>
-
-    <div class="share-page">
-      <div class="columns is-flex">
-        <div>
-          <div class="column">
-            <span class="is-size-3">Share on:</span>
-          </div>
-        </div>
-        <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter">
-          <div class="column">
-            <span class="icon is-large">
-              <i class="fab fa-twitter fa-lg"></i>
-            </span>
-          </div>
-        </a>
-
-        <a href="http://www.linkedin.com/shareArticle?mini=true&url={{page.url}}&title={{page.title}}&summary={{page.description}}&source={{site.url}}" rel="nofollow" target="_blank" title="Share on LinkedIn">
-          <div class="column">
-            <span class="icon is-large">
-              <i class="fab fa-linkedin fa-lg"></i>
-            </span>
-          </div>
-        </a>
-
-        <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+">
-          <div class="column">
-            <span class="icon is-large">
-              <i class="fab fa-google fa-lg"></i>
-            </span>
-          </div>
-        </a>
-      </div>
-    </div>
-
-  </div>
-</div>
-[]
-<div class="columns is-flex centered">
-  <div class="column is-half-desktop has-text-centered">
-  </div>
+  <content class="post">
+    {{ content }}
+  </content>
 </div>
diff --git a/_layouts/post.html b/_layouts/post.html
index 663039f..384e373 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,9 +1,71 @@
 ---
 layout: default
 ---
+<div class="column is-half-desktop is-offset-one-quarter-desktop">
+  <h1 class="is-size-1">
+    {{page.title}}
+  </h1>
+  <div class="columns">
+    <div class="column">
+      <ul class="details is-size-7">
+        <li>{{page.date | date_to_string }} |</li>
+        {% for tag in page.categories %}
+        <a href="/categories/{{tag}}">
+          <li class="category">
+            <i class="fas fa-link"></i> {{ tag | capitalize }}
+          </li>
+        </a>
+        {% endfor %}
+      </ul>
+    </div>
 
-<div class="columns is-flex centered">
-  <div class="column is-half-desktop">
+    <span>
+      {% for tag in page.tags %}
+      <span class="tag is-light">{{ tag | capitalize }}</span>
+      {% endfor %}
+    </span>
+
+  </div>
+
+  <content class="post">
     {{ content }}
+  </content>
+  <hr/>
+
+  <div class="share-page">
+    <div class="columns is-flex">
+      <div>
+        <div class="column">
+          <span class="is-size-3">Share on:</span>
+        </div>
+      </div>
+      <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter">
+        <div class="column">
+          <span class="icon is-large">
+            <i class="fab fa-twitter fa-lg"></i>
+          </span>
+        </div>
+      </a>
+
+      <a href="http://www.linkedin.com/shareArticle?mini=true&url={{page.url}}&title={{page.title}}&summary={{page.description}}&source={{site.url}}" rel="nofollow" target="_blank" title="Share on LinkedIn">
+        <div class="column">
+          <span class="icon is-large">
+            <i class="fab fa-linkedin fa-lg"></i>
+          </span>
+        </div>
+      </a>
+
+      <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+">
+        <div class="column">
+          <span class="icon is-large">
+            <i class="fab fa-google fa-lg"></i>
+          </span>
+        </div>
+      </a>
+    </div>
+  </div>
+</div>
+<div class="columns is-flex centered">
+  <div class="column is-half-desktop has-text-centered">
   </div>
 </div>
diff --git a/_posts/2018-11-02-I-am-moving-to-gitlab.md b/_posts/2018-11-02-I-am-moving-to-gitlab.md
index 95cf14d..a86c016 100644
--- a/_posts/2018-11-02-I-am-moving-to-gitlab.md
+++ b/_posts/2018-11-02-I-am-moving-to-gitlab.md
@@ -1,5 +1,5 @@
 ---
-layout: page
+layout: post
 title:  "I moved from Github to Gitlab"
 date:   2018-11-02
 theme: dark
diff --git a/about.md b/about.md
index 8b4e0b2..fa5c530 100644
--- a/about.md
+++ b/about.md
@@ -1,18 +1,9 @@
 ---
 layout: page
-title: About
+theme: dark
+title: About Me
 permalink: /about/
+
 ---
 
-This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
-
-You can find the source code for Minima at GitHub:
-[jekyll][jekyll-organization] /
-[minima](https://github.com/jekyll/minima)
-
-You can find the source code for Jekyll at GitHub:
-[jekyll][jekyll-organization] /
-[jekyll](https://github.com/jekyll/jekyll)
-
-
-[jekyll-organization]: https://github.com/jekyll
+My name is Sameer and I'm a senior software engineer @ udemy.
diff --git a/assets/styles/web.sass b/assets/styles/web.sass
index 22d2207..94aefb5 100644
--- a/assets/styles/web.sass
+++ b/assets/styles/web.sass
@@ -65,8 +65,30 @@ body.dark
 
 
   content.post
-    p
+    text-align: justify
+
+    h1
+      @extend .is-size-1
+    h2
+      @extend .is-size-2
+    h3
+      @extend .is-size-3
+    h4
+      @extend .is-size-4
+    h5
+      @extend .is-size-5
+
+    p, h1, h2, h3, h4, h5
       padding-top: 1em
+      padding-bottom: 0.5em
+      line-height: 1.5
+    p
+      text-align: justify
+
+    ul
+      list-style: circle
+      li
+        margin-left: 1em
     a
       color: $white
       font-weight: 700