Merge branch 'master' of github.com:cs480-projects/cs480-projects.github.io

ink

Author: henraye

teams-fall2022/SunBreakers/springtest/target/classes/com/example/springtest/parseMovies.class

@@ -15,12 +15,15 @@
         <a href="#home">Home</a>
         <a href="#about">About</a>
         <a href="#team">Team</a>
+        <a href="#goals">Goals</a>
+        <a href="#gallery">Gallery</a>
+        <a href="#links">Links</a>
     </nav>
 
     <!-- Home Section -->
     <section id="home" class="container" style="text-align: center;">
         <h1>Welcome to BRONCORADAR</h1>
-        <img src="BRONCORADAR Logo.png" alt="BRONCORADAR Logo" style="display: block; margin: 0 auto;">
+        <img src="BRONCORADAR Logo.png" alt="BRONCORADAR Logo" style="display: block; margin: 0 auto; max-width: 100%; height: auto;">
     </section>
 
     <!-- About Section -->
@@ -38,7 +41,7 @@ <h3>Alex Sanna</h3>
                 <p>Developer</p>
             </div>
             <div class="team-member">
-                <h3>Sam Araya</h3>
+                <h3>Samuel Araya</h3>
                 <p>Developer</p>
             </div>
             <div class="team-member">
@@ -52,6 +55,45 @@ <h3>Darshil Sheth</h3>
         </div>
     </section>
 
+    <!-- Goals Section -->
+    <section id="goals" class="container">
+        <h2>Project Goals</h2>
+        <ul>
+            <li>Enhance the usability and accessibility of the CPP interactive map.</li>
+            <li>Improve the design and user interface for a better experience.</li>
+            <li>Ensure mobile-friendly responsiveness and performance optimization.</li>
+        </ul>
+    </section>
+
+    <!-- Gallery Section -->
+    <section id="gallery" class="container">
+        <h2>Project Gallery</h2>
+        <div class="gallery">
+            <figure>
+                <img src="screenshot1.png" alt="Map view with markers" style="max-width:100%; height:auto;">
+                <figcaption>Interactive Map with building markers</figcaption>
+            </figure>
+            <figure>
+                <img src="screenshot2.png" alt="Building Directory and Distance Measurement Features" style="max-width:100%; height:auto;">
+                <figcaption>Building Directory and Search</figcaption>
+            </figure>
+            <figure>
+                <img src="screenshot3.png" alt="Distance Measurement Example" style="max-width:100%; height:auto;">
+                <figcaption>Distance Measurement Feature</figcaption>
+            </figure>
+        </div>
+    </section>
+
+    <!-- Links Section -->
+    <section id="links" class="container about">
+        <h2>Project Links</h2>
+        <ul>
+            <li><a href="broncoradar.com" target="_blank" rel="noopener">BroncoRadar Website</a></li>
+            <li><a href="https://github.com/Placeholder-Group/BroncoRadar" target="_blank" rel="noopener">GitHub Repository</a></li>
+            <li><a href="https://docs.google.com/presentation/d/1zlSGX7XnLoQeU-3nr1lGhZzLdrIBODR8RhpRMjHf_b0/edit?usp=sharing" target="_blank" rel="noopener">Presentation Slides</a></li>
+        </ul>
+    </section>
+
 </body>
 
-</html>
+</html>