From 873744a2679aca00f9d50ef5bd4a699c5a355874 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=7BAI=7Df=20D=2E=20M=C3=BCller?=
 <ralf.d.mueller+AI@gmail.com>
Date: Fri, 29 May 2026 15:06:39 +0200
Subject: [PATCH] feat(footer): add heise online press coverage link
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 website/public/heise-logo.svg    |  4 ++++
 website/src/components/footer.js | 20 ++++++++++++++++++++
 website/src/translations/de.json |  2 ++
 website/src/translations/en.json |  2 ++
 4 files changed, 28 insertions(+)
 create mode 100644 website/public/heise-logo.svg

diff --git a/website/public/heise-logo.svg b/website/public/heise-logo.svg
new file mode 100644
index 0000000..830d5d0
--- /dev/null
+++ b/website/public/heise-logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <path d="M160,318h0C72.74,318,2,247.26,2,160h0C2,72.74,72.74,2,160,2h0c87.26,0,158,70.74,158,158h0c0,87.26-70.74,158-158,158h0Z" fill="#14315b"/>
+  <path d="M228.36,153.65c14.39,6.71,20.62,23.81,13.9,38.2l-24,51.46c-6.71,14.39-23.81,20.61-38.2,13.9-14.39-6.71-20.62-23.82-13.9-38.2l23.99-51.46c6.71-14.39,23.82-20.61,38.2-13.9h0M182.43,62.84h0c-14.39-6.71-31.49-.48-38.2,13.9l-66.34,142.26c-6.71,14.39-.48,31.49,13.9,38.2,14.39,6.71,31.49.48,38.2-13.9l66.34-142.26c6.71-14.39.48-31.5-13.9-38.2" fill="#fff"/>
+</svg>
diff --git a/website/src/components/footer.js b/website/src/components/footer.js
index 03e1daf..eeeaa1f 100644
--- a/website/src/components/footer.js
+++ b/website/src/components/footer.js
@@ -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>
diff --git a/website/src/translations/de.json b/website/src/translations/de.json
index 6f16d7a..66fcb03 100644
--- a/website/src/translations/de.json
+++ b/website/src/translations/de.json
@@ -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",
diff --git a/website/src/translations/en.json b/website/src/translations/en.json
index e979245..ca93e95 100644
--- a/website/src/translations/en.json
+++ b/website/src/translations/en.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",