DancingDuck/client/index.html
2022-06-22 08:06:03 +02:00

54 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="de" manifest="offline.appcache">
<head>
<meta charset="utf-8" />
<link rel="icon" href="images/DuckIcon.png" />
<title>Dancing Duck</title>
<!-- <meta http-equiv="Cache-control" content="public"> -->
<style>
#customAlert {
display: none;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
border: 2px solid black;
border-radius: 10px;
width: 75%;
height: 75%;
color: black !important;
}
#customAlert > button {
position: absolute;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
}
#customAlert > * {
margin: auto;
padding: auto;
color: black !important;
}
#customAlert > img {
display: inline-block;
object-fit: contain;
height: 100%;
width: 100%
}
</style>
</head>
<body onload="setup();" style="font-family:arial; background-color:black;color:white;">
<script src="/socket.io/socket.io.js"></script>
<script src="js/client.js"></script>
<div id="customAlert"></div>
<h1 style="text-align:center"><a title="Das E steht für Reichtum">(E)</a>nt<a title="Das e steht für einfach mal die Fr**se halten">e</a></h1>
<div style="display: flex; justify-content: center; align-items: center;">
<p style="text-align: right"> It hurts when IP<br>Umdrehungen: <a id="countE" title="Zahl kann je nach Zeit unterschiedlich sein.">0</a><br>Shots pro Person: <a id="countS">0</a></p>
<img title="DUCK DUCK DUCK DUCK DUCK DUCK DUCK GOOSE DUCK DUCK DUCK DUCK DUCK DUCK DUCK" src="images/dancing-duckdancing.gif">
</div>
</body>
</html>