From b55c97923131e729870c1036b86ba91040e526fa Mon Sep 17 00:00:00 2001
From: Michael <mbooser@outlook.com>
Date: Sun, 2 Mar 2025 15:16:43 -0500
Subject: [PATCH] adding svg icon links, changes for searchable effects on
 cards

---
 css/home.css        |  14 +++++++--
 html/.home.html.swp | Bin 12288 -> 12288 bytes
 html/home.html      |  74 ++++++++++----------------------------------
 img/contact.svg     |  15 +++++++++
 img/resume.svg      |   1 +
 5 files changed, 45 insertions(+), 59 deletions(-)
 create mode 100644 img/contact.svg
 create mode 100644 img/resume.svg

diff --git a/css/home.css b/css/home.css
index b881a68..b7c4c8d 100644
--- a/css/home.css
+++ b/css/home.css
@@ -9,6 +9,9 @@ html
 /* NAVIGATION BAR */
 .nav_bar
 {
+	padding-top: 1rem;
+	padding-left: .5rem;
+	padding-right: .5rem;
 	display: flex;
 	height: 30%;
 	width: 100vw;
@@ -21,7 +24,14 @@ html
 	gap: 10px;
 }
 
-.nav_left_item
+.nav_right_item
 {
-	
+	background: none;
+	border: 0px;
+}
+
+.nav_right_item > img
+{
+	min-height: 60px;
+	min-width: 60px;
 }
