.news-card { background: rgba(255,255,255,0.03); border: 1px solid #333; border-radius: 8px; padding: 20px; margin-bottom: 16px; }
.news-card.pinned { border-left: 4px solid #ff6600; }
.news-title { color: #ff6600; font-size: 1.2rem; font-weight: bold; margin: 0 0 6px; }
.news-meta { color: #888; font-size: .85rem; margin-bottom: 10px; }
.news-content { color: #ddd; line-height: 1.6; white-space: pre-wrap; }
.news-images { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.news-images img { max-width: 220px; max-height: 160px; object-fit: cover; border-radius: 6px; border: 1px solid #333; cursor: pointer; }
.news-images img:hover { opacity: .85; }
.badge-pin { display: inline-block; background: #ff6600; color: #000; padding: 1px 8px; border-radius: 4px; font-size: .7rem; font-weight: bold; }
.news-placeholder { text-align: center; color: #888; padding: 40px 0; }
';
require '_header.php';
?>
News-Archiv
Alle Ankündigungen, Termine und Neuigkeiten rund um die Black Demons.
(function() {
\'use strict\';
document.addEventListener(\'DOMContentLoaded\', async function() {
var container = document.getElementById(\'newsContainer\');
if (!container) return;
try {
var res = await fetch(\'api/news.php?all=1&t=\' + Date.now());
var news = await res.json();
if (!news.length) {
container.innerHTML = \'Noch keine News-Beitr\\u00e4ge.
\';
return;
}
container.innerHTML = news.map(function(n) {
var imgs = (n.images && n.images.length)
? \'\' + n.images.map(function(f) {
return \'
 + \'/\' + encodeURIComponent(f) + \')
\';
}).join(\'\') + \'
\' +
\'
\' + escHtml(n.title) + (n.pinned ? \' ANGEHEFTET\' : \'\') + \'
\' +
\'
\' + escHtml(n.date) + \'
\' +
\'
\' + escHtml(n.content) + \'
\' +
imgs +
\'
Fehler beim Laden der News.
\';
}
});
function escHtml(s) {
var d = document.createElement(\'div\');
d.appendChild(document.createTextNode(s));
return d.innerHTML;
}
})();
';
require '_footer.php';