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

neu

Browse Source
This commit is contained in:
matt 2025-02-01 10:05:06 +01:00
parent 3b0b4e2273
commit 01fc30383c
1 changed files with 40 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
index.html
View File

@ -28,76 +28,23 @@
.loading .loader-container { .loading .loader-container {
display: flex; display: flex;
} }
</style>
</head>
<body>
<!-- Ladeanimation -->
<div class="loader-container">
<l-quantum
size="90"
speed="1.75"
color="black"
></l-quantum>
</div>
<!-- Deine anderen Inhalte hier -->
<p></p>
<script>
// Simulieren des Ladevorgangs
document.body.classList.add('loading');
// Nach 3 Sekunden den Ladevorgang beenden
setTimeout(() => {
document.body.classList.remove('loading');
}, 3000);
</script>
</body>
</html>
<html>
<head>
<title>Creative Crafter</title>
<link href="" rel="stylesheet">
<style>
@font-face { @font-face {
font-family: "Titillium"; font-family: "Titillium";
src: url("/Titillium-Web-Regular.ttf"); src: url("/Titillium-Web-Regular.ttf");
} }
body { body {
font-family: 'Titillium'; font-family: 'Titillium';
} }
h1 { h1 {
text-align: center; text-align: center;
} }
h2 { h2 {
text-align: center; text-align: center;
} }
</style>
</head>
<body>
<h1><img src="/icons/Controller.png" height="150svh">
<br/>
Creative Crafter</h1>
<h3>Hi, meine Gamertag ist Creative Crafter. Auf dieser Website zeige ich euch meine Spiele.</h3>
<h2><img src="/icons/spiele.png" height="25vh">Programmiern</h2>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Beispiel</title>
<style>
body, html {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.bg-gradient { .bg-gradient {
background: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent); background: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent);
@ -138,6 +85,24 @@
</style> </style>
</head> </head>
<body> <body>
<!-- Ladeanimation -->
<div class="loader-container">
<l-quantum
size="90"
speed="1.75"
color="black"
></l-quantum>
</div>
<!-- Deine anderen Inhalte hier -->
<h1><img src="/icons/Controller.png" height="150svh">
<br/>
Creative Crafter</h1>
<h3>Hi, meine Gamertag ist Creative Crafter. Auf dieser Website zeige ich euch meine Spiele.</h3>
<h2><img src="/icons/spiele.png" height="25vh">Programmiern</h2>
<a href="/programmieren/spiele/"><img src="/icons/meine-spiele.png" height="100vh"></a>
<!-- Button hinzufügen -->
<div class="bg-gradient"> <div class="bg-gradient">
<button class="button" onclick="window.location.href='/programmieren/spiele/'"> <button class="button" onclick="window.location.href='/programmieren/spiele/'">
<div class="button-inner"> <div class="button-inner">
@ -145,8 +110,15 @@
</div> </div>
</button> </button>
</div> </div>
<script>
// Ladeanimation beim Laden der Seite anzeigen
document.body.classList.add('loading');
// Ladeanimation entfernen, wenn die Seite vollständig geladen ist
window.addEventListener('load', () => {
document.body.classList.remove('loading');
});
</script>
</body> </body>
</html>
</body>
</html> </html>