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-10 20:44:10 +01:00 committed by GitHub
parent a447ac1883
commit 0d8e47c83a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 41 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
index.html
View File

@ -61,48 +61,73 @@ This Website was developed by TheErrorExe for Blockattack. TheErrorExe is and wi
<p>Verbinde dich jetzt: <strong>blockattack.fun</strong></p> <p>Verbinde dich jetzt: <strong>blockattack.fun</strong></p>
<p><em>Jetzt die neuesten Features wie das Claimen von Gebieten ausprobieren!</em></p> <p><em>Jetzt die neuesten Features wie das Claimen von Gebieten ausprobieren!</em></p>
</section> </section>
<style>
#news-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.news-item {
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.news-item:hover {
transform: translateY(-5px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}
.news-item h3 {
font-size: 1.4rem;
color: #333;
margin-bottom: 10px;
font-weight: bold;
}
.news-item p {
font-size: 1rem;
color: #555;
line-height: 1.5;
}
</style>
<script> <script>
async function loadNews() { async function loadNews() {
try { try {
// Abrufen der Nachrichten von der API
const response = await fetch('https://api.errexe.xyz/blockattack-api/news/get'); const response = await fetch('https://api.errexe.xyz/blockattack-api/news/get');
const data = await response.json(); const data = await response.json();
// Den Container für Nachrichten holen
const newsContainer = document.getElementById('news-container'); const newsContainer = document.getElementById('news-container');
newsContainer.innerHTML = ''; // Alte Nachrichten entfernen newsContainer.innerHTML = '';
// Überprüfen, ob Nachrichten vorhanden sind const latestNews = data.slice(0, 2);
const latestNews = data.slice(0, 2); // Nur die ersten 2 Nachrichten anzeigen
if (latestNews.length === 0) { if (latestNews.length === 0) {
newsContainer.innerHTML = 'Keine Neuigkeiten verfügbar.'; // Wenn keine Nachrichten verfügbar sind newsContainer.innerHTML = 'Keine Neuigkeiten verfügbar.';
} else { } else {
// Nachrichten in HTML umwandeln und anzeigen
latestNews.forEach(newsItem => { latestNews.forEach(newsItem => {
// Erstellen eines kleinen Divs für jede Nachricht
const newsElement = document.createElement('div'); const newsElement = document.createElement('div');
newsElement.classList.add('news-item'); newsElement.classList.add('news-item');
newsElement.style.marginBottom = '10px'; // Ein wenig Abstand zwischen den Nachrichten
// Hinzufügen von Titel (h3) und Inhalt (p)
newsElement.innerHTML = ` newsElement.innerHTML = `
<h3 style="font-size: 1.2rem; color: #333;">${newsItem.title}</h3> <h3>${newsItem.title}</h3>
<p style="font-size: 1rem; color: #666;">${newsItem.content}</p> <p>${newsItem.content}</p>
`; `;
// Nachricht zum Container hinzufügen
newsContainer.appendChild(newsElement); newsContainer.appendChild(newsElement);
}); });
} }
} catch (error) { } catch (error) {
// Fehler beim Laden der Nachrichten
console.error('Fehler beim Laden der Neuigkeiten:', error); console.error('Fehler beim Laden der Neuigkeiten:', error);
document.getElementById('news-container').innerHTML = 'Fehler beim Laden der Neuigkeiten.'; document.getElementById('news-container').innerHTML = 'Fehler beim Laden der Neuigkeiten.';
} }
} }
// Nachrichten beim Laden der Seite anzeigen
loadNews(); loadNews();
</script> </script>