ByteDice/ByteDiceWeb
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

moved tips to a separate file

Browse Source
This commit is contained in:
ByteDice
2025-01-05 01:19:23 +01:00
parent 4312462dec
commit d913d95793
8 changed files with 99 additions and 361 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+23 -20
View File
@@ -11,67 +11,70 @@
<link rel="stylesheet" href="/loadingScreen.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
<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/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>
<img src="./assets/starNoise_512x512.png" draggable="false" id="starNoise">
<img src="./assets/synthwaveSun_40x40.png" draggable="false" class="synthSun">
<canvas id="synthwaveCanvas"></canvas>
<!-- change discord URL to server URL -->
<ul class="navBar">
<li>
<!-- discord URL -->
<button onclick="slideTransition('https://discord.com')" class="navBtn">
<img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="/assets/discord_8x8.png">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/discord_8x8.png">
</button>
</li>
<li>
<button onclick="slideTransition('https://youtube.com/@ByteDice')" class="navBtn">
<img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="/assets/youtube_8x8.png">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/youtube_8x8.png">
</button>
</li>
<li>
<button onclick="slideTransition('https://github.com/ByteDice')" class="navBtn">
<img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="/assets/github_8x8.png">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/github_8x8.png">
</button>
</li>
<li>
<button class="navBtn">
<img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="/assets/powerplates_8x8.png">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<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">
<img class="navBtnImg" draggable="false" src="./assets/navBarBtn.png">
<img class="navBtnIcon" draggable="false" src="./assets/pauseAnimation_8x8.png" id="animationToggle">
</button>
</li>
</ul>
</div>
<div class="bgDiv" id="loadingScreen">
<img class="loadingImg" draggable="false" src="/assets/byteDiceBlinkAnim_32x32.png">
<img class="loadingImg" draggable="false" src="./assets/byteDiceBlinkAnim_32x32.png">
<button class="pxFont" onclick="stopShowingLoading()" id="loadingCornerText">
Press ESC to instantly close the loading screen<br>Or click me to never see it again.
</button>
<p id="loadingText">Loading...<br>Loading files...<br><br>Tip: Tip loading...</p>
</div>
<script src="/globalScript.js"></script>
<script src="/pxDensity.js"></script>
<script src="/synthwaveEffect.js"></script>
<script src="/script.js"></script>
<script src="./globalScript.js"></script>
<script src="./pxDensity.js"></script>
<script src="/loadingScreen.js"></script>
<script src="/screenTransition.js"></script>
<script src="script.js"></script>
<script src="synthwaveEffect.js"></script>
</body>
</html>