Cosmetic changes

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;