Update 1

developerplus2025 · Jun 3, 2024 · ce112fc · ce112fc
1 parent dece7cc
commit ce112fc
Show file tree

Hide file tree

Showing 27 changed files with 47 additions and 9 deletions.
diff --git a/signup-project/app.js → function/app.js b/signup-project/app.js → function/app.js
diff --git a/signup-project/package-lock.json → function/package-lock.json b/signup-project/package-lock.json → function/package-lock.json
diff --git a/signup-project/package.json → function/package.json b/signup-project/package.json → function/package.json
diff --git a/signup-project/public/index.html → function/public/index.html b/signup-project/public/index.html → function/public/index.html
diff --git a/signup-project/public/script.js → function/public/script.js b/signup-project/public/script.js → function/public/script.js
diff --git a/signup-project/public/styles.css → function/public/styles.css b/signup-project/public/styles.css → function/public/styles.css
diff --git a/index.html b/index.html
@@ -97,7 +97,11 @@
 				<div
 					class="xl:inline-block md:hidden sm:hidden lg:hidden max-[468px]:hidden">
 
-					<a href="index.html" class="text-3xl">
+					<input type="radio" id="home" name="tab"
+						onclick="showContent('homeContent')">
+
+					<label for="home"
+						class="a__hover relative hover:text-white select-none">
 						<svg
 							class=" text-4xl p-px rounded text-white"
 							xmlns="http://www.w3.org/2000/svg"
@@ -113,7 +117,7 @@
 							<polyline points="16 18 22 12 16 6"></polyline>
 							<polyline points="8 6 2 12 8 18"></polyline>
 						</svg>
-					</a>
+					</label>
 				</div>
 				<div
 					class="flex   gap-[1.5rem] items-center relative sm:ml-[3rem] xl:ml-0 md:ml-[3rem] lg:ml-[3rem] max-[468px]:ml-[1.5rem]">
@@ -284,7 +288,7 @@
 						</div>
 						<div
 							class="w-[20rem] text-[#6c6c6c] text-sm bg-[#1a1a1a] pl-[1rem] h-[2.3rem] flex items-center rounded-lg "
-							style="border:1px solid rgb(0, 0, 0);">
+							style="border:1px solid rgb(0, 0, 0);" onclick="show_search()">
 							Search Your KeyWord
 						</div>
 						<div
@@ -532,14 +536,23 @@
 			<section>
 
 				<div id="homeContent" class="content mt-[56px] active">
-					<div class="bg-black text-white fixed w-full h-[624px]  opacity-100 "
+					<div class="bg-black text-white fixed w-full h-[624px]   opacity-100 "
+						id="home_scroll"
 						style="overflow-y: auto;">
 						<div
 							class="flex  justify-center h-[624px] items-center  gap-4 relative container_vhome">
 
 							<!-- <div class="absolute " style="z-index:-1;">
 								<img class=" " src="./src/Svg/Hexagon.svg" alt>
 							</div> -->
+							<div
+								class="absolute hidden w-[40rem] h-[30rem] bg-[black] rounded-xl px-[2rem]"
+								id="search_table"
+								style="border: 1px solid rgb(53, 53, 53);z-index:2;">
+								<input type="text"
+									class="w-full mt-[2rem] h-[3rem] focus:border-none focus:ring-[#202020] border-none rounded-lg bg-[#202020] ">
+
+							</div>
 
 							<div class="flex gap-[5rem] flex-col justify-center items-center">
 								<div class="flex flex-col gap-[1rem] items-center">

diff --git a/script.js b/script.js
@@ -381,7 +381,6 @@ function showContent(id) {
 // var activeContent = document.getElementById("blogContent");
 // activeContent.classList.add("active");
 
-
 function show_password() {
   var input_password = document.getElementById("eye_icon");
   var show_password_type = document.getElementById("show_password_type");
@@ -804,3 +803,14 @@ function view_video() {
     view_content.classList.add("block");
   }
 }
+
+function show_search() {
+  show_search_menu = document.getElementById("search_table");
+  if (show_search_menu.classList.contains("hidden")) {
+    show_search_menu.classList.remove("hidden");
+    show_search_menu.classList.add("block");
+  } else if (show_search_menu.classList.contains("block")) {
+    show_search_menu.classList.remove("block");
+    show_search_menu.classList.add("hidden");
+  }
+}
diff --git a/src/Font/Geist-Black.woff b/src/Font/Geist-Black.woff
diff --git a/src/Font/Geist-Black.woff2 b/src/Font/Geist-Black.woff2
diff --git a/src/Font/Geist-Bold.woff b/src/Font/Geist-Bold.woff
diff --git a/src/Font/Geist-Bold.woff2 b/src/Font/Geist-Bold.woff2
diff --git a/src/Font/Geist-Light.woff b/src/Font/Geist-Light.woff
diff --git a/src/Font/Geist-Light.woff2 b/src/Font/Geist-Light.woff2
diff --git a/src/Font/Geist-Medium.woff b/src/Font/Geist-Medium.woff
diff --git a/src/Font/Geist-Medium.woff2 b/src/Font/Geist-Medium.woff2
diff --git a/src/Font/Geist-Regular.woff b/src/Font/Geist-Regular.woff
diff --git a/src/Font/Geist-Regular.woff2 b/src/Font/Geist-Regular.woff2
diff --git a/src/Font/Geist-SemiBold.woff b/src/Font/Geist-SemiBold.woff
diff --git a/src/Font/Geist-SemiBold.woff2 b/src/Font/Geist-SemiBold.woff2
diff --git a/src/Font/Geist-Thin.woff b/src/Font/Geist-Thin.woff
diff --git a/src/Font/Geist-Thin.woff2 b/src/Font/Geist-Thin.woff2
diff --git a/src/Font/Geist-UltraBlack.woff b/src/Font/Geist-UltraBlack.woff
diff --git a/src/Font/Geist-UltraBlack.woff2 b/src/Font/Geist-UltraBlack.woff2
diff --git a/src/Font/Geist-UltraLight.woff b/src/Font/Geist-UltraLight.woff
diff --git a/src/Font/Geist-UltraLight.woff2 b/src/Font/Geist-UltraLight.woff2
diff --git a/style.css b/style.css
@@ -1,4 +1,23 @@
 @import url("https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700&display=swap");
+@import url("./src/Font/Geist-Bold.woff2");
+@font-face {
+  font-family: "Geist-Bold";
+  src: url("./src/Font/Geist-Bold.woff2") format("woff2");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Geist-Regular";
+  src: url("./src/Font/Geist-Regular.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+
+body {
+  font-family: "Geist-Regular", sans-serif;
+  box-sizing: border-box;
+}
+
 :root {
   --themed-border: hsla(0, 0%, 100%, 0.14);
   --themed-border-grid: hsl(0deg 0% 0% / 14%);
@@ -46,10 +65,6 @@ body {
   }
 }
 
-body {
-  font-family: "Poppins", sans-serif;
-}
-
 .scrolling-buttons {
   overflow: hidden;
   white-space: nowrap;