mirror of
https://github.com/TheErrorExe/blockattack
synced 2025-09-05 21:11:00 +02:00
Update index.html
This commit is contained in:
parent
693242b8fe
commit
d0ff49df62
17
index.html
17
index.html
@ -27,16 +27,20 @@
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* Der Container für die gesamte Seite */
|
||||
#page-container {
|
||||
transition: transform 1s ease-in-out;
|
||||
}
|
||||
|
||||
/* Stil für den zusammenfallenden Effekt der Seite */
|
||||
.collapsed {
|
||||
transition: all 0.5s ease-in-out;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
transform: scale(0.5);
|
||||
transform: translateY(100vh); /* Die Seite wird nach unten verschoben */
|
||||
opacity: 0; /* Die Seite wird unsichtbar */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="page-container">
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
@ -89,6 +93,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 => {
|
||||
@ -119,10 +124,10 @@
|
||||
tntGif.style.display = 'block';
|
||||
tntBlock.style.display = 'none';
|
||||
|
||||
// Nach 5 Sekunden das GIF verschwinden lassen und die Seite "fallen" lassen
|
||||
// Nach 5 Sekunden das GIF verschwinden lassen und die Seite nach unten verschieben
|
||||
setTimeout(() => {
|
||||
tntGif.style.display = 'none';
|
||||
document.body.classList.add('collapsed'); // Seite "fällt zusammen"
|
||||
document.getElementById('page-container').classList.add('collapsed'); // Seite "fällt nach unten"
|
||||
}, 5000);
|
||||
|
||||
// Seite nach 10 Sekunden neu laden
|
||||
|
Loading…
x
Reference in New Issue
Block a user