✨ revamp

assets/css/style.scss

@@ -1,3 +1,4 @@
 ---
 ---
-@import "main";
+
+@import "main";

assets/favicons/safari-pinned-tab.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="640.000000pt" height="640.000000pt" viewBox="0 0 640.000000 640.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,640.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2914 6389 c-433 -38 -901 -183 -1286 -399 -85 -48 -308 -191 -334
+-215 -7 -5 -26 -21 -44 -35 -245 -190 -456 -407 -634 -650 -31 -41 -59 -79
+-64 -85 -25 -30 -172 -285 -217 -376 -175 -355 -289 -759 -324 -1144 -14 -152
+-6 -560 14 -695 39 -271 108 -542 195 -762 49 -122 165 -366 188 -390 8 -10
+12 -18 9 -18 -7 0 97 -167 162 -260 137 -196 330 -411 485 -543 27 -23 56 -49
+65 -58 130 -127 455 -337 698 -450 60 -28 122 -56 138 -64 33 -16 72 -30 220
+-80 173 -58 280 -85 450 -115 33 -5 69 -12 80 -14 186 -36 671 -43 885 -12
+475 68 870 203 1245 429 98 59 271 175 297 199 7 7 31 26 53 42 22 17 42 33
+45 36 3 4 43 40 90 81 47 41 100 90 119 109 166 173 260 281 331 382 71 100
+130 187 130 192 0 3 12 24 28 48 43 68 48 77 106 188 106 206 205 467 261 688
+31 123 73 373 84 500 9 101 6 534 -4 612 -54 425 -143 732 -312 1080 -36 74
+-72 143 -81 153 -8 9 -12 17 -9 17 7 0 -96 167 -162 260 -167 238 -419 506
+-636 673 -5 4 -21 17 -35 28 -93 77 -340 233 -489 308 -223 113 -519 222 -724
+267 -74 16 -281 53 -332 59 -33 4 -73 9 -90 12 -56 8 -510 10 -601 2z"/>
+</g>
+</svg>

assets/favicons/site.webmanifest

@@ -0,0 +1,14 @@
+{
+  "name": "Mahendrata",
+  "short_name": "Mahendrata",
+  "icons": [
+    {
+      "src": "/assets/favicons/android-chrome-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

assets/js/main.js

@@ -0,0 +1,35 @@
+(() => {
+  // Theme switch
+  const root = document.body;
+  const themeSwitch = document.getElementById("mood");
+  const themeData = root.getAttribute("data-theme");
+
+  if (themeSwitch) {
+    initTheme(localStorage.getItem("theme"));
+    themeSwitch.addEventListener("click", () =>
+      toggleTheme(localStorage.getItem("theme"))
+    );
+
+    function toggleTheme(state) {
+      if (state === "dark") {
+        localStorage.setItem("theme", "light");
+        root.removeAttribute("data-theme");
+      } else if (state === "light") {
+        localStorage.setItem("theme", "dark");
+        document.body.setAttribute("data-theme", "dark");
+      } else {
+        initTheme(state);
+      }
+    }
+
+    function initTheme(state) {
+      if (state === "dark") {
+        document.body.setAttribute("data-theme", "dark");
+      } else if (state === "light") {
+        root.removeAttribute("data-theme");
+      } else {
+        localStorage.setItem("theme", themeData);
+      }
+    }
+  }
+})();