From c97ed70622ec2fb6871e642eab1a9733d13edf93 Mon Sep 17 00:00:00 2001
From: Darshan Baral <darshanbaral@gmail.com>
Date: Fri, 29 Mar 2019 21:39:28 -0700
Subject: Cosmetic changes

---
 layouts/partials/footer.html |  2 ++
 layouts/partials/head.html   | 11 ++++++++++-
 layouts/partials/header.html |  8 +++++---
 layouts/partials/skill.html  | 10 ++++++++--
 static/src/sada_main.js      |  4 ++--
 5 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 2b6d4b0..be40967 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -6,4 +6,6 @@
   <a class="text-warning" href="https://github.com/darshanbaral/sada">
     <i>sada</i></a
   >
+  <span class="text-white">by</span>
+  <a class="text-warning" href="https://www.darshanbaral.com">darshan</a>.
 </footer>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index ee50660..0c355a7 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -21,7 +21,16 @@
     href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css"
   />
   <link
-    href="https://fonts.googleapis.com/css?family=Roboto"
+    href="https://fonts.googleapis.com/css?family=Roboto|Material+Icons"
     rel="stylesheet"
   />
+
+  <style>
+    .toggleTheme {
+      cursor: pointer;
+    }
+    .bg-dark {
+      background-color: #23272c !important;
+    }
+  </style>
 </head>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index a08c131..fe46ab7 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,5 +1,5 @@
 <div class="d-flex flex-column flex-sm-row mt-2">
-  <div class="mr-4">
+  <div class="mr-4 text-center float-left" style="width: 160px;">
     <script src="{{ .Site.BaseURL }}/src/sada_main.js"></script>
     <img
       class="rounded-circle"
@@ -7,8 +7,10 @@
       alt="{{ .Site.Params.author }}"
       style="width: 150px;"
     />
-    <h3 onclick="toggleTheme()">
-      <a class="text-white" href="#"><i class="fas fa-yin-yang"></i></a>
+    <h3 class="toggleTheme text-white mt-2" onclick="toggleTheme()" title="toggle theme">
+      <i class="material-icons">
+        brightness_medium
+      </i>
     </h3>
   </div>
 
diff --git a/layouts/partials/skill.html b/layouts/partials/skill.html
index b63eeb3..e24cc2e 100644
--- a/layouts/partials/skill.html
+++ b/layouts/partials/skill.html
@@ -4,7 +4,13 @@
 </h3>
 {{ range.Site.Params.skills.list }}
 <code>{{ .skill }}</code>
-<div class="rounded w-100 bg-secondary border border-secondary mt-1 mb-3">
-  <div class="card bg-success" style="width: {{ .skillrating }}%; height:15px;"></div>
+<div
+  class="w-100 bg-secondary border border-secondary mt-1 mb-3"
+  style="height:15px;"
+>
+  <div
+    class="bg-warning h-100"
+    style="width: {{ .skillrating }}%;"
+  ></div>
 </div>
 {{ end }}
diff --git a/static/src/sada_main.js b/static/src/sada_main.js
index 016a5e3..0973a4d 100644
--- a/static/src/sada_main.js
+++ b/static/src/sada_main.js
@@ -6,7 +6,7 @@ var lightTheme = {
   altText: "text-secondary",
   mainText: "text-dark",
   linkText: "text-success",
-  skillBackground: "bg-danger"
+  skillBackground: "bg-success"
 };
 
 var darkTheme = {
@@ -15,7 +15,7 @@ var darkTheme = {
   altText: "text-light",
   mainText: "text-white",
   linkText: "text-warning",
-  skillBackground: "bg-success"
+  skillBackground: "bg-warning"
 };
 
 var isDark = true;
-- 
cgit v1.2.3