rebuilding site Tue May 28 09:35:46 PM IST 2024

ppipada · May 28, 2024 · 2ee77fd · 2ee77fd
1 parent 6cb27c3
commit 2ee77fd
Show file tree

Hide file tree

Showing 57 changed files with 3,357 additions and 2,646 deletions.
diff --git a/404.html b/404.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en"><head>
+<html lang="en" data-bs-theme="light"><head>
     <title>Scramblings</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -29,10 +29,8 @@
 
 
 
-    <link rel="stylesheet" href="./css/theme.min.css">
-
-
 
+    <link rel="stylesheet" href="./css/custom.min.css">
 
 
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-PVSXVYRTKF"></script>
@@ -47,10 +45,19 @@
 </script>
 
 </head>
-<body><header class="container mt-sm-2 mt-1 mb-1 mx-auto" style="max-width: 650px; margin: auto;">
+<body><header class="container mt-sm-2 mt-1 mb-1 mx-auto" style="max-width: 650px; margin: auto; position: relative;">
+
+    <div style="position: absolute; top: 0; left: 0; z-index: 10;">
+
+<button id="darkModeToggle" class="btn" style="background: transparent; border: none;">
+    <i id="darkModeIcon" class="fas"></i>
+</button>
+
+    </div>
+
     <div class="row justify-content-center">
 
-        <div class="col-sm-5 col-12 text-sm-right text-center pt-sm-4">
+        <div class="col-sm-5 col-12 text-sm-end text-center pt-1">
             <a href="./" class="text-decoration-none" aria-label="home">
                 <img id="home-image" class="rounded-circle"
 
@@ -62,9 +69,9 @@
                 />
             </a>
         </div>
-        <div class="col-sm-7 col-12 text-sm-left text-center">
+        <div class="col-sm-7 col-12 text-sm-start text-center">
 
-            <h2 class="m-0 mt-4">
+            <h2 class="m-0 mt-2">
                 <a href="./" class="text-decoration-none">
 
                         Scramblings
@@ -76,18 +83,18 @@ <h2 class="m-0 mt-4">
                     Dev scratchpad. Digital garden
 
             </p>
-            <ul id="nav-links" class="list-inline" style="list-style: none; padding: 0; height: 1.2em; line-height: 1em; font-size: medium;">
+            <ul id="nav-links" class="list-inline" style="list-style: none; padding: 0; height: 1.2em; line-height: 1em; font-size: large;">
 
 
-                    <li class= "badge" style="display: inline;">
+                    <li class="badge" style="display: inline;">
                         <a class="" href="./tags/" title="Tags">Tags</a>
                     </li>
 
-                    <li class= "badge" style="display: inline;">
+                    <li class="badge" style="display: inline;">
                         <a class="" href="./quotes/" title="Quotes">Quotes</a>
                     </li>
 
-                    <li class= "badge" style="display: inline;">
+                    <li class="badge" style="display: inline;">
                         <a class="" href="./movies/" title="Movies">Movies</a>
                     </li>
 
@@ -102,13 +109,17 @@ <h2 class="m-0 mt-4">
             </ul>
             <div id="breadcrumbs-container" style="height: 1.2em; line-height: 1em; margin: 0; overflow: hidden; font-size: small;">
 <ul id="breadcrumbs" style="list-style: none; padding: 0;">
-
-
-<li style="display: inline;"><a href="./" style="color: grey;" aria-label="home"><i class="fas fa-home" st></i></a></li>
-
-
-<li style="display: inline;"><span style="color: grey;">&gt;</span></li>
-
+
+
+    <li class="text-muted" style="display: inline;">
+        <a class="text-muted" href="./" aria-label="home"><i class="fas fa-home"></i></a>
+    </li>
+
+
+    <li class="text-muted" style="display: inline;">
+        <span>&gt;</span>
+    </li>
+
 </ul>
 </div>
 
@@ -117,9 +128,9 @@ <h2 class="m-0 mt-4">
     </div>
 </header>
 
-        <div id="content" class="mx-auto">
-            <div class="container">
-                <form id="search" action='https://pankajpipada.com/search/' method="get" class="d-flex justify-content-center mt-2 mb-4">
+            <div id="content" class="mx-auto">
+                <div class="container">
+                    <form id="search" action='https://pankajpipada.com/search/' method="get" class="d-flex justify-content-center mt-2 mb-4">
     <label hidden for="search-input">Search site</label>
     <div class="input-group" style="width: 90%;">
         <span class="input-group-text border-0 bg-transparent">
@@ -137,8 +148,8 @@ <h1 class="mt-5" style="text-align: center">404 - Not Found</h1>
         <footer class="mt-2 blockquote-footer">J.R.R. Tolkien, <cite title="Source Title">The Fellowship of the Ring</cite></footer>
     </blockquote>
 
+                </div>
             </div>
-        </div>
         <footer class="text-center pb-1">
   <ul id="nav-social" class="list-inline mb-1">
 
@@ -174,8 +185,26 @@ <h1 class="mt-5" style="text-align: center">404 - Not Found</h1>
   </span>
 </footer>
 
+        <script src="./vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
 
-            <script src="https://pankajpipada.com/js/copybutton.min.a48e6828da436de32d10a615cb3004fd3348a7da47c661db91071e2b87a4294a.js" integrity="sha256-pI5oKNpDbeMtEKYVyzAE/TNIp9pHxmHbkQceK4ekKUo=" defer></script>
+
+                <script src="https://pankajpipada.com/js/darkmode.min.e7e6643ae9d563edefff7e0c7073f737868c941716010b66720d8b75ef3ce208.js" integrity="sha256-5&#43;ZkOunVY&#43;3v/34McHP3N4aMlBcWAQtmcg2Lde884gg=" defer></script>
+
+
+
+
+
+
+
+
+
+
+
+
+
 
+            <script src="https://pankajpipada.com/js/copybutton.min.a48e6828da436de32d10a615cb3004fd3348a7da47c661db91071e2b87a4294a.js" integrity="sha256-pI5oKNpDbeMtEKYVyzAE/TNIp9pHxmHbkQceK4ekKUo=" defer></script>
+
     </body>
 </html>
diff --git a/css/custom.min.css b/css/custom.min.css