Add dark light theme toggle functionality

This commit is contained in:
Avijit 🚀
2021-06-04 14:45:49 +02:00
committed by Yash Mehrotra
parent 9c85a886e8
commit 34702581dd
5 changed files with 71 additions and 59 deletions

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html class="gokarna-dark">
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}

View File

@@ -1,4 +1,4 @@
<header class="header header-dark" id="header-sroll">
<header class="header gokarna-dark">
<nav class="header-nav">
<div class="avatar">
@@ -23,15 +23,22 @@
<!-- TODO: Handle
<div class="nav-link icon">
<a href="http://example.com">
<span class="fab fa-github"></span>
<span class="fa fa-github"></span>
</a>
</div>
<div class="nav-link icon">
<a href="http://example.com">
<span class="fab fa-linkedin"></span>
<span class="fa fa-linkedin"></span>
</a>
</div>
-->
<span class="nav-icons-divider"></span>
<div class="nav-link" id="dark-light-theme-toggle">
<a>
<span class="fa fa-moon-o"></span>
</a>
</div>
</div>
</nav>
</header>