Skip to content

Aliased dungeon link under close-slide QR (2026-06-03 deck) #29

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
silver-snoopy merged 1 commit into from
May 28, 2026
Merged

Aliased dungeon link under close-slide QR (2026-06-03 deck) #29

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 32 additions & 0 deletions public/talks/2026-06-03-slay-the-cert/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -159,6 +159,7 @@
#slide-8 .demo-preamble { font-size: clamp(1.5rem, 2vw, 2.4rem) !important; }
#slide-13 .close-qr .qr-tile svg { width: clamp(220px, 13vw, 290px) !important; }
#slide-13 .qr-cta { font-size: clamp(1.1rem, 1.4vw, 1.7rem) !important; }
#slide-13 .qr-link { font-size: clamp(0.9rem, 1.1vw, 1.35rem) !important; }
/* Slide 11 — center the workflow-folder reveal at projector (was left-anchored). */
#slide-10 .slide-content { align-items: center !important; text-align: center !important; }
#slide-10 .dir-tree {
Expand Down Expand Up @@ -1169,6 +1170,36 @@
text-align: center;
line-height: 1.2;
}
/* Take-home link is aliased to an on-brand action so the raw URL never shows or
wraps mid-word; the real address rides in the href + the QR aria-label. Chip
framing + sliding arrow read as tappable for anyone viewing the deck digitally. */
.qr-link {
display: inline-flex;
align-items: center;
gap: 0.4em;
font-family: 'Spectral', Georgia, serif;
font-style: italic;
font-size: var(--small-size);
letter-spacing: 0.04em;
color: var(--accent-gold);
text-align: center;
text-decoration: none;
white-space: nowrap;
padding: 0.35em 0.9em;
border: 1px solid var(--border-rule);
transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
.qr-link-arrow { transition: transform 0.3s; }
.qr-link:hover {
color: var(--accent-gold-bright);
border-color: var(--accent-gold);
background-color: rgba(201, 169, 97, 0.08);
}
.qr-link:hover .qr-link-arrow { transform: translateX(0.25em); }
.qr-link:focus-visible {
outline: 2px solid var(--accent-gold);
outline-offset: 2px;
}
/* Parchment tile holds the dark-on-light QR — high contrast for room-scale scanning.
Sharp corners (no radius) to match the deck's grimoire/manuscript edges. */
.qr-tile {
Expand Down Expand Up @@ -2175,6 +2206,7 @@ <h2 class="slide-title reveal">Brainstorm &rarr; Spec &rarr; Plan &rarr; Execute
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41" shape-rendering="crispEdges" role="img" aria-label="QR code — scan to play the Slay the Cert dungeon at silver-snoopy.github.io/ai-kb/dungeon"><path fill="#e8dfc8" d="M0 0h41v41H0z"/><path stroke="#1a1410" d="M4 4.5h7m3 0h1m3 0h1m3 0h1m1 0h1m5 0h7M4 5.5h1m5 0h1m1 0h2m1 0h1m1 0h2m2 0h1m2 0h3m3 0h1m5 0h1M4 6.5h1m1 0h3m1 0h1m1 0h2m1 0h1m1 0h1m2 0h3m2 0h1m4 0h1m1 0h3m1 0h1M4 7.5h1m1 0h3m1 0h1m1 0h3m1 0h1m2 0h1m3 0h1m1 0h2m1 0h1m1 0h1m1 0h3m1 0h1M4 8.5h1m1 0h3m1 0h1m6 0h1m1 0h1m1 0h2m2 0h1m1 0h1m2 0h1m1 0h3m1 0h1M4 9.5h1m5 0h1m2 0h2m1 0h1m3 0h2m2 0h2m4 0h1m5 0h1M4 10.5h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7M12 11.5h2m1 0h2m1 0h1m3 0h1m4 0h1M4 12.5h1m5 0h1m1 0h1m3 0h4m1 0h1m2 0h1m2 0h4m2 0h3M6 13.5h1m4 0h1m1 0h2m3 0h3m1 0h2m1 0h3m4 0h3M5 14.5h1m1 0h7m2 0h1m2 0h1m2 0h1m3 0h1m1 0h2m2 0h1m1 0h2M8 15.5h2m2 0h1m2 0h1m2 0h2m6 0h2m3 0h5M7 16.5h1m2 0h2m1 0h2m2 0h12m1 0h2m3 0h2M8 17.5h1m3 0h2m4 0h1m1 0h1m3 0h2m1 0h1m1 0h3m3 0h2M4 18.5h1m4 0h3m1 0h1m1 0h1m1 0h1m3 0h1m1 0h1m1 0h2m2 0h2m1 0h4M5 19.5h3m1 0h1m2 0h6m1 0h1m3 0h1m5 0h1m1 0h1m2 0h1m1 0h1M4 20.5h3m1 0h3m2 0h1m1 0h3m3 0h1m1 0h2m1 0h1m2 0h1m1 0h2m3 0h1M4 21.5h2m3 0h1m1 0h5m1 0h11m1 0h2m2 0h2m1 0h1M4 22.5h1m3 0h1m1 0h1m2 0h2m1 0h1m2 0h1m3 0h1m3 0h2m1 0h2m1 0h2m1 0h1M5 23.5h2m1 0h2m1 0h4m3 0h1m1 0h6m3 0h1m2 0h5M8 24.5h4m1 0h2m1 0h1m2 0h2m2 0h7m1 0h3m1 0h2M4 25.5h1m1 0h2m1 0h1m2 0h2m1 0h2m1 0h1m1 0h3m1 0h1m1 0h2m4 0h2M4 26.5h1m1 0h2m1 0h2m3 0h2m1 0h1m1 0h2m1 0h1m1 0h1m6 0h5M4 27.5h1m1 0h1m1 0h2m1 0h2m2 0h1m1 0h1m8 0h2m1 0h2m2 0h2m1 0h1M4 28.5h2m3 0h4m2 0h1m1 0h3m3 0h2m2 0h7M12 29.5h1m1 0h3m2 0h2m2 0h2m3 0h1m3 0h1m1 0h1m1 0h1M4 30.5h7m2 0h1m1 0h2m1 0h2m2 0h1m1 0h2m1 0h2m1 0h1m1 0h1m1 0h1M4 31.5h1m5 0h1m2 0h2m2 0h2m1 0h1m2 0h1m3 0h2m3 0h4M4 32.5h1m1 0h3m1 0h1m2 0h1m3 0h2m3 0h2m1 0h1m2 0h6m1 0h2M4 33.5h1m1 0h3m1 0h1m2 0h2m1 0h2m2 0h1m3 0h6m1 0h2m3 0h1M4 34.5h1m1 0h3m1 0h1m2 0h1m2 0h2m2 0h2m2 0h1m2 0h1m1 0h1m1 0h2m2 0h2M4 35.5h1m5 0h1m3 0h2m1 0h1m1 0h2m1 0h3m4 0h6M4 36.5h7m1 0h1m1 0h2m1 0h1m3 0h1m1 0h1m2 0h3m1 0h2m3 0h1"/></svg>
</div>
<p class="qr-cta"><em>before you build yours, play mine</em></p>
<a class="qr-link" href="https://silver-snoopy.github.io/ai-kb/dungeon/">Enter the dungeon<span class="qr-link-arrow" aria-hidden="true">&rarr;</span></a>
</div>
<div class="slide-content">
<h2 class="close-headline reveal">What's your<br>dungeon?</h2>
Expand Down
Loading