From 8d3f569ec454f44a1491fb4d7e47be30f9b15c09 Mon Sep 17 00:00:00 2001
From: Darshan Baral <darshanbaral@gmail.com>
Date: Tue, 4 Jun 2019 21:49:43 -0700
Subject: Added book cover. Cosmetic changes

---
 layouts/_default/section.html |  54 +++++++++++++++++++++++-------------------
 layouts/_default/single.html  |  22 ++++++++++++++---
 layouts/index.html            |   2 +-
 layouts/partials/footer.html  |   6 -----
 static/bookCovers/emma.jpg    | Bin 0 -> 88806 bytes
 static/css/kitab.css          |  16 ++++++++++---
 6 files changed, 63 insertions(+), 37 deletions(-)
 create mode 100644 static/bookCovers/emma.jpg

diff --git a/layouts/_default/section.html b/layouts/_default/section.html
index 789dec4..d954777 100644
--- a/layouts/_default/section.html
+++ b/layouts/_default/section.html
@@ -1,26 +1,32 @@
 {{ define "main" }}
-<table class="table table-striped table-sm m-auto" style="max-width: 800px;">
-  <thead>
-    <tr>
-      <th scope="col">
-        <h3>
-          {{ .Title | markdownify }}
-        </h3>
-      </th>
-    </tr>
-  </thead>
-  <tbody>
-    {{ range .Pages.ByWeight }}
-    <tr>
-      <td>
-        <a href="{{ .Permalink }}">
-          <h4>
-            {{ .Title }}
-          </h4>
-        </a>
-      </td>
-    </tr>
-    {{  end }}
-  </tbody>
-</table>
+<div class="row mb-4">
+  <div class="col-md-6">
+    <div class="w-90 m-auto bg-warning">
+      {{ $path := (print "bookCovers/" (replace .Dir "\\" "") ".jpg") | relURL }}
+      <img class="rounded shadow-lg" style="width: 100%;" src="{{ $path }}" />
+      <div class="bookTitle p-0 rounded" style="width: 60%;">
+        <h2 class="book-cover m-0 pl-1 pr-1">{{ .Title | markdownify }}</h2>
+        <h4 class="book-cover pl-1 pr-1 w-auto">Sub-title</h4>
+      </div>
+      <div class="bookAuthor p-0 rounded">
+        <h4 class="book-cover m-0 pl-1 pr-1">{{ .Params.author }}</h4>
+      </div>
+    </div>
+  </div>
+  
+  <div class="col-md-6 p-2 rounded shadow">
+    <h3>
+      Chapters
+    </h3>
+    <ul class="list-unstyled">
+    {{ range.Pages.ByWeight }}
+    <li>
+    <a href="{{ .Permalink }}">
+        {{ .Title }}
+    </a>
+  </li>
+    {{ end }}
+  </ul>
+  </div>
+</div>
 {{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 43f55b4..8a26312 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -4,13 +4,29 @@
   <h2>{{ .Title }}</h2>
   <div class="ml-4 border-left border-primary pl-1">
     {{ .Content }}
-    <div class="d-flex flex-row justify-content-around border-top pt-2 border-primary">
+    <div
+      class="d-flex flex-row justify-content-around border-top pt-2 border-primary"
+    >
       {{ partial "previousChapter" . }}
       {{ partial "nextChapter" . }}
     </div>
   </div>
-  <div class="toTop navMenu menuItem" onclick="scrollToTop()">
-    <i class="fas fa-angle-up"></i>
+
+  <div class="toTop" style="width: 50px;">
+    <p class="navMenu menuItem mb-0">
+      <i class="fas fa-angle-up" onclick="scrollToTop()"></i>
+    </p>
+    <hr>
+    <p class="about text-right">
+      <small>
+        <a href="https://github.com/darshanbaral/kitab">
+          kitab<br>
+        </a>
+        <a href="https://www.darshanbaral.com/">
+          d.b
+        </a>
+      </small>
+    </p>
   </div>
 </div>
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index 11a2a0f..94cb137 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,7 +6,7 @@
   </div>
   <div class="d-flex flex-row justify-content-center row">
     {{ range .Site.Sections.ByWeight }}
-    <div class="m-2 p-2 border border-primary rounded" style="max-width: 350px;">
+    <div class="m-2 p-2 border border-primary rounded" style="min-width: 300px; width: 40%;">
       <a href="{{ .Permalink }}">
         <h3 class="mb-0 p-0">
           {{ .Title | markdownify }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 3ee9a15..1686f30 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,10 +2,4 @@
   <small>
     {{ .Site.Params.footer | markdownify }}
   </small>
-  <br />
-  <small>
-    <a href="https://github.com/darshanbaral/kitab">
-      kitab</a>/<a href="https://www.darshanbaral.com/">d.b
-    </a>
-  </small>
 </footer>
diff --git a/static/bookCovers/emma.jpg b/static/bookCovers/emma.jpg
new file mode 100644
index 0000000..007c90c
Binary files /dev/null and b/static/bookCovers/emma.jpg differ
diff --git a/static/css/kitab.css b/static/css/kitab.css
index 164a404..e39a0f2 100644
--- a/static/css/kitab.css
+++ b/static/css/kitab.css
@@ -18,7 +18,17 @@ body {
 a:hover {
   text-decoration: none;
 }
-.toTop {
-  position: fixed;
-  bottom: 0;
+.book-cover {
+  color: white;
+  background-color: #24242499;
 }
+.bookTitle {
+  position: absolute;
+  top: 2%;
+  left: 5%;
+}
+.bookAuthor {
+  position: absolute;
+  bottom: 2%;
+  right: 5%;
+}
\ No newline at end of file
-- 
cgit v1.2.3