89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Byte Dice</title>
|
|
|
|
<link rel="stylesheet" href="/navBar.css">
|
|
<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">
|
|
|
|
<div id="canvasContainer"></div>
|
|
|
|
<!-- TODO: change discord URL to server URL -->
|
|
<!-- TODO: make automatic navBar creator -->
|
|
<div class="navBarAligner">
|
|
<ul class="navBar">
|
|
<li>
|
|
<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">
|
|
</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">
|
|
</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">
|
|
</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">
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button onClick="pauseAnimBtn('auto')" class="navBtn">
|
|
<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>
|
|
|
|
<div class="bgDiv" id="loadingScreen">
|
|
<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>
|
|
|
|
|
|
<!-- libs -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
|
|
|
|
<!-- global -->
|
|
<script src="./globalScript.js"></script> <!-- TODO: compact the other global scripts into this global script -->
|
|
<script src="./pxDensity.js"></script>
|
|
<script src="/loadingScreen.js"></script>
|
|
<script src="/screenTransition.js"></script>
|
|
|
|
<!-- local -->
|
|
<script src="script.js"></script>
|
|
<script src="synthwaveEffect.js"></script>
|
|
</body>
|
|
|
|
</html> |