neu
This commit is contained in:
		@ -1,43 +1,75 @@
 | 
			
		||||
<html>
 | 
			
		||||
	<head>
 | 
			
		||||
		<title>Creative Crafter</title>
 | 
			
		||||
		<link href="" rel="stylesheet">
 | 
			
		||||
		<style>
 | 
			
		||||
			@font-face {
 | 
			
		||||
				font-family: "Titillium";
 | 
			
		||||
				src: url("/Titillium-Web-Regular.ttf");
 | 
			
		||||
			  }
 | 
			
		||||
			body {
 | 
			
		||||
				font-family: 'Titillium';
 | 
			
		||||
			}
 | 
			
		||||
			h1 {
 | 
			
		||||
				text-align: center;
 | 
			
		||||
			}
 | 
			
		||||
			h2 {
 | 
			
		||||
				text-align: center;
 | 
			
		||||
			}
 | 
			
		||||
		</style>
 | 
			
		||||
	</head>
 | 
			
		||||
	<body>
 | 
			
		||||
		<h1><img src="/icons/Controller.png" height="150svh">
 | 
			
		||||
			<br/>
 | 
			
		||||
			Creative Crafter</h1>
 | 
			
		||||
<!DOCTYPE html>
 | 
			
		||||
<html lang="de">
 | 
			
		||||
<head>
 | 
			
		||||
    <meta charset="UTF-8">
 | 
			
		||||
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
			
		||||
    <title>Creative Crafter</title>
 | 
			
		||||
    <link href="" rel="stylesheet">
 | 
			
		||||
    <style>
 | 
			
		||||
        @font-face {
 | 
			
		||||
            font-family: "Titillium";
 | 
			
		||||
            src: url("/Titillium-Web-Regular.ttf");
 | 
			
		||||
        }
 | 
			
		||||
        body {
 | 
			
		||||
            font-family: 'Titillium';
 | 
			
		||||
        }
 | 
			
		||||
        h1 {
 | 
			
		||||
            text-align: center;
 | 
			
		||||
        }
 | 
			
		||||
        h2 {
 | 
			
		||||
            text-align: center;
 | 
			
		||||
        }
 | 
			
		||||
        .button {
 | 
			
		||||
            padding: 16px 32px; /* Doppelte Größe */
 | 
			
		||||
            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>
 | 
			
		||||
		<div align='center'><img src="/programmieren/spiele/Flappy-Witch/logo.png" width="250vh"></div>
 | 
			
		||||
		<br/>
 | 
			
		||||
		<div align='center'><a href="/programmieren/spiele/Flappy-Witch/FlappyWitch.html"><img src="/icons/spielen-button.png" width="500vh"></a>
 | 
			
		||||
			<br/><br/>
 | 
			
		||||
			<img src="/icons/link1.png" width= "75vh" onclick="navigator.clipboard.writeText('www.creative-crafter.de/programmieren/spiele/Flappy-Witch/'); alert ('copy')">
 | 
			
		||||
		</div>
 | 
			
		||||
    <h1>Flappy Witch</h1>
 | 
			
		||||
    <div align='center'><img src="/programmieren/spiele/Flappy-Witch/logo.png" width="250vh"></div>
 | 
			
		||||
    <br/>
 | 
			
		||||
    <div align='center'><a href="/programmieren/spiele/Flappy-Witch/FlappyWitch.html"><img src="/icons/spielen-button.png" width="500vh"></a>
 | 
			
		||||
        <br/><br/>
 | 
			
		||||
        <img src="/icons/link1.png" width= "75vh" onclick="navigator.clipboard.writeText('www.creative-crafter.de/programmieren/spiele/Flappy-Witch/'); alert ('copy')">
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
		<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>
 | 
			
		||||
    <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 style="float:right;"><h1><img src="/icons/Controller.png" height="150svh">
 | 
			
		||||
			<br/>
 | 
			
		||||
			Creative Crafter</h1></div>
 | 
			
		||||
		<div style="float:right;"></div>
 | 
			
		||||
	</body>
 | 
			
		||||
    <div style="float:right;"><h1><img src="/icons/Controller.png" height="150svh">
 | 
			
		||||
        <br/>
 | 
			
		||||
        Creative Crafter</h1></div>
 | 
			
		||||
    <div style="float:right;"></div>
 | 
			
		||||
    
 | 
			
		||||
    <!-- 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>
 | 
			
		||||
		Reference in New Issue
	
	Block a user