From e4e7ce7feae49fac913461ccb2f0dd2bb1bc76ca Mon Sep 17 00:00:00 2001
From: Michael <mbooser@outlook.com>
Date: Fri, 28 Feb 2025 15:48:54 -0500
Subject: [PATCH] started adding back css for nav bar, renamed classes/id

---
 css/home.css        |  25 ++++++++++++++++++++++++-
 html/.home.html.swp | Bin 12288 -> 12288 bytes
 html/home.html      |  34 +++++++++++++++++-----------------
 img/gitlab.svg      |   1 +
 img/linkedin.svg    |   1 +
 5 files changed, 43 insertions(+), 18 deletions(-)
 create mode 100644 img/gitlab.svg
 create mode 100644 img/linkedin.svg

diff --git a/css/home.css b/css/home.css
index f3f0b58..b881a68 100644
--- a/css/home.css
+++ b/css/home.css
@@ -1,4 +1,27 @@
-body
+html
 {
 	background-color: grey;
+	margin: 0;
+	padding: 0;
+	height:100vh;
+}
+
+/* NAVIGATION BAR */
+.nav_bar
+{
+	display: flex;
+	height: 30%;
+	width: 100vw;
+}
+
+.nav_left_holder
+{
+	display: flex;
+	width: 33.33vw;
+	gap: 10px;
+}
+
+.nav_left_item
+{
+	
 }
