organized images

This commit is contained in:
2025-01-08 18:27:58 +01:00
parent 17f09c9205
commit af9307a383
10 changed files with 10 additions and 10 deletions

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Before

Width:  |  Height:  |  Size: 166 B

After

Width:  |  Height:  |  Size: 166 B

Before

Width:  |  Height:  |  Size: 171 B

After

Width:  |  Height:  |  Size: 171 B

Before

Width:  |  Height:  |  Size: 488 B

After

Width:  |  Height:  |  Size: 488 B

Before

Width:  |  Height:  |  Size: 524 B

After

Width:  |  Height:  |  Size: 524 B

Before

Width:  |  Height:  |  Size: 518 B

After

Width:  |  Height:  |  Size: 518 B

Before

Width:  |  Height:  |  Size: 510 B

After

Width:  |  Height:  |  Size: 510 B

+2 -2
View File
@@ -92,11 +92,11 @@ function pauseAnimBtn(state) {
if (state == "true") { if (state == "true") {
isAnimating = true isAnimating = true
pauseBtn.src = "./assets/pauseAnimation_8x8.png" pauseBtn.src = "./assets/icons/pauseAnimation_8x8.png"
} }
else { else {
isAnimating = false isAnimating = false
pauseBtn.src = "./assets/playAnimation_8x8.png" pauseBtn.src = "./assets/icons/playAnimation_8x8.png"
} }
localStorage["isAnimating"] = state localStorage["isAnimating"] = state
+8 -8
View File
@@ -16,45 +16,45 @@
<body style="background-color: #323232; color: #ffffff;"> <body style="background-color: #323232; color: #ffffff;">
<div id="mainDiv"> <div id="mainDiv">
<img src="./assets/bgGradient_256x164.png" class="bgGradient"> <img src="./assets/backgrounds/bgGradient_256x164.png" class="bgGradient">
<img src="./assets/starNoise_512x512.png" draggable="false" id="starNoise"> <img src="./assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
<img src="./assets/synthwaveSun_40x40.png" draggable="false" class="synthSun"> <img src="./assets/synthwaveSun_40x40.png" draggable="false" class="synthSun">
<div id="canvasContainer"></div> <div id="canvasContainer"></div>
<!-- TODO: change discord URL to server URL --> <!-- TODO: change discord URL to server URL -->
<!-- TODO: make automatic navBar creator --> <!-- TODO: make automatic navBar generator -->
<div class="navBarAligner"> <div class="navBarAligner">
<ul class="navBar"> <ul class="navBar">
<li> <li>
<button onclick="slideTransition('https://discord.com')" class="navBtn"> <button onclick="slideTransition('https://discord.com')" class="navBtn">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png"> <img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/discord_8x8.png"> <img class="navBtnIcon" draggable="false" src="./assets/icons/discord_8x8.png">
</button> </button>
</li> </li>
<li> <li>
<button onclick="slideTransition('https://youtube.com/@ByteDice')" class="navBtn"> <button onclick="slideTransition('https://youtube.com/@ByteDice')" class="navBtn">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png"> <img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/youtube_8x8.png"> <img class="navBtnIcon" draggable="false" src="./assets/icons/youtube_8x8.png">
</button> </button>
</li> </li>
<li> <li>
<button onclick="slideTransition('https://github.com/ByteDice')" class="navBtn"> <button onclick="slideTransition('https://github.com/ByteDice')" class="navBtn">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png"> <img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/github_8x8.png"> <img class="navBtnIcon" draggable="false" src="./assets/icons/github_8x8.png">
</button> </button>
</li> </li>
<li> <li>
<button class="navBtn"> <button class="navBtn">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png"> <img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/powerplates_8x8.png"> <img class="navBtnIcon" draggable="false" src="./assets/icons/powerplates_8x8.png">
</button> </button>
</li> </li>
<li> <li>
<button onClick="pauseAnimBtn('auto')" class="navBtn"> <button onClick="pauseAnimBtn('auto')" class="navBtn">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png"> <img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/pauseAnimation_8x8.png" id="animationToggle"> <img class="navBtnIcon" draggable="false" src="./assets/icons/pauseAnimation_8x8.png" id="animationToggle">
</button> </button>
</li> </li>
</ul> </ul>