More changes

layouts/_default/single.html

@@ -8,7 +8,7 @@
         {{ partial "tags" . }}
     </div>
 
-    <br> <div class="text-justify">{{ .Content }}</div>
+    <div align="start" class="content">{{ .Content }}</div>
 
 </main>
 

layouts/post/single.html

@@ -8,7 +8,7 @@
         {{ partial "tags" . }}
     </div>
 
-    <br> <div class="text-justify">{{ .Content }}</div>
+    <div align="start" class="content">{{ .Content }}</div>
 
     <!-- Related posts -->
     {{ $related := first 3 (where (where (where .Site.Pages.ByDate.Reverse ".Type" "==" "post") ".Params.tags" "intersect" .Params.tags) "Permalink" "!=" .Permalink) }}

static/css/main.css

@@ -20,13 +20,7 @@ img {
     max-width: 100%;
 }
 
-/* Footer */
-
-.copyright {
-    margin: 15px 0;
-}
-
-/* Home page */
+/* Homepage */
 
 .intro {
     transform: translateY(22vh);
@@ -42,13 +36,22 @@ img {
     font-size: 3vmin;
 }
 
-.intro > .profile {
+/* Page content */
+
+.content {
+    padding-top: 10px;
+    padding-botton: 10px;
+}
+
+/* Profile picture */
+
+.profile {
     width: 10vh;
     height: 10vh;
     border-radius: 50%;
 }
 
-/* Apply accent colour to links */
+/* Colored links */
 
 a:link, a:visited {
     color: var(--accent);
@@ -62,7 +65,13 @@ a:hover {
     color: var(--accent) !important;
 }
 
-/* Paginator at bottom of list view */
+/* Copyright message */
+
+.copyright {
+    margin: 15px 0;
+}
+
+/* Paginator */
 
 .pages {
     padding: 15px 0;
@@ -72,7 +81,7 @@ a:hover {
     padding: 0 15px;
 }
 
-/* List item for posts and projects */
+/* List item for posts/projects */
 
 .item {
     padding: 10px 0;
@@ -82,14 +91,14 @@ a:hover {
     background-color: var(--accent);
 }
 
-/* Navigation bar icons */
+/* Navigation icons */
 
 .navbar-icon {
     font-size: 125%;
     display: inline-block !important;
 }
 
-/* Coloured borders at top and bottom of the page */
+/* Colored borders at top/bottom of page */
 
 .navbar.navbar-default {
     border-top: var(--border-width) solid var(--accent);