ba/news.html
2025-02-22 11:55:49 +01:00

127 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QWEVVLV9Q1"></script>
<script src="/static/js/script.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QWEVVLV9Q1');
</script>
<script>
document.getElementById("copy-ip-btn").addEventListener("click", function () {
const serverIP = "blockattack.fun";
navigator.clipboard.writeText(serverIP).then(function () {
alert("Server IP wurde kopiert!\nDer Port für Bedrock ist 25515\nViel Spaß 😃🥰");
}).catch(function (err) {
console.error("Fehler beim Kopieren der IP: ", err);
});
});
document.querySelectorAll('.card').forEach(card => {
card.addEventListener('click', () => {
const featureName = card.getAttribute('data-feature');
switch (featureName) {
case "Gebietsclaiming":
alert("Claime ganz einfach ein Gebiet mit /f claim und baue dein eigenes Land.");
break;
case "PVP-Kämpfe":
alert("Mach Kämpfe gegen andere Spieler des Blockattack Servers!");
break;
case "Events":
alert("Beteilige dich bei Events!");
break;
default:
alert("Feature nicht gefunden.");
}
});
});
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nachrichten - Blockattack</title>
<link rel="stylesheet" href="/static/css/style.css">
<script>
async function loadNews() {
try {
const response = await fetch('https://api.errexe.xyz/blockattack-api/news/get');
const data = await response.json();
const newsContainer = document.getElementById('news-container');
newsContainer.innerHTML = '';
const latestNews = data.slice(-2);
if (latestNews.length === 0) {
newsContainer.innerHTML = 'Keine Neuigkeiten verfügbar.';
} else {
latestNews.forEach(newsItem => {
const newsElement = document.createElement('div');
newsElement.classList.add('news-item');
newsElement.innerHTML = `
<h3>${newsItem.title}</h3>
<p>${newsItem.content}</p>
<p class="news-author">Von: <span>${newsItem.author}</span></p>
`;
newsContainer.appendChild(newsElement);
});
}
} catch (error) {
console.error('Fehler beim Laden der Neuigkeiten:', error);
document.getElementById('news-container').innerHTML = 'Fehler beim Laden der Neuigkeiten.';
}
}
loadNews();
</script>
</head>
<body>
<header style="display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #333;">
<nav>
<ul style="list-style: none; display: flex; margin: 0; padding: 0;">
<li>
<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;">
<span style="font-size: 1.5rem; font-weight: bold;" class="textcolorgradient">Blockattack</span>
</a>
</li>
<li><a href="/server.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Server Info</a></li>
<li><a href="/news.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Neuigkeiten</a></li>
<li><a href="/guide.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Beitrittsguide</a></li>
<li><a href="/bilder.html" style="text-decoration: none; color: #fff; margin-left: 20px;">Bildergalerie</a></li>
<li><a href="/wiki" style="text-decoration: none; color: #fff; margin-left: 20px;">Wiki</a></li>
</ul>
</nav>
</header>
<main style="padding: 20px;">
<h1>Aktuelle Neuigkeiten</h1>
<div id="news-container">Fetching data...</div>
</main>
<footer>
<p>&copy; BlockAttack 2025</p>
<p>Gehostet auf <a href="https://billing.mine-server.net/?ref=DRMIFO" 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>
</html>