Edit images

assets/css/main.css

@@ -1846,6 +1846,10 @@ input, select, textarea {
 				ul.social li a.fa-github {
 					background-color: #FAFAFA;
 				}
+
+				ul.social li a.fa-envelope {
+					background-color: #FAFAFA;
+				}
 
 				ul.social li a.fa-rss {
 					background-color: #F2600B;

index.html

@@ -12,10 +12,10 @@
     <!-- Nav -->
     <nav id="nav">
         <ul class="container">
-            <li><a href="#top">About the Project</a></li>
-            <li><a href="#features">Game Features</a></li>
-            <li><a href="#showcase">App Showcase</a></li>
-            <li><a href="#contact">Get in Touch</a></li>
+            <li><a href="#top">About</a></li>
+            <li><a href="#features">Features</a></li>
+            <li><a href="#showcase">Screenshots</a></li>
+            <li><a href="#contact">Contact</a></li>
         </ul>
     </nav>
 
@@ -24,7 +24,7 @@
         <div class="container">
             <div class="row">
                 <div class="col-4 col-5-large col-12-medium">
-                    <span class="image fit"><img src="images/WelcomeView.jpg" alt="Survive Game" /></span>
+                    <span class="image fit"><img src="images/initialWelcomeImage.jpg" alt="initialWelcomeImage" /></span>
                 </div>
                 <div class="col-8 col-7-large col-12-medium centered-text">
                     <header>
@@ -84,21 +84,21 @@ <h2>App Showcase</h2>
             <div class="row">
                 <div class="col-4 col-6-medium col-12-small">
                     <article class="box style2">
-                        <a href="#" class="image featured"><img src="images/Image1.jpg" alt="Chapter 1 Overview" /></a>
+                        <a href="#" class="image featured"><img src="images/dynamicStoryTellingImage.jpg" alt="dynamicStoryTellingImage" /></a>
                         <h3><a href="#">Overview</a></h3>
                         <p>The concept for Survive was inspired by a deep fascination with zombies and the goal of starting with a straightforward project. This screenshot highlights the beginning of the game, displaying the initial chapter with static images and text for players to read.</p>
                     </article>
                 </div>
                 <div class="col-4 col-6-medium col-12-small">
                     <article class="box style2">
-                        <a href="#" class="image featured"><img src="images/Image2.jpg" alt="Interactive Choices" /></a>
+                        <a href="#" class="image featured"><img src="images/pickYourPathImage.jpg" alt="pickYourPathImage" /></a>
                         <h3><a href="#">Interactive Choices</a></h3>
                         <p>Drawing inspiration from old Goosebumps books that featured interactive storytelling, this image showcases a part of the app where users encounter interactive choices. It provides a sample of the decisions players can make, influencing their experience within the game.</p>
                     </article>
                 </div>
                 <div class="col-4 col-6-medium col-12-small">
                     <article class="box style2">
-                        <a href="#" class="image featured"><img src="images/Image3.jpg" alt="Challenges in Navigation" /></a>
+                        <a href="#" class="image featured"><img src="images/immersiveVisualsImage.jpg" alt="immersiveVisualsImage" /></a>
                         <h3><a href="#">Challenges in Navigation</a></h3>
                         <p>One of the biggest challenges faced was mastering `NavigationView` and `NavigationStack` to link views based on user interactions. Managing these components effectively was crucial for creating a seamless navigation experience in the app.</p>
                     </article>