From 4de230c3ea4d141c93302487318befe2dfae2579 Mon Sep 17 00:00:00 2001
From: tamilselvan1102 <tamilselvan.t@india.nec.com>
Date: Tue, 27 Feb 2024 18:42:02 +0530
Subject: [PATCH 1/4] Front page light and dark mode

---
 layouts/partials/css.html     | 41 +++++++++++++++++++++++++++++++++++
 layouts/partials/navbar.html  | 10 +++++++++
 layouts/partials/scripts.html | 16 ++++++++++++++
 3 files changed, 67 insertions(+)

diff --git a/layouts/partials/css.html b/layouts/partials/css.html
index 1644f8cfef249..c1ce9b576b025 100644
--- a/layouts/partials/css.html
+++ b/layouts/partials/css.html
@@ -29,8 +29,49 @@
     padding-left: 15px;
     padding-right: 15px;
   }
+}
+
+body.dark {background-color: #000;} /* #292c35*/
+#oceanNodes.dark, #features.dark, #talkToUs.dark, #cncf.dark, #kubeweekly.dark {background-color: #000;}
+body.dark .content, body.dark .main-section, body.dark h1 {color: #fff;}
+
+.checkbox-dark {
+  opacity: 0;
+  position: absolute;
+}
 
+.checkbox-label {
+  background-color: #111;
+  width: 46px;
+  height: 22px;
+  border-radius: 50px;
+  position: relative;
+  padding: 5px;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
+
+.fa-moon {color: #f1c40f;}
+
+.fa-sun {color: #f39c12;}
+
+.checkbox-label .ball {
+  background-color: #fff;
+  width: 18px;
+  height: 18px;
+  position: absolute;
+  left: 2px;
+  top: 2px;
+  border-radius: 50%;
+  transition: transform 0.2s linear;
+}
+
+.checkbox-dark:checked + .checkbox-label .ball {
+  transform: translateX(24px);
+}
+
 </style>
 <!--end splitter-->
 
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 06306fc489f06..99be3682718e9 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -24,6 +24,16 @@
 				{{ partial "navbar-lang-selector.html" . }}
 			</li>
 			{{ end }}
+			<li class="nav-item mr-2 mb-lg-0">
+				<div id="div-darkmode" style="padding-top:10px;">
+				  <input type="checkbox" class="checkbox-dark" id="checkbox-dark">
+				  <label for="checkbox-dark" class="checkbox-label">
+				    <i class="fas fa-moon"></i>
+				    <i class="fas fa-sun"></i>
+				    <span class="ball"></span>
+				  </label>
+				</div>
+      		</li>
 		</ul>
 	</div>
 	<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 1c8dce0d65df9..0d7fa78544b62 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -42,6 +42,22 @@
     }
   }
 
+  const checkboxDark = document.getElementById("checkbox-dark")
+  checkboxDark.addEventListener("change", () => {
+    document.body.classList.toggle("dark")
+    $("#oceanNodes").toggleClass("dark");
+    $("#features").toggleClass("dark");
+    $("#talkToUs").toggleClass("dark");
+    $("#cncf").toggleClass("dark");
+    $("#kubeweekly").toggleClass("dark");
+  })
+
+  var pathName=window.location.pathname;
+  $("#div-darkmode").hide();
+  if(pathName == "" || pathName == "/"){
+  	$("#div-darkmode").show();
+  }
+
   const screenWidthMediaQuery = window.matchMedia("(min-width: 768px)");
 
   const eleNav = document.getElementById("sidebarnav");

From 63f1347340d9ec2972dbf7af10f144a4e53e4130 Mon Sep 17 00:00:00 2001
From: Tamilselvan <tamilselvan.t@india.nec.com>
Date: Wed, 6 Mar 2024 10:15:36 +0000
Subject: [PATCH 2/4] Empty commit


From ad2af5e5b648f879a88bc313c602075e89ec39d5 Mon Sep 17 00:00:00 2001
From: Tamilselvan <tamilselvan.t@india.nec.com>
Date: Wed, 13 Mar 2024 16:16:14 +0530
Subject: [PATCH 3/4] Update layouts/partials/css.html

Co-authored-by: Tim Bannister <tim@scalefactory.com>
---
 layouts/partials/css.html | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/layouts/partials/css.html b/layouts/partials/css.html
index c1ce9b576b025..bc4d5785d6ac5 100644
--- a/layouts/partials/css.html
+++ b/layouts/partials/css.html
@@ -57,20 +57,6 @@
 
 .fa-sun {color: #f39c12;}
 
-.checkbox-label .ball {
-  background-color: #fff;
-  width: 18px;
-  height: 18px;
-  position: absolute;
-  left: 2px;
-  top: 2px;
-  border-radius: 50%;
-  transition: transform 0.2s linear;
-}
-
-.checkbox-dark:checked + .checkbox-label .ball {
-  transform: translateX(24px);
-}
 
 </style>
 <!--end splitter-->

From 89621a32651f056273697af5af392ea1acc1b0d4 Mon Sep 17 00:00:00 2001
From: Tamilselvan <tamilselvan.t@india.nec.com>
Date: Wed, 13 Mar 2024 16:16:25 +0530
Subject: [PATCH 4/4] Update layouts/partials/navbar.html

Co-authored-by: Tim Bannister <tim@scalefactory.com>
---
 layouts/partials/navbar.html | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 99be3682718e9..06306fc489f06 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -24,16 +24,6 @@
 				{{ partial "navbar-lang-selector.html" . }}
 			</li>
 			{{ end }}
-			<li class="nav-item mr-2 mb-lg-0">
-				<div id="div-darkmode" style="padding-top:10px;">
-				  <input type="checkbox" class="checkbox-dark" id="checkbox-dark">
-				  <label for="checkbox-dark" class="checkbox-label">
-				    <i class="fas fa-moon"></i>
-				    <i class="fas fa-sun"></i>
-				    <span class="ball"></span>
-				  </label>
-				</div>
-      		</li>
 		</ul>
 	</div>
 	<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>