--- title: 'Neue Webseite' url: 'https://ancatdubh.de/news/neue-webseite' markdown: 'https://ancatdubh.de/news/neue-webseite.md' date: '2026-10-14' description: 'Nach mehreren erfolgreichen Hacks (KI ist so toll und macht das Leben so einfach, auch für Hacker), müssen wir uns vom Spielplatz der Hackergrundausbildung Wordpress verabschieden und gehen zurück zu den Wurzeln der handgeschriebenen Codes. Grav leistet wunderbare Dienste. CMS, voll selbst programmierbar, voller Gimmicks und eine recht lebendige Community. Nach und nach wird die Seite wied' taxonomy: category: - News --- # Neue Webseite Neue Webseite | An Cat Dubh `; footer.setAttribute('data-footer-fixed', 'true'); } onReady(function () { injectCustomFooter(); window.setTimeout(injectCustomFooter, 300); }); // ========================================================= // 7. SOUNDCLOUD-ALBEN – ZENTRALES STYLING // ========================================================= onReady(function () { addStyle('custom-soundcloud-styles', ` .soundcloud-grid { display: flex !important; flex-wrap: wrap !important; gap: 35px !important; justify-content: center !important; margin-top: 40px !important; } .album-card { display: block !important; flex: 1 1 280px !important; max-width: 320px !important; box-sizing: border-box !important; background-color: #111111 !important; padding: 25px !important; border-radius: 8px !important; border: 1px solid #222222 !important; box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important; text-decoration: none !important; transition: all 0.3s ease !important; text-align: center !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; position: relative !important; overflow: hidden !important; } .album-card:hover { border-color: #ffaa00 !important; transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(255,170,0,0.35) !important; } .album-card h3 { margin-top: 0 !important; margin-bottom: 20px !important; font-size: 1.3rem !important; color: #ffffff !important; border-bottom: 2px solid #ffaa00 !important; padding-bottom: 10px !important; position: relative !important; z-index: 2 !important; transition: color 0.3s ease !important; } .album-card:hover h3 { color: #ffaa00 !important; } .album-cover-placeholder { height: 180px !important; background: rgba(0,0,0,0.5) !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,0.1) !important; position: relative !important; z-index: 2 !important; } .play-icon { background-color: rgba(22,22,22,0.95) !important; color: #ffffff !important; padding: 10px 20px !important; border-radius: 20px !important; font-weight: bold !important; font-size: 0.9rem !important; border: 1px solid #444444 !important; transition: all 0.3s ease !important; } .album-card:hover .play-icon { background-color: #ffaa00 !important; border-color: #ffaa00 !important; box-shadow: 0 4px 12px rgba(255,170,0,0.4) !important; } `); function injectLocalAlbumCovers() { document.querySelectorAll('.album-card[data-cover]').forEach(function (card) { var subPath = card.getAttribute('data-cover'); if (!subPath || card.hasAttribute('data-cover-loaded')) { return; } // Keine absoluten oder fremden URLs zulassen. if ( subPath.indexOf('..') !== -1 || subPath.charAt(0) === '/' || /^[a-z]+:/i.test(subPath) ) { return; } var imageUrl = '/user/media/' + subPath; var safeUrl = imageUrl.replace(/'/g, '%27'); card.style.setProperty( 'background-image', 'linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("' + safeUrl + '")', 'important' ); card.setAttribute('data-cover-loaded', 'true'); }); } injectLocalAlbumCovers(); window.setTimeout(injectLocalAlbumCovers, 300); var albumObserver = new MutationObserver(function () { injectLocalAlbumCovers(); }); albumObserver.observe(document.body, { childList: true, subtree: true }); }); // ========================================================= // 8. INDIVIDUELLE SEITENHINTERGRÜNDE // ========================================================= onReady(function () { var path = window.location.pathname.toLowerCase(); var bgImage = ''; if ( path === '/' || path === '/home' || path.indexOf('/home/') !== -1 ) { bgImage = ''; } else if (path.indexOf('/band') !== -1) { bgImage = '/user/media/Background/ancatdubh_sw.jpg'; } else if ( path.indexOf('/live') !== -1 || path.indexOf('/gigs') !== -1 ) { bgImage = '/user/media/Background/live-bg.jpg'; } else if ( path.indexOf('/audio') !== -1 || path.indexOf('/medien') !== -1 ) { bgImage = '/user/media/Background/audio-hintergrund.jpg'; } else if ( path.indexOf('/veranstalter') !== -1 || path.indexOf('/techrider') !== -1 ) { bgImage = '/user/media/Background/tech-hintergrund.jpg'; } // Kein Hintergrund, wenn für die Seite keiner definiert ist. if (!bgImage) { return; } addStyle('custom-page-dynamic-bg', ` html, body, #page-wrapper, #sb-site, .bg-content, #body, #main-content { background-image: linear-gradient( rgba(0,0,0,0.75), rgba(0,0,0,0.75) ), url("${bgImage}") !important; background-size: cover !important; background-position: center center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } .section, main, .main-content, #main, .bg-gray, .bg-dark, .g-page { background-color: transparent !important; } `); }); // ========================================================= // 9. WEITERLESEN-BUTTONS // ========================================================= onReady(function () { addStyle('custom-readmore-styles', ` .custom-btn-readmore { display: inline-block !important; margin-top: 15px !important; padding: 10px 22px !important; background-color: #1a1a1a !important; color: #b0b0b0 !important; font-weight: bold !important; text-decoration: none !important; border-radius: 4px !important; border: 1px solid #333333 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; transition: all 0.3s ease !important; font-size: 0.9rem !important; } .custom-btn-readmore:hover { background-color: #111111 !important; border-color: #ffaa00 !important; color: #ffaa00 !important; transform: translateY(-1px) !important; box-shadow: 0 6px 15px rgba(255,170,0,0.15) !important; } .custom-btn-readmore::after { content: " →" !important; display: inline-block !important; transition: transform 0.2s ease !important; margin-left: 5px !important; font-weight: bold !important; color: inherit !important; } .custom-btn-readmore:hover::after { transform: translateX(4px) !important; } `); function forceReadMoreButtons() { document.querySelectorAll('.blog-card, .card, article').forEach(function (article) { if (article.querySelector('.custom-btn-readmore')) { return; } var titleLink = article.querySelector( 'h1 a, h2 a, h3 a, .card-header a' ); var contentArea = article.querySelector( '.card-body, .card-content, p' ); if (!titleLink || !contentArea) { return; } var readMore = document.createElement('a'); readMore.className = 'custom-btn-readmore'; readMore.href = titleLink.href; readMore.textContent = 'Weiterlesen'; contentArea.appendChild(readMore); }); } forceReadMoreButtons(); window.setTimeout(forceReadMoreButtons, 400); var readMoreObserver = new MutationObserver(function () { forceReadMoreButtons(); }); readMoreObserver.observe(document.body, { childList: true, subtree: true }); }); })(); ![Vorschau](https://ancatdubh.de/user/media/wordpress_out.jpg)Nach mehreren erfolgreichen Hacks (*KI ist so toll und macht das Leben so einfach, auch für Hacker*), müssen wir uns vom Spielplatz der Hackergrundausbildung Wordpress verabschieden und gehen zurück zu den Wurzeln der handgeschriebenen Codes. Grav leistet wunderbare Dienste. CMS, voll selbst programmierbar, voller Gimmicks und eine recht lebendige Community. Nach und nach wird die Seite wieder entstehen. Nur Geduld ;) - haben wir ja auch... Dark Quark [ ![An Cat Dubh](https://ancatdubh.de/user/themes/ancatdubh/images/logo/Logo.png)](https://ancatdubh.de/) --- ## Navigation - Parent: [News](https://ancatdubh.de/news.md) - Next: [So jung und schon Keyboardspieler](https://ancatdubh.de/news/keyboarder.md)