feat(footer): add heise online press coverage link

Adds a separate "Featured in" / "Bekannt aus" row linking the heise
online article about Semantic Anchors. Kept distinct from the existing
"As seen on" / "Zu Gast bei" row, which is for podcast/live-coding
appearances — press coverage is not a guest appearance, so "Zu Gast
bei: heise" would read wrong in German.

The heise mark (navy circle + white "h.") sits on a white chip so it
stays legible in both light and dark themes; the bundled SVG has the
OS-level prefers-color-scheme media query stripped so it renders
predictably against the site's class-based dark mode.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: raifdmueller

website/public/heise-logo.svg

@@ -102,6 +102,26 @@ export function renderFooter(version) {
               <span class="text-xs text-[var(--color-text-secondary)]">rabauer.dev (EN)</span>
             </a>
           </div>
+          <div class="flex flex-wrap items-center justify-center gap-2 pt-1">
+            <span class="text-xs text-[var(--color-text-secondary)]" data-i18n="footer.featuredIn">${i18n.t('footer.featuredIn')}</span>
+            <a
+              href="https://www.heise.de/news/Semantische-Anker-verkuerzen-den-Kontext-fuer-das-agentische-Coden-11311061.html"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="inline-flex items-center gap-1.5 hover:opacity-80 transition-opacity rounded bg-white px-1.5 py-0.5"
+              title="${i18n.t('footer.heiseAlt')}"
+            >
+              <img
+                src="${import.meta.env.BASE_URL}heise-logo.svg"
+                alt="heise online"
+                width="24"
+                height="21"
+                class="h-5 w-auto"
+                loading="lazy"
+              />
+              <span class="text-xs text-gray-700">heise online (DE)</span>
+            </a>
+          </div>
         </div>
       </div>
     </footer>

website/src/components/footer.js

@@ -88,6 +88,8 @@
   "footer.asSeenOn": "Zu Gast bei",
   "footer.hmzeAlt": "HMZE Podcast — Beyond Vibe Coding",
   "footer.rabauerAlt": "rabauer.dev — Live-Coding-Session: From Vibe Coding to a Real Java App (Englisch)",
+  "footer.featuredIn": "Bekannt aus",
+  "footer.heiseAlt": "heise online — Semantische Anker verkürzen den Kontext für das agentische Coden",
   "categories.communication-presentation": "Kommunikation & Präsentation",
   "categories.design-principles": "Design-Prinzipien & Muster",
   "categories.development-workflow": "Entwicklungs-Workflow",

website/src/translations/de.json

@@ -88,6 +88,8 @@
   "footer.asSeenOn": "As seen on",
   "footer.hmzeAlt": "HMZE Podcast — Beyond Vibe Coding (German)",
   "footer.rabauerAlt": "rabauer.dev — Live coding session: From Vibe Coding to a Real Java App (English)",
+  "footer.featuredIn": "Featured in",
+  "footer.heiseAlt": "heise online — Semantic Anchors shorten the context for agentic coding (German)",
   "categories.communication-presentation": "Communication & Presentation",
   "categories.design-principles": "Design Principles & Patterns",
   "categories.development-workflow": "Development Workflow",