From 2127bbc980086fcc7ed535b59a3ec428f639de82 Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Mon, 19 Jun 2023 19:19:26 +0800
Subject: [PATCH] edited navBar and featured more streamers

---
 src/components/navBar.astro | 14 ++++++++++++++
 src/pages/index.astro       | 20 ++++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/src/components/navBar.astro b/src/components/navBar.astro
index 070ddca..f47d901 100644
--- a/src/components/navBar.astro
+++ b/src/components/navBar.astro
@@ -206,6 +206,20 @@
 		}
 	});
 
+	// if clicked outside of the hamburger menu, close the sidebar
+	window.addEventListener("click", (e) => {
+		if (
+			e.target !== hamburger &&
+			e.target !== topBun &&
+			e.target !== bottomBun &&
+			e.target !== checkbox &&
+			e.target !== document.querySelector(".sidebar") &&
+			e.target !== document.querySelector(".sidebar nav")
+		) {
+			closeSideBar();
+		}
+	});
+
 	// if window is resized, check if it's less than 768px
 	window.addEventListener("resize", () => {
 		if (window.innerWidth < 768) {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 97ec50b..0127c50 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -75,6 +75,16 @@ import Layout from "../layouts/Layout.astro";
 							</div>
 							<div class="mr-1">:</div> resolve merge conflicts
 						</div>
+						<div
+							class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
+						>
+							<div
+								class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-green-400"
+							>
+								j3dg
+							</div>
+							<div class="mr-1">:</div> spin class
+						</div>
 						<div
 							class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
 						>
@@ -347,6 +357,16 @@ import Layout from "../layouts/Layout.astro";
 							</div>
 							<div class="mr-1">:</div> sell merch
 						</div>
+						<div
+							class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
+						>
+							<div
+								class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-gray-100"
+							>
+								xhumming
+							</div>
+							<div class="mr-1">:</div> feed Emmy
+						</div>
 						<div
 							class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
 						>