TheErrorExe/ba
1
0
Fork 0
mirror of https://github.com/TheErrorExe/blockattack synced 2025-09-05 21:11:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
TheErrorExe 2025-01-06 19:39:57 +01:00 committed by GitHub
parent d0ff49df62
commit 387b43ccd5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 84 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
index.html
View File

@ -15,6 +15,7 @@
background-size: cover;
cursor: pointer;
margin-top: 20px;
z-index: 999;
}
/* Stil für das GIF */
@ -25,22 +26,37 @@
background-size: cover;
cursor: pointer;
margin-top: 20px;
z-index: 999;
}
/* Der Container für die gesamte Seite */
#page-container {
transition: transform 1s ease-in-out;
/* Alle Elemente der Seite sollen unabhängig voneinander positioniert werden */
body, html {
overflow: hidden;
margin: 0;
padding: 0;
height: 100%;
background-color: #f0f0f0;
position: relative;
}
/* Stil für den zusammenfallenden Effekt der Seite */
.collapsed {
transform: translateY(100vh); /* Die Seite wird nach unten verschoben */
opacity: 0; /* Die Seite wird unsichtbar */
.falling {
position: absolute;
transition: all 1s ease-in-out;
animation: fall 2s forwards;
}
/* Fall-Animation */
@keyframes fall {
0% {
transform: translateY(0);
}
100% {
transform: translateY(100vh);
}
}
</style>
</head>
<body>
<div id="page-container">
<header>
<nav>
<ul>
@ -93,7 +109,7 @@
<br>
<a href="/privacy.html" style="display: inline;">Privacy</a><p style="display: inline;"> | </p><a href="/terms.html" style="display: inline;">Terms of Service</a>
</footer>
</div>
<script>
// Hardcodierte Beschreibungen für jedes Feature
document.querySelectorAll('.card').forEach(card => {
@ -117,20 +133,18 @@
// TNT-Trigger und Animationsfunktion
function triggerTNT() {
const tntBlock = document.getElementById('tnt');
const tntGif = document.getElementById('tntGif');
const elements = document.querySelectorAll('header, section, footer, .card, .tnt-block, .tnt-gif');
// Zeige das GIF
const tntGif = document.getElementById('tntGif');
tntGif.style.display = 'block';
tntBlock.style.display = 'none';
// Nach 5 Sekunden das GIF verschwinden lassen und die Seite nach unten verschieben
setTimeout(() => {
tntGif.style.display = 'none';
document.getElementById('page-container').classList.add('collapsed'); // Seite "fällt nach unten"
}, 5000);
// Alle Seiten-Elemente fallen lassen
elements.forEach(el => {
el.classList.add('falling');
});
// Seite nach 10 Sekunden neu laden
// Nach 10 Sekunden die Seite neu laden
setTimeout(() => {
location.reload();
}, 10000);