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:33:45 +01:00 committed by GitHub
parent 693242b8fe
commit d0ff49df62
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 61 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -27,16 +27,20 @@
margin-top: 20px; 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 */ /* Stil für den zusammenfallenden Effekt der Seite */
.collapsed { .collapsed {
transition: all 0.5s ease-in-out; transform: translateY(100vh); /* Die Seite wird nach unten verschoben */
height: 0; opacity: 0; /* Die Seite wird unsichtbar */
overflow: hidden;
transform: scale(0.5);
} }
</style> </style>
</head> </head>
<body> <body>
<div id="page-container">
<header> <header>
<nav> <nav>
<ul> <ul>
@ -89,6 +93,7 @@
<br> <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> <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> </footer>
</div>
<script> <script>
// Hardcodierte Beschreibungen für jedes Feature // Hardcodierte Beschreibungen für jedes Feature
document.querySelectorAll('.card').forEach(card => { document.querySelectorAll('.card').forEach(card => {
@ -119,10 +124,10 @@
tntGif.style.display = 'block'; tntGif.style.display = 'block';
tntBlock.style.display = 'none'; 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(() => { setTimeout(() => {
tntGif.style.display = 'none'; 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); }, 5000);
// Seite nach 10 Sekunden neu laden // Seite nach 10 Sekunden neu laden