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

f

Browse Source
This commit is contained in:
TheErrorExe 2025-02-17 21:09:23 +01:00
parent 71939be285
commit d8ff84c774
1 changed files with 79 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

128
bilder.html
View File

@ -7,28 +7,44 @@
<link rel="stylesheet" href="https://www.blockattack.fun/static/css/style.css"> <link rel="stylesheet" href="https://www.blockattack.fun/static/css/style.css">
<script src="/static/js/script.js" defer></script> <script src="/static/js/script.js" defer></script>
<script> <script>
document.getElementById("copy-ip-btn").addEventListener("click", function () { document.addEventListener("DOMContentLoaded", function () {
const serverIP = "blockattack.fun"; document.getElementById("copy-ip-btn").addEventListener("click", function () {
navigator.clipboard.writeText(serverIP).then(function () { const serverIP = "blockattack.fun";
alert("Server IP wurde kopiert!\nDer Port für Bedrock ist 25515\nViel Spaß 😃"); navigator.clipboard.writeText(serverIP).then(function () {
}).catch(function (err) { alert("Server IP wurde kopiert!\nDer Port für Bedrock ist 25515\nViel Spaß 😃");
console.error("Fehler beim Kopieren der IP: ", err); }).catch(function (err) {
console.error("Fehler beim Kopieren der IP: ", err);
});
}); });
}); });
</script> </script>
<style> <style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.gallery { .gallery {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 10px; gap: 10px;
padding: 20px; padding: 20px;
} }
.gallery img { .gallery img {
width: 100%; width: 100%;
height: auto; height: auto;
cursor: pointer; cursor: pointer;
border-radius: 5px; border-radius: 5px;
} }
.modal { .modal {
display: none; display: none;
position: fixed; position: fixed;
@ -41,10 +57,12 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.modal img { .modal img {
max-width: 90%; max-width: 90%;
max-height: 90%; max-height: 90%;
} }
.close { .close {
position: absolute; position: absolute;
top: 20px; top: 20px;
@ -53,35 +71,44 @@
color: white; color: white;
cursor: pointer; cursor: pointer;
} }
#galerie {
flex: 1;
}
footer {
text-align: center;
background-color: #333;
color: white;
padding: 10px;
margin-top: auto;
}
</style> </style>
</head> </head>
<body> <body>
<header <header style="display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #333;">
style="display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #333;"> <nav>
<nav> <ul style="list-style: none; display: flex; margin: 0; padding: 0;">
<ul style="list-style: none; display: flex; margin: 0; padding: 0;"> <li>
<li> <a href="/" style="display: flex; align-items: center; text-decoration: none; color: #fff;">
<a href="/" style="display: flex; align-items: center; text-decoration: none; color: #fff;"> <img src="/favicon.ico" alt="Blockattack Logo" style="width: 32px; height: 32px; margin-right: 8px;">
<img src="/favicon.ico" alt="Blockattack Logo" <span style="font-size: 1.5rem; font-weight: bold;" class="textcolorgradient">Blockattack</span>
style="width: 32px; height: 32px; margin-right: 8px;"> </a>
<span style="font-size: 1.5rem; font-weight: bold;" class="textcolorgradient">Blockattack</span> </li>
</a> <li><a href="/server.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Server Info</a></li>
</li> <li><a href="/news.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Neuigkeiten</a></li>
</li> <li><a href="/guide.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Beitrittsguide</a></li>
<li><a href="/server.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Server <li><a href="/bilder.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Bildergalerie</a></li>
Info</a></li> </ul>
<li><a href="/news.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Neuigkeiten</a></li> </nav>
<li><a href="/guide.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Beitrittsguide</a></li> <div>
<li><a href="/bilder.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Bildergalerie</a></li> <button id="copy-ip-btn"
</ul> style="background-color: #007bff; color: #fff; border: none; padding: 8px 16px; border-radius: 5px; cursor: pointer; font-size: 1rem;">
</nav> Server IP kopieren
<div> </button>
<button id="copy-ip-btn" </div>
style="background-color: #007bff; color: #fff; border: none; padding: 8px 16px; border-radius: 5px; cursor: pointer; font-size: 1rem;"> </header>
Server IP kopieren
</button>
</div>
</header>
<section id="galerie"> <section id="galerie">
<h1 style="text-align: center; color: #00d8ff;">Bildergalerie von Blockattack</h1> <h1 style="text-align: center; color: #00d8ff;">Bildergalerie von Blockattack</h1>
<div class="gallery"> <div class="gallery">
@ -89,37 +116,40 @@
<img src="/galerie-img/2.png" alt="Bild 2" onclick="openModal(this.src)"> <img src="/galerie-img/2.png" alt="Bild 2" onclick="openModal(this.src)">
<img src="/galerie-img/3.png" alt="Bild 3" onclick="openModal(this.src)"> <img src="/galerie-img/3.png" alt="Bild 3" onclick="openModal(this.src)">
<img src="/galerie-img/4.png" alt="Bild 4" onclick="openModal(this.src)"> <img src="/galerie-img/4.png" alt="Bild 4" onclick="openModal(this.src)">
<img src="/galerie-img/5.png" alt="Bild 4" onclick="openModal(this.src)"> <img src="/galerie-img/5.png" alt="Bild 5" onclick="openModal(this.src)">
<img src="/galerie-img/6.png" alt="Bild 4" onclick="openModal(this.src)"> <img src="/galerie-img/6.png" alt="Bild 6" onclick="openModal(this.src)">
<img src="/galerie-img/7.png" alt="Bild 4" onclick="openModal(this.src)"> <img src="/galerie-img/7.png" alt="Bild 7" onclick="openModal(this.src)">
<img src="/galerie-img/8.png" alt="Bild 4" onclick="openModal(this.src)"> <img src="/galerie-img/8.png" alt="Bild 8" onclick="openModal(this.src)">
<img src="/galerie-img/9.png" alt="Bild 4" onclick="openModal(this.src)"> <img src="/galerie-img/9.png" alt="Bild 9" onclick="openModal(this.src)">
<img src="/galerie-img/10.png" alt="Bild 4" onclick="openModal(this.src)"> <img src="/galerie-img/10.png" alt="Bild 10" onclick="openModal(this.src)">
<img src="/galerie-img/11.png" alt="Bild 4" onclick="openModal(this.src)"> <img src="/galerie-img/11.png" alt="Bild 11" onclick="openModal(this.src)">
<br><br><br>
</div> </div>
</section> </section>
<div class="modal" id="modal" onclick="closeModal()"> <div class="modal" id="modal" onclick="closeModal()">
<span class="close">&times;</span> <span class="close">&times;</span>
<img id="modal-img"> <img id="modal-img">
</div> </div>
<footer>
<p>&copy; BlockAttack 2025</p>
<p>Gehostet auf <a href="https://mine-server.org" target="_blank" style="color: inherit; text-decoration: inherit;">mine-server.org</a></p>
<p>Website von <a href="https://errexe.xyz" target="_blank" style="color: inherit; text-decoration: inherit;">TheErrorExe</a></p>
<p style="display: inline;"> und <a href="https://github.com/GomorrhaDev" target="_blank" style="color: inherit; text-decoration: inherit;">GomorrhaDev</a></p>
<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>
<script> <script>
function openModal(src) { function openModal(src) {
document.getElementById("modal").style.display = "flex"; document.getElementById("modal").style.display = "flex";
document.getElementById("modal-img").src = src; document.getElementById("modal-img").src = src;
} }
function closeModal() { function closeModal() {
document.getElementById("modal").style.display = "none"; document.getElementById("modal").style.display = "none";
} }
</script> </script>
<footer>
<p>&copy; BlockAttack 2025</p>
<p>Gehostet auf <a href="https://mine-server.org" target="_blank" style="color: inherit; text-decoration: inherit;">mine-server.org</a></p>
<p>Website von <a href="https://errexe.xyz" target="_blank" style="color: inherit; text-decoration: inherit;">TheErrorExe</a></p>
<p style="display: inline;"> und <a href="https://github.com/GomorrhaDev" target="_blank" style="color: inherit; text-decoration: inherit; display: inline;">GomorrhaDev</a></p>
<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>
</body> </body>
</html> </html>