From 5499cf92b26f28c25afe779d4a1bad0df56fd798 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Avijit=20=F0=9F=9A=80?= <526avijit@gmail.com>
Date: Wed, 23 Jun 2021 21:35:06 +0200
Subject: [PATCH 1/4] Fix footer

---
 themes/gokarna/layouts/_default/baseof.html |  2 +-
 themes/gokarna/static/css/main.css          | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/themes/gokarna/layouts/_default/baseof.html b/themes/gokarna/layouts/_default/baseof.html
index 83ded07..d663ad3 100644
--- a/themes/gokarna/layouts/_default/baseof.html
+++ b/themes/gokarna/layouts/_default/baseof.html
@@ -5,7 +5,7 @@
         {{- partial "header.html" . -}}
         <main id="content">
         {{- block "main" . }}{{- end }}
-        {{- partial "footer.html" . -}}
         </main>
+        {{- partial "footer.html" . -}}
     </body>
 </html>
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 5f83cef..3ab1639 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -2,6 +2,12 @@ html {
   background: white;
   color: black;
   font-family: "Roboto", sans-serif;
+  min-height: 100%;
+  position: relative;
+}
+
+body {
+  margin-bottom: 170px;
 }
 
 /* HEADER */
@@ -97,11 +103,15 @@ html {
 
 /* FOOTER */
 .footer {
+  bottom: 0;
   border-top: 1px solid #eee;
   color: inherit;
-  margin-top: 50px;
+  left: 0;
+  overflow: hidden;
   padding: 40px 0;
+  position: absolute;
   text-align: center;
+  width: 100%;
 }
 
 .footer span {
@@ -171,7 +181,7 @@ code {
 /* SINGLE */
 #content {
   width: 810px;
-  margin: 180px auto 0;
+  margin: 120px auto 0;
 }
 .post .post-date {
   color: gray;

From 09c36c9395acc26033c220fcde8fb4a699c90c37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Avijit=20=F0=9F=9A=80?= <526avijit@gmail.com>
Date: Wed, 23 Jun 2021 21:43:35 +0200
Subject: [PATCH 2/4] Fix header alignment

---
 themes/gokarna/static/css/main.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 3ab1639..27fefa0 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -89,7 +89,7 @@ body {
 .nav-links .nav-icons-divider {
   border-color: inherit;
   border-left: 1px solid;
-  margin-right: 4.5px;
+  margin: 0 10px;
 }
 .nav-links #dark-theme-toggle:hover {
   cursor: pointer;
@@ -133,6 +133,7 @@ body {
 /* ICONS */
 .feather {
   height: 20px;
+  margin: -3px auto;
   stroke-width: 1.75;
   width: 20px;
 }

From 6bb91c2e19726b1a38ea24ebd0d16346eda77083 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Avijit=20=F0=9F=9A=80?= <526avijit@gmail.com>
Date: Wed, 23 Jun 2021 21:47:17 +0200
Subject: [PATCH 3/4] Add color change on hover

---
 themes/gokarna/static/css/main.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 27fefa0..1dc0f59 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -44,6 +44,9 @@ body {
   -o-transition: margin 0.5s ease-out;
   transition: margin 0.5s ease-out;
 }
+.header .header-nav a:hover {
+  color: teal;
+}
 .header .header-nav.small {
   margin-top: 0;
 }

From a6945113d15ab99c9f23c4451e407cc49fbdeaaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Avijit=20=F0=9F=9A=80?= <526avijit@gmail.com>
Date: Wed, 23 Jun 2021 21:50:59 +0200
Subject: [PATCH 4/4] Add transition to hover

---
 themes/gokarna/static/css/main.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 1dc0f59..7e0eada 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -44,12 +44,15 @@ body {
   -o-transition: margin 0.5s ease-out;
   transition: margin 0.5s ease-out;
 }
-.header .header-nav a:hover {
-  color: teal;
-}
 .header .header-nav.small {
   margin-top: 0;
 }
+.header-nav a {
+  transition: color 0.15s ease-in-out;
+}
+.header-nav a:hover {
+  color: teal;
+}
 .header-nav .avatar {
   border: 0.5px solid white;
   border-radius: 18px;