added app icon, added background files for the game section

src/css/index.css

@@ -18,7 +18,7 @@ body {
 
 header{
   background: var(--bg-blue);
-  border-bottom: 2px solid lightgray;
+  border-bottom: 1px solid darkgray;
   padding: 1rem;
 }
 
@@ -31,7 +31,7 @@ nav {
   flex-direction: column;
   min-height: 100vh;
   background: var(--bg-blue);
-  border-right: 1px solid lightgray;
+  border-right: 1px solid darkgray;
   padding: 1rem;
   gap: 1rem;
 }
@@ -39,9 +39,13 @@ nav {
 .nav-link {
   display: flex;
   justify-content: center;
-  /* padding: 1rem; */
 }
 
 .nav-img {
   width: 80%;
+}
+
+.game-bg > img{
+  width: 120%;
+  z-index: -2;
 }

src/html/index.html

@@ -39,12 +39,12 @@
           </svg>
         </a>
       </nav>
-      <div class="col-10">
-
+      <div class="col-10 p-0 game-bg">
+        <img src="../assets/images/jak1-bg.png" alt="Rock Village">
       </div>
     </div>
   </div>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+  <script src=" https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
     integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
     </script>
 </body>

src/index.js

@@ -12,7 +12,9 @@ const createWindow = () => {
   const mainWindow = new BrowserWindow({
     width: 1200,
     height: 800,
-    resizable: false
+    resizable: false,
+    title: "OpenGOAL Launcher",
+    icon: path.join(__dirname, 'assets/images/icon.png')
   });
 
   // and load the index.html of the app.