br0tkasten/test.creative-crafter.de
1
0
Fork 0
Code Activity

neu

Browse Source
This commit is contained in:
matt
2025-02-01 10:57:01 +01:00
parent 5b4c7ac097
commit b58ba489f8
1 changed files with 73 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
programmieren/spiele/Flappy-Witch/index.html
View File

@ -1,43 +1,75 @@
<html> <!DOCTYPE html>
<head> <html lang="de">
<title>Creative Crafter</title> <head>
<link href="" rel="stylesheet"> <meta charset="UTF-8">
<style> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@font-face { <title>Creative Crafter</title>
font-family: "Titillium"; <link href="" rel="stylesheet">
src: url("/Titillium-Web-Regular.ttf"); <style>
} @font-face {
body { font-family: "Titillium";
font-family: 'Titillium'; src: url("/Titillium-Web-Regular.ttf");
} }
h1 { body {
text-align: center; font-family: 'Titillium';
} }
h2 { h1 {
text-align: center; text-align: center;
} }
</style> h2 {
</head> text-align: center;
<body> }
<h1><img src="/icons/Controller.png" height="150svh"> .button {
<br/> padding: 16px 32px; /* Doppelte Größe */
Creative Crafter</h1> border-radius: 8px;
background: linear-gradient(to bottom, #007bff, #0056b3); /* Blau */
box-shadow: 0 2px 4px rgba(0,0,0,0.7);
transition: all 0.2s;
display: flex;
align-items: center;
gap: 8px;
margin-top: 20px; /* Abstand zum oberen Inhalt */
}
.button:hover {
box-shadow: 0 4px 8px rgba(0,0,0,0.6);
}
.button:active {
box-shadow: 0 0px 1px rgba(0,0,0,0.8);
transform: scale(0.995);
}
.button-text {
font-weight: 600;
color: white;
font-size: 1.5em; /* Textgröße anpassen */
}
</style>
</head>
<body>
<h1><img src="/icons/Controller.png" height="150svh">
<br/>
Creative Crafter</h1>
<h1>Flappy Witch</h1> <h1>Flappy Witch</h1>
<div align='center'><img src="/programmieren/spiele/Flappy-Witch/logo.png" width="250vh"></div> <div align='center'><img src="/programmieren/spiele/Flappy-Witch/logo.png" width="250vh"></div>
<br/> <br/>
<div align='center'><a href="/programmieren/spiele/Flappy-Witch/FlappyWitch.html"><img src="/icons/spielen-button.png" width="500vh"></a> <div align='center'><a href="/programmieren/spiele/Flappy-Witch/FlappyWitch.html"><img src="/icons/spielen-button.png" width="500vh"></a>
<br/><br/> <br/><br/>
<img src="/icons/link1.png" width= "75vh" onclick="navigator.clipboard.writeText('www.creative-crafter.de/programmieren/spiele/Flappy-Witch/'); alert ('copy')"> <img src="/icons/link1.png" width= "75vh" onclick="navigator.clipboard.writeText('www.creative-crafter.de/programmieren/spiele/Flappy-Witch/'); alert ('copy')">
</div> </div>
<br/><br/><br/> <br/><br/><br/>
<div align='center'><img src="/programmieren/spiele/Flappy-Witch/FlappyWitch1.png" width="250vh"> <img src="/programmieren/spiele/Flappy-Witch/FlappyWitch2.png" width="250vh"></div> <div align='center'><img src="/programmieren/spiele/Flappy-Witch/FlappyWitch1.png" width="250vh"> <img src="/programmieren/spiele/Flappy-Witch/FlappyWitch2.png" width="250vh"></div>
<div style="float:right;"><h1><img src="/icons/Controller.png" height="150svh"> <div style="float:right;"><h1><img src="/icons/Controller.png" height="150svh">
<br/> <br/>
Creative Crafter</h1></div> Creative Crafter</h1></div>
<div style="float:right;"></div> <div style="float:right;"></div>
</body>
<!-- Button hinzufügen -->
<button class="button" onclick="window.location.href='/programmieren/spiele/'">
<div class="button-inner">
<span class="button-text">Games</span>
</div>
</button>
</body>
</html> </html>