From 794dd17696821b14d236c5cf68740b8a9ed4dbb2 Mon Sep 17 00:00:00 2001 From: mAi Date: Thu, 7 May 2026 19:44:28 +0200 Subject: [PATCH] feat(freakifraiday): mailto CTA + Recap section - Themen-Vorschlag CTA pill linking mailto:freaki@msbls.de (catchall) - Recap section with placeholder text + commented template for future per-session entries (date + 1-liner topic) - Page stays info-only, no waitlist / form / login --- sites/freakifraiday.de/index.html | 88 +++++++++++++++++++++++++++---- 1 file changed, 78 insertions(+), 10 deletions(-) diff --git a/sites/freakifraiday.de/index.html b/sites/freakifraiday.de/index.html index 04620af..9a612e3 100644 --- a/sites/freakifraiday.de/index.html +++ b/sites/freakifraiday.de/index.html @@ -11,6 +11,7 @@ :root { --bg: #0a0510; --text: #f5e6f0; --text-dim: #c2a8b8; --text-muted: #8a7282; --accent: #ff2d78; --accent-glow: rgba(255, 45, 120, 0.25); + --border: rgba(255, 45, 120, 0.18); } body { font-family: 'Space Grotesk', -apple-system, sans-serif; @@ -26,7 +27,7 @@ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events: none; z-index: 9999; } - .container { text-align: center; padding: 2rem; max-width: 760px; position: relative; z-index: 1; } + .container { text-align: center; padding: 3rem 2rem; max-width: 760px; position: relative; z-index: 1; } .icon { font-size: 4rem; margin-bottom: 32px; filter: drop-shadow(0 0 24px var(--accent-glow)); } h1 { font-size: clamp(2.4rem, 7vw, 4.4rem); font-weight: 700; @@ -46,22 +47,68 @@ font-size: 0.95rem; color: var(--text); font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; padding: 14px 24px; - border: 1px solid rgba(255, 45, 120, 0.3); + border: 1px solid var(--border); border-radius: 999px; display: inline-block; background: rgba(255, 45, 120, 0.05); box-shadow: 0 0 24px rgba(255, 45, 120, 0.08) inset; } .when .sep { color: var(--accent); margin: 0 10px; } + + .cta-row { margin-top: 28px; } + .cta-btn { + display: inline-block; + padding: 12px 28px; + font-size: 0.9rem; font-weight: 500; + letter-spacing: 0.08em; + color: var(--text); + background: var(--accent); + border-radius: 999px; + text-decoration: none; + box-shadow: 0 0 32px var(--accent-glow); + transition: transform 0.15s ease, box-shadow 0.15s ease; + } + .cta-btn:hover { transform: translateY(-1px); box-shadow: 0 0 48px rgba(255, 45, 120, 0.4); } + .cta-hint { + margin-top: 10px; font-size: 0.78rem; + color: var(--text-muted); letter-spacing: 0.05em; + } + + .recap { + margin-top: 80px; + padding: 32px 24px; + border: 1px solid var(--border); + border-radius: 16px; + background: rgba(255, 45, 120, 0.03); + text-align: left; + } + .recap h2 { + font-size: 0.78rem; font-weight: 600; + letter-spacing: 0.18em; text-transform: uppercase; + color: var(--accent); margin-bottom: 18px; + } + .recap-empty { + font-size: 0.95rem; color: var(--text-muted); font-weight: 300; + font-style: italic; + } + .recap-list { list-style: none; padding: 0; } + .recap-list li { + padding: 14px 0; + border-bottom: 1px solid rgba(255, 45, 120, 0.08); + display: flex; gap: 16px; align-items: baseline; + } + .recap-list li:last-child { border-bottom: none; } + .recap-list .date { + font-size: 0.78rem; color: var(--accent); + letter-spacing: 0.1em; min-width: 88px; flex: 0 0 auto; + } + .recap-list .topic { + font-size: 0.95rem; color: var(--text-dim); font-weight: 400; + } + .footer { margin-top: 64px; font-size: 0.72rem; color: var(--text-muted); } - @keyframes fadeIn { - from { opacity: 0; transform: translateY(20px); } - to { opacity: 1; transform: translateY(0); } - } - @keyframes spin { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } - } + @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } + @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .icon { display: inline-block; animation: spin 16s linear infinite, fadeIn 0.8s ease forwards; opacity: 0; animation-delay: 0s, 0.1s; } .container > *:not(.icon) { animation: fadeIn 0.8s ease forwards; opacity: 0; } .container > *:nth-child(2) { animation-delay: 0.3s; } @@ -69,6 +116,8 @@ .container > *:nth-child(4) { animation-delay: 0.7s; } .container > *:nth-child(5) { animation-delay: 0.9s; } .container > *:nth-child(6) { animation-delay: 1.1s; } + .container > *:nth-child(7) { animation-delay: 1.3s; } + .container > *:nth-child(8) { animation-delay: 1.5s; } @@ -78,6 +127,25 @@

Endlich frAI. Endlich Wochenende.

Letzter Freitag im Monat·17 Uhr·Open End

+ +
+ Themen-Vorschlag +

freaki@msbls.de

+
+ +
+

Recap

+

Sessions kommen hier rein.

+ +
+

freakifraiday.de


Maschinell übersetzt