diff --git a/html/.home.html.swp b/html/.home.html.swp
index 03728cbf61e9d0010bb92949fd0791abd8ad6b3f..06bcd1b5fb1507ebaccbc3a17d9b177be51ebfda 100644
GIT binary patch
delta 851
zcmbu+O=uHA7zW@8jj0ns3qtXy>U1u(wQLd%XmK|d1f`;<7Ns6cH@oBRnEeU6+h|V7
zNsp!OO#~4Hy;a$xq9Uay!K;FzBG^l<coekwCaF{^cyZZ>`IztH-JfaAv}XD%`STO!
z*qBlvxcUhB!d_TUhadH?9>}~(6SAC%vuv$-bsHfLOv5<rf-SI;C1eqv!4pW}AuPZH
zn1c{}Fkupo!EX3Y3Hb<b;SSt{dAJU<a1oBfUP_vz2gTY}LY_kc3vdr&xCYZO27@pF
zS@_vY$Pf4iA7BaY!wvA^3S59QFahIm0*=68D8PQ$*;~ZJGYEpOuneE!9lU|p@EGpG
zEm(z5nIx6Il%}ex<|@9~D8;RzJ+N;_XJdVnP&H`{-A--y^m;jvmK~L4B;5GrXz{3Y
zEfxlb#uX)pI_F5QDop7qVcp_PcOs3SlAg(2!F-RMUGMTZbx>}Odp}(GE6$RUqgVb2
zJ827}>d!{ZZLrgw<{&T8cwofd95+9bZ+2hS_8n6MoKQ-osqu}k*l4JxtP>32R&%IJ
z-I}&nN^6d8i0-h)CxspuHk<N&CuDxWrbOU|op5S6dKhXv>`as|%cgM5ZYOHg#P0@Y
k{}uX=OjUX{{F-)rn;I8K`;xgs`BYq0Xu5r73C^tN7ibpL4FCWD

delta 566
zcmZ9}KS*0q6vy!s)FwAB7DP%R_;`qaYW%xZp5i9{qli#MhZudqJQH3+5|ub;a1ucf
zF50>1;2?-RN};1mK??<4EV|e(ooaL}Rs2Ro(F-3q+~46I?!Ec({CL$w>-*k8<85=B
zuqs53U+qtgo$girt$q<N6UqB^(70KgFBh4Eiv(=+p$TEs<6ltZ5(Qk~4}QSIF1DbN
z!zemnB7}0>D3NPi;T+$vjb$Z^lA=gp1pVlNg+{!@RY2qjU-226*uXkgkV6FBFc3fq
z3VxB__=TT1!FL?u0AH}<=UqNhtY8^=zvnBRF4LcCUwgi~C7)hs3hA?OZE(PG6Sm`8
zEh+uK-eJ32^*GsNbmDO*q~A3gL-7wuJC=^5ovC=%6s447cbaZ=Hu5~MY-g5_QOate
z>MFKcj+>gv8rfVb)@f#9(ez~8G<4xj<!~|XDmJUhWHgg`a^ihsF?=@bF}WM26g>~q
T^jbrux7yf#cSr9mTvKuj3WS14

diff --git a/html/home.html b/html/home.html
index e7f0e58..aa1d241 100644
--- a/html/home.html
+++ b/html/home.html
@@ -41,7 +41,7 @@
 			
 			<button
 				id="button3"
-				class="banner_button"
+				class="nav_left_item"
 				hx-get="PATH TO MORE INFO"
 				hx-target="#core_container"
 				hx-swap="innerHTML"
@@ -58,46 +58,46 @@
 			>
 				<p>Thanks To</p>
 			</button>
-
+			
+			<input 
+				type="search" 
+				class="search_field"
+				placeholder="Search Tools or Terms"
+				type="search" 
+				class="search_field"
+				placeholder="Search Tools or Terms"
+			>
 		
 		</div>
 		
-		<div
-			id="nav_holder_search"
-			class="nav_holder_search"
-
-		>
-			<input type="search" class="search_field">
-		</div>
-
 
 		<div
-			id="nav_holder_right"
-			class="nav_holder_right"
+			id="nav_right_holder"
+			class="nav_right_holder"
 		>
 			<button
 				id="button1"
-				class="banner_button"
+				class="nav_right_item"
 				hx-get="PATH TO MORE INFO"
 				hx-target="#core_container"
 				hx-swap="innerHTML"
 			>
-				<p>Gitlab</p>
+				<img src="../img/gitlab.svg" alt="Checkout my Gitlab!">	
 			</button>
 
 			<button
 				id="button2"
-				class="banner_button"
+				class="nav_right_item"
 				hx-get="PATH TO MORE INFO"
 				hx-target="#core_container"
 				hx-swap="innerHTML"
 			>
-				<p>Linkdin</p>
+				<img src="../img/linkedin.svg" alt="Find me on Linkedin">
 			</button>
 			
 			<button
 				id="button3"
-				class="banner_button"
+				class="nav_right_item"
 				hx-get="PATH TO MORE INFO"
 				hx-target="#core_container"
 				hx-swap="innerHTML"
diff --git a/img/gitlab.svg b/img/gitlab.svg
new file mode 100644
index 0000000..d773293
--- /dev/null
+++ b/img/gitlab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 380"><defs><style>.cls-1{fill:#171321;}</style></defs><g id="LOGO"><path class="cls-1" d="M282.83,170.73l-.27-.69-26.14-68.22a6.81,6.81,0,0,0-2.69-3.24,7,7,0,0,0-8,.43,7,7,0,0,0-2.32,3.52l-17.65,54H154.29l-17.65-54A6.86,6.86,0,0,0,134.32,99a7,7,0,0,0-8-.43,6.87,6.87,0,0,0-2.69,3.24L97.44,170l-.26.69a48.54,48.54,0,0,0,16.1,56.1l.09.07.24.17,39.82,29.82,19.7,14.91,12,9.06a8.07,8.07,0,0,0,9.76,0l12-9.06,19.7-14.91,40.06-30,.1-.08A48.56,48.56,0,0,0,282.83,170.73Z"/></g></svg>
\ No newline at end of file
diff --git a/img/linkedin.svg b/img/linkedin.svg
new file mode 100644
index 0000000..229b778
--- /dev/null
+++ b/img/linkedin.svg
@@ -0,0 +1 @@
+<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">    <path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"/></svg>
\ No newline at end of file