Minor style changes

6 files changed, 34 insertions, 32 deletions

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index a3c74ab..63391e9 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -8,5 +8,6 @@
       {{ end }}
     </main>
     {{ partial "sidebar" . }}
+    {{ partial "footer" . }}
   </body>
 </html>
diff --git a/layouts/partials/chapterMenu.html b/layouts/partials/chapterMenu.html
index 7d719a3..2b4e477 100644
--- a/layouts/partials/chapterMenu.html
+++ b/layouts/partials/chapterMenu.html
@@ -5,7 +5,7 @@
     title = "Show Chapters"

   ></i>

   <div

-    class="show bg-light shadow"

+    class="show bg-light shadow mt-2"

     style="

       position: absolute;

       min-width: 280px;

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index d16604c..182ae12 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,9 +1,16 @@
-<footer class="kitab-theme-by-darshan">

-  <small>

-    {{ .Site.Params.footer1 | markdownify }}

-  </small>

-  <br>

-  <small>

-    {{ .Site.Params.footer2 | markdownify }}

-  </small>

+<footer class="d-flex flex-row flex-wrap justify-content-between">

+  <div class="d-flex flex-column">

+    <span class="mb-1">

+      {{ .Site.Params.footer1 | markdownify }}

+      &middot;

+      {{ .Site.Params.footer2 | markdownify }}

+    </span>

+  </div>

+  <p class="about text-left mb-0">

+    <a href="https://github.com/darshanbaral/kitab">

+      kitab

+    </a>

+    theme by

+    <a href="https://www.darshanbaral.com/"> Darshan Baral</a>.

+  </p>

 </footer>

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index ced866e..25cb503 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,5 +1,5 @@
-<nav>

-  <div class="d-flex flex-row mt-2 border-bottom position-relative">

+<nav class="mt-2 border-bottom">

+  <div class="d-flex flex-row position-relative">

     <a href="{{ `/` | relURL }}"

       ><i title="Home" class="nav-menu mr-2 mt-1 fas fa-home"></i

     ></a>

@@ -7,8 +7,5 @@
     {{ if eq .Kind "page" }}

     {{ partial "chapterMenu" . }}

     {{ end }}

-    <div class="w-100 text-right">

-      {{ partial "footer" . }}

-    </div>

   </div>

 </nav>

diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 48c7e7b..9f2ea79 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,4 +1,4 @@
-<div class="toTop" style="width: 25px;">
+<div class="side-bar">
   {{ if eq .Kind "page" }}
   {{ partial "prevnext" . }}
   {{ end }}
@@ -15,15 +15,6 @@
       class="nav-menu fas fa-share-alt"
     ></i>
   </p>
-  <p class="about text-left mb-0">
-    <a href="https://github.com/darshanbaral/kitab">
-      <small class="text-secondary">kitab</small>
-      <br />
-    </a>
-    <a href="https://www.darshanbaral.com/">
-      <small class="text-secondary">d.b</small>
-    </a>
-  </p>
 </div>
 
 <script>
diff --git a/static/css/kitab.css b/static/css/kitab.css
index 650587c..ddefd88 100644
--- a/static/css/kitab.css
+++ b/static/css/kitab.css
@@ -1,12 +1,22 @@
-* {

-  font-family: "Roboto", sans-serif;

-}

 body {

+  font-family: "Roboto", sans-serif;

   background-color: #f3f3ef;

   overflow-y: scroll;

 }

+nav {

+  height: 40px;

+}

+main {

+  min-height: calc(100vh - 100px);

+}

+.side-bar {

+  width: 25px;

+  position: fixed;

+  top: 70px;

+}

 footer {

-  line-height: 1.2em;

+  font-size: 0.9em;

+  margin-left: 35px;

 }

 .nav-menu {

   color: #007bff !important;

@@ -37,10 +47,6 @@ a:hover {
   bottom: 2%;

   right: 5%;

 }

-.toTop {

-  position: fixed;

-  bottom: 10px;

-}

 .show {

   transition: all 0.1s;

 }