From 63f09870207d5d99073ea7a7a461f367de083ded Mon Sep 17 00:00:00 2001
From: kaipher7 <kai.hahnhansen@student.nmt.edu>
Date: Sat, 7 Mar 2026 21:19:51 -0700
Subject: [PATCH] updates to home

---
 demo/css/home.css            |  32 +++++++++++++++++++++++++++++---
 demo/home.html               |   9 +++++++--
 demo/images/create_icon.png  | Bin 0 -> 144 bytes
 demo/images/header_left.png  | Bin 0 -> 144 bytes
 demo/images/header_right.png | Bin 0 -> 144 bytes
 demo/images/logout_icon.png  | Bin 0 -> 144 bytes
 6 files changed, 36 insertions(+), 5 deletions(-)
 create mode 100644 demo/images/create_icon.png
 create mode 100644 demo/images/header_left.png
 create mode 100644 demo/images/header_right.png
 create mode 100644 demo/images/logout_icon.png
diff --git a/demo/css/home.css b/demo/css/home.css
index 3c5d90a..125a495 100644
--- a/demo/css/home.css
+++ b/demo/css/home.css
@@ -16,16 +16,21 @@ position: sticky;
 top: 0;
   display: flex;
   align-items: center;
+  justify-content: center;
   background-color: #1f3d57;
   color: white;
   padding: 10px 20px;
   height: 60px;
+ gap: 40px;
 }
 
+.top-header .swirl {
+  height: 40px;
+  width: auto;
+  margin: 0 20px;
+}
 
 .site-name {
-position: absolute;
-  left: 50%;
   font-size: 2.5em;
   font-weight: bold;
   letter-spacing: 4px;
@@ -65,6 +70,27 @@ display: flex;
   font-weight: bold;
 }
 
+.sidebar-left .nav_icon {
+  height: 40px;
+  width: auto;
+  margin: 5 5px;
+}
+
+/* Create Icon */
+.create_icon {
+    position: fixed;
+    bottom: 30px;
+    left: 60px;
+    z-index: 1000;
+}
+
+.create_icon img {
+    width: 150px;
+    height: auto;
+    border-radius: 10%;
+}
+
+
 /* Right Sidebar */
 .sidebar-right {
 overflow: hidden;
@@ -112,7 +138,7 @@ display: flex;
   align-items: center;
 margin-left: 300px;
 margin-right: 250px;
-margin-top: 65px;
+margin-top: 0px;
 }
 
 .recipe-card {
diff --git a/demo/home.html b/demo/home.html
index 36fd65a..0ca6f1c 100644
--- a/demo/home.html
+++ b/demo/home.html
@@ -10,7 +10,9 @@
 <body>
 
 <header class="top-header">
+    <img src="images/header_left.png" alt="Violin f-hole shape to the left of header." class="swirl">
     <h1 class="site-name">Thyme Crunch</h1>
+    <img src="images/header_right.png" alt="Violin f-hole shape to the right of header." class="swirl">
   </header>
 
  <div class="container">
@@ -21,14 +23,17 @@
         <li><a href="#">Explore</a></li>
         <li><a href="#">Profile</a></li>
         <li><a href="#">Saved</a></li>
-        <li><a href="#">Log Out</a></li>
-        <li><a href="#">Settings</a></li>
+        <li><a href="#"> <img src="images/logout_icon.png" alt="Log Out Icon" class="nav_icon"></a></li>
       </ul>
     </nav>
 
 
 </nav>
 
+<a href="#" target="_blank" class="create_icon">
+    <img src="images/create_icon.png" alt="Description of the icon">
+</a>
+
 
     <!-- Main Content -->
     <main class="main-content">
diff --git a/demo/images/create_icon.png b/demo/images/create_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4ca2d0e44cd5a55746c4b1ad507deba8b270b78
GIT binary patch
literal 144
zcmeAS@N?(olHy`uVBq!ia0vp^4?&oN8Ax*GDtQ1Y<^Z1%*W81Td8Qkr0J$EXE{-7;
tbKV|o1acS-FZdZ8|9~Tu5yT+{eBeE{h=DPjKYB4pm#3?r%Q~loCIH4N8NdJl

literal 0
HcmV?d00001

diff --git a/demo/images/header_left.png b/demo/images/header_left.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4ca2d0e44cd5a55746c4b1ad507deba8b270b78
GIT binary patch
literal 144
zcmeAS@N?(olHy`uVBq!ia0vp^4?&oN8Ax*GDtQ1Y<^Z1%*W81Td8Qkr0J$EXE{-7;
tbKV|o1acS-FZdZ8|9~Tu5yT+{eBeE{h=DPjKYB4pm#3?r%Q~loCIH4N8NdJl

literal 0
HcmV?d00001

diff --git a/demo/images/header_right.png b/demo/images/header_right.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4ca2d0e44cd5a55746c4b1ad507deba8b270b78
GIT binary patch
literal 144
zcmeAS@N?(olHy`uVBq!ia0vp^4?&oN8Ax*GDtQ1Y<^Z1%*W81Td8Qkr0J$EXE{-7;
tbKV|o1acS-FZdZ8|9~Tu5yT+{eBeE{h=DPjKYB4pm#3?r%Q~loCIH4N8NdJl

literal 0
HcmV?d00001

diff --git a/demo/images/logout_icon.png b/demo/images/logout_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4ca2d0e44cd5a55746c4b1ad507deba8b270b78
GIT binary patch
literal 144
zcmeAS@N?(olHy`uVBq!ia0vp^4?&oN8Ax*GDtQ1Y<^Z1%*W81Td8Qkr0J$EXE{-7;
tbKV|o1acS-FZdZ8|9~Tu5yT+{eBeE{h=DPjKYB4pm#3?r%Q~loCIH4N8NdJl

literal 0
HcmV?d00001

