From b4a9cd9d540d42a61bee9045d41ada392305a8d5 Mon Sep 17 00:00:00 2001
From: Akash Keshav <112591754+domesticchores@users.noreply.github.com>
Date: Fri, 4 Apr 2025 14:53:32 -0400
Subject: add light/dark mode toggle, only homepage is fully functional. -ak

---
 ufund-ui/src/app/components/home-page/home-page.component.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'ufund-ui/src/app/components/home-page/home-page.component.html')

diff --git a/ufund-ui/src/app/components/home-page/home-page.component.html b/ufund-ui/src/app/components/home-page/home-page.component.html
index 7a7ff96..051132e 100644
--- a/ufund-ui/src/app/components/home-page/home-page.component.html
+++ b/ufund-ui/src/app/components/home-page/home-page.component.html
@@ -1,10 +1,14 @@
 <div id="hero">
     <div id="left">
-        <h1>Helping fund coral reef and marine life conservation</h1>
+        <h1>Helping fund <span class="text-highlight">coral reef</span> and 
+            <span class="text-highlight">marine life</span> conservation.</h1>
         <p>View our online cupboard holding all needs related to sea life preservation</p>
-        <button class="button2" routerLink="/cupboard">View needs</button>
+        <button class="button2" routerLink="/cupboard">View Needs</button>
     </div>
     <div id="right">
-        <img id="jf" src="jf.png" height="1024" width="1024"/>
+        <!-- <img id="jf" src="jf.png" height="1024" width="1024"/> -->
+         <div style="width: 500px; height: 500px;"></div>
+        <img style="position: absolute;" id="cr" src="cr.png" height="700" width="700"/>
+        <img style="position: absolute;" id="jf" src="jf.png" height="700" width="700"/>
     </div>
 </div>
-- 
cgit v1.2.3