67 lines
2.6 KiB
HTML
67 lines
2.6 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">
|
|
</head>
|
|
|
|
<body style="background-color: #323232; color: #ffffff;">
|
|
<div id="mainDiv">
|
|
<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>
|
|
|
|
<!-- 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">
|
|
</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>
|
|
</ul>
|
|
</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>
|
|
|
|
<script src="/globalScript.js"></script>
|
|
<script src="/pxDensity.js"></script>
|
|
<script src="/synthwaveEffect.js"></script>
|
|
<script src="/script.js"></script>
|
|
<script src="/loadingScreen.js"></script>
|
|
<script src="/screenTransition.js"></script>
|
|
</body>
|
|
|
|
</html> |