organized images
|
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 |
@@ -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
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||