diff --git a/html/.home.html.swp b/html/.home.html.swp
index 06bcd1b5fb1507ebaccbc3a17d9b177be51ebfda..ffa13e819ef558be7827de35d2130c3ad0e61374 100644
GIT binary patch
literal 12288
zcmeI2UuYaf9LF~nv{zd#^~DF3$>zcK;qG#2l(z1LrcG)hNmFVnEn<(k-O1gWy`Amu
zB)!u%A|fb0_+U|?T2#b>AlleSpR8his0!kXK2;I_Jcw9*5MM<7&hFm7&0QJ`B86G<
zVQ1$z`<vf<e>1-jvc>)f#wW@4OishKQPXngE|k9b=Ix%p-&~_nt75x_N|Ez``O@Cy
za_uS)y4YH~7up<VM_4c`xR>>OUhr9Q&UUP9SyY^CnO9gwwpw3SZKZ%x;OZ5a6Eo>;
z8xCw8$n{GneR?msWz&JH_ov=e3Md7X0!jg;fKosypcGIFC<U%L1%%h5J%*^Siz9z9
zzV{^V@uRva1(X6x0i}RaKq;UUPzopolmbctrGQdEDR2!cKrK!C{d!HStwr$o|9}1O
z|6gy`w9DXYa0z?~7Qklk%T1d0Gxz~~4=#a=;5>K-oB}7o32+Qh@DR8ae6m5)j)P<1
z2sjKz!R=rj_-#FWfeYY6a1Jbiv*0ao0#tzjHaH0K;12NDjhgl&_!hhlUI5R7XTT$%
z0CoZb)`B(Q<8_z=oCQyUabSRZz<Tgi3NeF=-~(_TybBh=8E^_b2NuAizy$}vU0@Tq
z3|&71i{LbP89WP~0FMKy`>XNuQ@FnmJ_Soajy(<zgS}uo7zDS0KW~8U;3KdIPJ=hV
zOW<K}1UwzL@56lnq`^<f_1(B{0ULo1{y^X7;7rVWxJzCGOW-7U1-uBV;1Ku@s7ooJ
z6i^CuQot~>MQ+uGw3L=IvH>%N&0Rd<L9mMFT)|9XkB1~iCLR-hSFo;Nk^xb{WO#_r
zvggAV+Kr}c5i@j=^kdYo#DeSHjeEkL5TwKWjhW!0_2q=HZMHV0yIWS9gDxpV1RZ_1
zb;^aehTRsLSi#gK9m&iP)1g6-*G=kM1wl(Pdr{8XEDm=|`cTWuQ7&8FwcQzBD09bR
zz8+<M*$`n1hh4!-g_hceB%Or5jZpb0*>W!1%J+o}Fu5zJ?czhrlo2aM(Ckg8cOeO6
z*k_ca(?d9Gt>-B`P~k3(_HJ=bi0GU_3A<7vfp6yZOeTwVHk`r~nP9%86Y7Y(KEcGD
z0TI-h?TuD$L=I$Fdej`$W0_q#U-0cxSrlxn0mD}@qtAjle9PIKaD*Rq9ZoG$sgeDm
zv3+9FoOo;3iIL@1%<b6jEVFF4W%fO`i<ueWE}4j}(Xykgm#gXEDE0EX?II6j(~}dr
zoF|2TLH!bgV0|X{S)q}uhCMXy8=f8`(^F(}YX2x1-@9ijGI!Q5^xRzSKsYv*e>KvU
zup?=)WpTU9%$((OLP~pYXoR$(Q2+nxa&4<irNW4o=@K77sf-k+x#5}yd8VW~_-UMI
zIX+q<s<_Fb!Fm0DMt!qPra5;4!hJH${7TT4ksusVn6a5-MFvsxSYD6%bs`<7{sW(e
z?Rv;ll;vdyu5I5tY^HwR3~y-I^T-JE9A2w1R|H1ZLtSe*^2<-}K<gpu<ZPZf++)(+
zD!k=7dy|nB<<6UANhirfhaoi6*~oLEKTLC&)Rs+Bq`u5jeQQLI^;#K~$}vV!#K|t|
zhqcm(ep6~j8T|-FmR8fZJrR|~vJhUdBb%Lbz1dR6<Q4h(c{RiR($0ZQe`ZkD`)EAg
zHDo;@K69`?M9pDAnK7ZGnpiePm+3R+5{mk=86VB3kJ^?f?;wNQa$a?dPRc%;3Cpk<
z1kva1Xvos@FTB!f(`)~7uN7Xj9hQmw#tX*6@fAIBs9VbG%#}6U=pC8bJ$-23D3PWi
F?H^(jNT&b*

delta 996
zcma*kT}TvB6u|Mb`H`c$sTf!!GN}-L;79t9xUNd|VBkY0nnme;47H^*gEL!754%rU
z4-qy*5L6^V9}ihf5L8q|^b%B$CPhV15oJkFQc3@HEvO6{_|4pV=bUrT<tF+Q{e_|0
z?)DC~vARxp@<cwW_jcVbzkIcDGR-6I=QP#pNx1oWUvhnq(?#B9rlJx~zPdf$xlE)D
zYmkL^K9MJQi0in7i#UxVu+W7D6rm7by&}_ij~94^YdDS=c3>--QHvUsp};F~navTI
z!VQe$6b|74_G19OXvGR-;6t{^ecZt<xVVA|T)<ISFc85OtiwvoDk87&3}=+M$T0?E
zIEWawp$V&yhPf<}yKpgqb8s+>UNmAgija-(OGUn61~2gd=P?Qcd(eYTXy44M6)mX8
zTGXK!1(@TqX7CBgi+h9Tc#28f#95rgG+t-Ap7fpRalhYR6EY$rfrXDKqA<3!upKq@
zfGA4z-+v;_rSs{(B7PQIqzbWNV@T@@8@e5g>e`SfeoJ#slyCH!f%VD7u<frg9ZzMn
zI26<g=nKVc+t5qsfi5D=C8>FXbGTB?F$0~N6&uu2DWm!I^I`r}NHW7|swj1*D#n+T
zF-b1a<b1v4nV6Y@uH8X>ucdYw|G({WGtg$5>ITgmFh&M7-L_J>gN{+1;k2NqD!1{k
vUKZUxRcN0!V3=C6)It}&-wy8#SJwI1G-SkVwPWG5(LZ9kt7=`Ndd%|!7l_|j

diff --git a/html/home.html b/html/home.html
index aa1d241..96394b9 100644
--- a/html/home.html
+++ b/html/home.html
@@ -19,46 +19,10 @@
 			id="nav_left_holder"
 			class="nav_left_holder"
 		>
-			<button
-				id="button1"
-				class="banner_button"
-				hx-get="PATH TO MORE INFO"
-				hx-target="#core_container"
-				hx-swap="innerHTML"
-			>
-				<p>About Me</p>
-			</button>
+			<button	id="button1"class="nav_left_item"<p>About Me</p></button>
+			<button	id="button2"class="nav_left_item"><p>App Developement</p></button>
+			<button	id="button3"class="nav_left_item"><p>App Deployments</p></button>
 
-			<button
-				id="button2"
-				class="banner_button"
-				hx-get="PATH TO MORE INFO"
-				hx-target="#core_container"
-				hx-swap="innerHTML"
-			>
-				<p>App Developement</p>
-			</button>
-			
-			<button
-				id="button3"
-				class="nav_left_item"
-				hx-get="PATH TO MORE INFO"
-				hx-target="#core_container"
-				hx-swap="innerHTML"
-			>
-				<p>App Deployments</p>
-			</button>
-
-			<button
-				id="button4"
-				class="banner_button"
-				hx-get="PATH TO MORE INFO"
-				hx-target="#core_container"
-				hx-swap="innerHTML"
-			>
-				<p>Thanks To</p>
-			</button>
-			
 			<input 
 				type="search" 
 				class="search_field"
@@ -95,24 +59,12 @@
 				<img src="../img/linkedin.svg" alt="Find me on Linkedin">
 			</button>
 			
-			<button
-				id="button3"
-				class="nav_right_item"
-				hx-get="PATH TO MORE INFO"
-				hx-target="#core_container"
-				hx-swap="innerHTML"
-			>
-				<p>Resume</p>
+			<button id="button3"class="nav_right_item">
+				<img src="../img/resume.svg" alt="Download my Resume!">
 			</button>
 
-			<button
-				id="button4"
-				class="banner_button"
-				hx-get="PATH TO MORE INFO"
-				hx-target="#core_container"
-				hx-swap="innerHTML"
-			>
-				<p>Contact</p>
+			<button	id="button4"class="nav_right_item">
+				<img src="../img/contact.svg" alt="Let's talk!">
 			</button>
 
 		</div>
@@ -122,7 +74,15 @@
 
 	<!--Body Area -->
 	<section 
-		id=#core_container
-	></section>
+		id=#card_container
+	>
+		<template>
+			<div class="card">
+				<div class="card_image"></div>
+				<div class="card_title"></div>
+					<div>
+			</div>
+		</template>
+	</section>
 	
 </body>
diff --git a/img/contact.svg b/img/contact.svg
new file mode 100644
index 0000000..e2ffc25
--- /dev/null
+++ b/img/contact.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="47.162" height="47.999" viewBox="0 0 47.162 47.999">
+  <g>
+    <path d="M31.846,0A15.332,15.332,0,0,0,16.532,15.314c0,.059.006.117.009.176-.406-.033-.813-.063-1.227-.063A15.331,15.331,0,0,0,0,30.741V47.272a.727.727,0,0,0,.384.641A.711.711,0,0,0,.728,48a.731.731,0,0,0,.4-.121L7.3,43.784A15.309,15.309,0,0,0,30.629,30.741c0-.061-.009-.119-.01-.18.4.039.813.066,1.228.066a15.238,15.238,0,0,0,8.017-2.271l6.168,4.1a.734.734,0,0,0,.4.121.714.714,0,0,0,.344-.086.729.729,0,0,0,.384-.641V15.313A15.335,15.335,0,0,0,31.846,0ZM15.314,44.6A13.8,13.8,0,0,1,7.69,42.31a.73.73,0,0,0-.8,0L1.454,45.917V30.741A13.859,13.859,0,1,1,15.314,44.6ZM45.705,30.49l-5.433-3.6a.72.72,0,0,0-.4-.123.727.727,0,0,0-.4.121,13.79,13.79,0,0,1-7.624,2.291,12.078,12.078,0,0,1-1.311-.08A15.334,15.334,0,0,0,18,15.68c-.007-.121-.019-.242-.019-.365a13.86,13.86,0,0,1,27.719,0V30.49Z" fill="#1a171b"/>
+    <path d="M23.072,30.013H15.313a.728.728,0,1,0,0,1.456h7.759a.728.728,0,0,0,0-1.456Z" fill="#1a171b"/>
+    <path d="M7.556,31.468h3.878a.728.728,0,0,0,0-1.456H7.556a.728.728,0,1,0,0,1.456Z" fill="#1a171b"/>
+    <path d="M23.072,23.226H19.581a.727.727,0,1,0,0,1.454h3.491a.727.727,0,0,0,0-1.454Z" fill="#1a171b"/>
+    <path d="M7.556,24.679H15.7a.727.727,0,0,0,0-1.454H7.556a.727.727,0,1,0,0,1.454Z" fill="#1a171b"/>
+    <path d="M19.192,36.8H7.556a.728.728,0,1,0,0,1.456H19.192a.728.728,0,1,0,0-1.456Z" fill="#1a171b"/>
+    <path d="M33.543,15.314a.729.729,0,0,0-.728-.727H26.027a.727.727,0,1,0,0,1.454h6.788A.727.727,0,0,0,33.543,15.314Z" fill="#1a171b"/>
+    <path d="M39.6,14.587H36.7a.727.727,0,1,0,0,1.454H39.6a.727.727,0,0,0,0-1.454Z" fill="#1a171b"/>
+    <path d="M29.178,8.525A.728.728,0,0,0,28.45,7.8H24.088a.728.728,0,1,0,0,1.456H28.45A.729.729,0,0,0,29.178,8.525Z" fill="#1a171b"/>
+    <path d="M39.6,7.8H32.33a.728.728,0,0,0,0,1.456H39.6a.728.728,0,0,0,0-1.456Z" fill="#1a171b"/>
+    <path d="M39.6,21.376H31.847a.727.727,0,1,0,0,1.454H39.6a.727.727,0,0,0,0-1.454Z" fill="#1a171b"/>
+  </g>
+</svg>
diff --git a/img/resume.svg b/img/resume.svg
new file mode 100644
index 0000000..cb9baec
--- /dev/null
+++ b/img/resume.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><title>PROFILE</title><path d="M30.13,51.31h20a1.75,1.75,0,0,0,1.75-1.75V44.44a11.067,11.067,0,0,0-4.4-8.832,9.977,9.977,0,1,0-14.713,0A11.08,11.08,0,0,0,28.38,44.44v5.12A1.75,1.75,0,0,0,30.13,51.31Zm10-28.894a6.477,6.477,0,1,1-6.477,6.477A6.485,6.485,0,0,1,40.126,22.417ZM31.88,44.44a7.576,7.576,0,0,1,3.87-6.594,9.857,9.857,0,0,0,8.754,0A7.56,7.56,0,0,1,48.38,44.44v3.37H31.88Z"/><path d="M112.654,4.75H15.346A1.75,1.75,0,0,0,13.6,6.5v115a1.75,1.75,0,0,0,1.75,1.75h97.308a1.75,1.75,0,0,0,1.75-1.75V6.5A1.75,1.75,0,0,0,112.654,4.75Zm-1.75,115H17.1V8.25H110.9Z"/><path d="M26.346,65.75h75.308a1.75,1.75,0,1,0,0-3.5H26.346a1.75,1.75,0,0,0,0,3.5Z"/><path d="M26.346,80.194h75.308a1.75,1.75,0,0,0,0-3.5H26.346a1.75,1.75,0,0,0,0,3.5Z"/><path d="M26.346,109.083h75.308a1.75,1.75,0,0,0,0-3.5H26.346a1.75,1.75,0,0,0,0,3.5Z"/><path d="M26.346,94.639h75.308a1.75,1.75,0,1,0,0-3.5H26.346a1.75,1.75,0,0,0,0,3.5Z"/><path d="M64,22.417h37.654a1.75,1.75,0,0,0,0-3.5H64a1.75,1.75,0,0,0,0,3.5Z"/><path d="M64,36.861h37.654a1.75,1.75,0,0,0,0-3.5H64a1.75,1.75,0,0,0,0,3.5Z"/><path d="M64,51.306h37.654a1.75,1.75,0,0,0,0-3.5H64a1.75,1.75,0,0,0,0,3.5Z"/></svg>
\ No newline at end of file