styled the launcher a bit, added models, backgrounds, logos, worked on the navbar

src/css/index.css

@@ -24,6 +24,7 @@ header{
 
 .logo {
   width: 25%;
+  -webkit-user-drag: none;
 }
 
 nav {
@@ -39,13 +40,51 @@ nav {
 .nav-link {
   display: flex;
   justify-content: center;
+  -webkit-user-drag: none;
 }
 
 .nav-img {
   width: 80%;
+  -webkit-user-drag: none;
 }
 
-.game-bg > img{
-  width: 120%;
+nav > .settings {
+  margin-top: 250px;
+}
+
+.game-bg{
+  position:fixed;
+  width: 100%;
+  -webkit-user-drag: none;
   z-index: -2;
+}
+
+.model {
+  position: fixed;
+  height: 80%;
+  right: 155px;
+  top: 170px;
+  z-index: -1;
+}
+
+.game-logo {
+  position: fixed;
+  width: 40%;
+  padding: 10px;
+  z-index: -1;
+}
+
+.game-box {
+  z-index: 1;
+  padding-left: 2em;
+  padding-top: 55%;
+  min-height: 100%;
+}
+
+.btn-play {
+  padding: .15em 2em;
+  border-radius: 0;
+  font-weight: bold;
+  font-size: xxx-large;
+  letter-spacing: 3px;
 }

src/html/index.html

@@ -30,7 +30,7 @@
           title="Jak 3">
           <img src="../assets/images/jak-3.png" class="nav-img">
         </a>
-        <a class="nav-link" aria-current="page" href="#" data-bs-toggle="tooltip" data-bs-placement="right"
+        <a class="nav-link settings" aria-current="page" href="#" data-bs-toggle="tooltip" data-bs-placement="right"
           title="Settings">
           <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="white" class="bi bi-sliders"
             viewBox="0 0 16 16">
@@ -39,8 +39,13 @@
           </svg>
         </a>
       </nav>
-      <div class="col-10 p-0 game-bg">
-        <img src="../assets/images/jak1-bg.png" alt="Rock Village">
+      <div class="col-10 p-0">
+        <img class="game-bg" src="../assets/images/jak1-bg.png" alt="Rock Village">
+        <img class="model" src="../assets/images/jak1-model.png" alt="Jak">
+        <img class="game-logo" src="../assets/images/jak1-logo.png" alt="Jak & Daxter: The Precursor Legacy">
+        <div class="game-box">
+          <button type="button" class="btn btn-success btn-play">PLAY</button>
+        </div>
       </div>
     </div>
   </div>

src/js/render.js

@@ -0,0 +1,4 @@
+var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+    return new bootstrap.Tooltip(tooltipTriggerEl)
+});