made background gradient pixelated & added pasue animation button

2024-12-13 13:25:16 +01:00
parent 41268fba3c
commit c5a87e8a53
11 changed files with 139 additions and 35 deletions
@@ -10,10 +10,14 @@
  <link rel="stylesheet" href="/globalStyle.css">
  <link rel="stylesheet" href="/loadingScreen.css">
  <link rel="stylesheet" href="style.css">
+
+  <link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
 </head>

 <body style="background-color: #323232; color: #ffffff;">
  <div id="mainDiv">
+    <img src="/assets/bgGradient_256x164.png" class="bgGradient">
+    
    <img src="/assets/starNoise_512x512.png" draggable="false" id="starNoise">
    <img src="/assets/synthwaveSun_40x40.png" draggable="false" class="synthSun">
    <canvas id="synthwave" style="position: absolute; bottom: round(0%, var(--pxDensityPx)); left: round(0%, var(--pxDensityPx));"></canvas>
@@ -45,6 +49,12 @@
          <img class="navBtnIcon" draggable="false" src="/assets/powerplates_8x8.png">
        </button>
      </li>
+      <li>
+        <button onClick="pauseAnimBtn('auto')" class="navBtn">
+          <img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
+          <img class="navBtnIcon" draggable="false" src="" id="animationToggle">
+        </button>
+      </li>
    </ul>
  </div>