feat: HMZE podcast reference — footer badge + DE About video embed#446
Merged
rdmueller merged 2 commits intoApr 21, 2026
Merged
Conversation
- Footer: new "As seen on / Zu Gast bei" row with HMZE logo linking to https://www.youtube.com/watch?v=rQj-B3VTx48; shown on both languages, labelled "(DE)" since the podcast is German. - DE About page: click-to-load YouTube facade above "Was sind Semantic Anchors?". Only the static thumbnail loads until the user clicks; after activation the iframe uses youtube-nocookie.com. EN About stays unchanged — a 60-minute German explainer does not belong as the primary intro on the English page. - youtube-facade.js utility: small hydrator scanning doc content for button.youtube-facade[data-video-id]. Keeps the embed DSGVO-safe without consent banners. - New i18n keys: footer.asSeenOn, footer.hmzeAlt. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Picks up the 4 anchors merged in LLM-Coding#444 and LLM-Coding#445 that the previous PRs did not regenerate (SLAP, Occam's Razor, Code Smells, WWCND). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Contributor
|
Caution Review failedPull request was closed or merged during review WalkthroughDiese PR fügt eine YouTube-Facade-Funktion hinzu, die es ermöglicht, YouTube-Videos auf Klick zu laden. Die Änderungen umfassen ein neues Utility-Modul, Komponenten-Anpassungen, CSS-Styling, Dokumentation in AsciiDoc-Format und Lokalisierungsschlüssel in Deutsch und Englisch. Changes
Sequence Diagram(s)sequenceDiagram
participant User as Benutzer
participant DocPage as doc-page.js
participant Facade as youtube-facade.js
participant DOM as DOM/Browser
participant YouTube as YouTube (nocookie)
User->>DocPage: Dokumentseite laden
DocPage->>DOM: Dokumenten-HTML laden
DocPage->>Facade: hydrateYouTubeFacades(contentEl) aufrufen
Facade->>DOM: Alle youtube-facade Buttons finden
Facade->>DOM: Click-Handler registrieren
Facade->>DOM: data-hydrated="true" setzen
Note over Facade: Wartet auf Benutzer-Interaktion
User->>DOM: YouTube-Facade-Button klicken
DOM->>Facade: Click-Handler ausgelöst
Facade->>Facade: Video-ID validieren
Facade->>DOM: Facade-Button durch iframe ersetzen
Facade->>DOM: youtube-loaded Klasse setzen
DOM->>YouTube: iframe lädt YouTube-Video
YouTube->>DOM: Video wird angezeigt
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~25 minutes Possibly related PRs
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a reference to the HMZE podcast episode #58 (Beyond Vibe Coding — Semantic Anchors als Magic Spells) where Ralf explained the concept in detail. Two touchpoints:
DSGVO / privacy
The embed is implemented as a click-to-load facade:
i.ytimg.comloads. No cookies, no YouTube JS, no tracking.youtube-nocookie.com(extended privacy endpoint), autoplay via user gesture.Verified in preview: network panel shows only the thumbnail request until the button is clicked; click then loads the no-cookie iframe.
Assets
website/public/hmze-logo.png— 114×96 PNG derived from the HMZE channel logo athmze.tech/assets/img/logo.jpeg. The asset is used in a press-mention context for a confirmed appearance; can be swapped out later if the podcast provides an official press asset.Also
Regenerates
docs/all-anchors.adoc,website/public/llms.txt, andwebsite/public/sitemap.xmlto include the four anchors merged in #444 and #445 (SLAP, Occam's Razor, Code Smells, WWCND) — the previous PRs missed this regeneration.Test plan
youtube-nocookie.comi.ytimg.comfor thumbnail).gitignoreallowlist🤖 Generated with Claude Code
Summary by CodeRabbit
Release Notes
New Features
Documentation