Baipyrus/DancingDuck
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Zwischnergebnis

Browse Source
This commit is contained in:
kapitz01 2022-06-22 11:38:57 +02:00
parent f611ea610f
commit ac50892318
3 changed files with 90 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -10,8 +10,17 @@
<body onload="setup();">
<script src="/socket.io/socket.io.js"></script>
<script src="js/client.js"></script>
<script src="js/Chat.js"></script>
<div class="header">
<h1><a title="Das E in Ente steht für Reichtum">E</a>nt<a title="Das e in Ente steht für: Einfach mal die Fresse halten!">e</a></h1>
</div>
<div class="mainBody">
<div class="texts">
<div class="textMainBody"><h1>It hurts when IP</h1></div>
<div class="textMainBody"><h1>Umdrehungen: 0</h1></div>
<div class="textMainBody"><h1>Shots pro Person: 0</h1></div>
</div>
<div class="imgMainBody"><img title="DUCK DUCK DUCK DUCK DUCK DUCK DUCK GOOSE DUCK DUCK DUCK DUCK DUCK DUCK DUCK" src="images/dancing-duckdancing.gif" alt="THE ALL MIGHTY DUCK"></div>
</div>
</body>
</html>

7
js/Chat.js Normal file
View File

@ -0,0 +1,7 @@
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}

74
styles/styles.css
View File

@ -25,4 +25,78 @@ body{
text-size-adjust: auto;
color: aliceblue;
}
.mainBody{
display:flex;
justify-content: center;
align-items: center;
}
.textMainBody{
font-family: Arial, Helvetica, sans-serif;
display: block;
}
.texts{
display: block;
text-align: right;
color: aliceblue;
}
.imgMainBody{
height: auto;
width: auto;
padding: 10%;
}
img{
height: 600px;
width: auto;
}
{box-sizing: border-box;}
/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
background-color: #555;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
opacity: 0.8;
position: fixed;
bottom: 23px;
right: 28px;
width: 280px;
}
/* The popup chat - hidden by default */
.form-popup {
display: none;
position: fixed;
bottom: 0;
right: 15px;
border: 3px solid #f1f1f1;
z-index: 9;
}
/* Add styles to the form container */
.form-container {
max-width: 300px;
padding: 10px;
background-color: white;
}
/* Full-width textarea */
.form-container textarea {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;
resize: none;
min-height: 200px;
}