waves/public/assets/g/drawclimber/index.html
2025-04-17 20:43:10 -05:00

98 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
id="viewport"
name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,viewport-fit=cover"
/>
<script src="ytgame.js" nonce="_5LRUIP69IbIysQJzaDPoA"></script>
<script src="./VOODOO-H5SDK.youtube.js" nonce="_5LRUIP69IbIysQJzaDPoA"></script>
<style>* {
padding: 0;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body,
html {
position: absolute;
margin: 0;
padding: 0;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
background: 0 0;
touch-action: none;
}
canvas {
position: fixed;
top: 0;
left: 0;
}
/**loading**/
#loading-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #050b26;
z-index: 100;
display: flex;
justify-content: center;
align-items: center;
z-index: 100;
flex-direction: column;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
#loading-wrapper > * {
padding: 1vmin;
}
#loading-logo-img {
position: relative;
width: 35vmin;
border-radius: 5vmin;
}
#loading-game-name {
position: relative;
font-size: 6vmin;
}
#loading-progress-text {
position: relative;
font-size: 5vmin;
color: #ffffff;
font-style: bold;
}
#loading-privacy-text {
position: absolute;
font-size: 3vmin;
color: #ffffff;
text-align: center;
width: 90%;
word-wrap: break-word;
bottom: 5%;
}
</style></head>
<body><script type="text/javascript" src="main.js" nonce="_5LRUIP69IbIysQJzaDPoA"></script></body>
</html>