darkmode initial commit

layouts/partials/sections/v3/contact.html

@@ -8,7 +8,7 @@
         </div>
         {{ if .Site.Params.email }}
         <div class="text-center pt-3">
-          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn">
+          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
             Get In Touch
           </a>
         </div>

layouts/partials/sections/v3/head.html

@@ -6,4 +6,5 @@
 <!-- stylesheets -->
 <link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
 <link rel="stylesheet" href="/css/all.min.css" media="all">
-<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
+<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
+<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">

layouts/partials/sections/v3/navbar.html

@@ -9,6 +9,14 @@
       {{ .Site.Title }}
       {{ end }}
     </a>
+    <div class="custom-control custom-switch">
+      <input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
+      <label class="pt-2 darkmode-label" for="customSwitch1">
+        <i class="fas fa-lg fa-moon"></i>
+        <i class="fas fa-lg fa-sun d-none text-warning"></i>
+      </label>
+    </div>
+
     <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
       aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>