zias/kunstenkamp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:small ux&content fixes

Browse Source
This commit is contained in:
ッ
2026-03-05 16:28:22 +01:00
parent 3f5bb61e35
commit 2f0dc46469
5 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/web/src/components/homepage/EventRegistrationForm.tsx
View File

@@ -53,10 +53,12 @@ export default function EventRegistrationForm() {
<h2 className="mb-2 font-['Intro',sans-serif] text-3xl text-white md:text-4xl">
Schrijf je nu in!
</h2>
<p className="mb-2 max-w-3xl text-lg text-white/80 md:text-xl">
De Kunstenkamp jaarwerking organiseert een Open Mic
</p>
<p className="mb-8 max-w-3xl text-lg text-white/80 md:text-xl">
Doe je mee of kom je kijken? Kies je rol en vul het formulier in.
</p>
{/* Login nudge — shown only to guests */}
{!isLoggedIn && (
<div className="mb-10 flex flex-col gap-3 rounded-lg border border-[#52979b]/40 bg-[#52979b]/10 px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
@@ -85,9 +87,7 @@ export default function EventRegistrationForm() {
</div>
</div>
)}
{!selectedType && <TypeSelector onSelect={setSelectedType} />}
{selectedType === "performer" && (
<PerformerForm
onBack={() => setSelectedType(null)}
@@ -100,7 +100,6 @@ export default function EventRegistrationForm() {
isLoggedIn={isLoggedIn}
/>
)}
{selectedType === "watcher" && (
<WatcherForm
onBack={() => setSelectedType(null)}

4
apps/web/src/components/homepage/Footer.tsx
View File

@@ -144,14 +144,14 @@ export default function Footer() {
{/* Copyright */}
<div className="mt-6 flex flex-col items-center gap-1">
<p className="font-['DM_Sans',sans-serif] text-white/40 text-xs">
<p className="font-['DM_Sans',sans-serif] text-white/60 text-xs">
© {new Date().getFullYear()} Kunstenkamp. Alle rechten voorbehouden.
</p>
<a
href="https://zias.be"
target="_blank"
rel="noopener noreferrer"
className="link-hover font-['DM_Sans',sans-serif] text-white/30 text-xs"
className="link-hover font-['DM_Sans',sans-serif] text-white/60 text-xs"
>
Gemaakt met ♥ door zias.be
</a>

4
apps/web/src/components/homepage/Hero.tsx
View File

@@ -61,7 +61,7 @@ export default function Hero() {
type="button"
className="link-hover mt-4 cursor-pointer text-left font-['Intro',sans-serif] font-normal text-[clamp(1.25rem,2.5vw,2.625rem)] text-white/70 transition-colors duration-200 hover:text-white"
>
Ongedesemd brood
Ongedesemd Woord
</button>
</div>
@@ -114,7 +114,7 @@ export default function Hero() {
NIGHT
</h1>
<p className="mt-4 font-['Intro',sans-serif] font-normal text-[5vw] text-white/90">
Ongedesemd brood
Ongedesemd Woord
</p>
{/* Mobile Microphone - positioned inside magenta section, clipped by overflow */}

8
apps/web/src/components/homepage/Info.tsx
View File

@@ -24,7 +24,7 @@ const faqQuestions = [
export default function Info() {
return (
<section id="info" className="relative z-20 flex flex-col bg-[#d82560]/96">
{/* Hero Section - Ongedesemd Brood */}
{/* Hero Section - Ongedesemd Woord */}
<div className="relative w-full border-white/20 border-b-4">
{/* Background pattern */}
<div
@@ -43,7 +43,7 @@ export default function Info() {
viewBox="0 0 80 56"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-label="Ongedesemd brood"
aria-label="Ongedesemd Woord"
>
{/* Flat matzo cracker - slightly rounded rect */}
<rect
@@ -97,7 +97,7 @@ export default function Info() {
className="block"
style={{ fontSize: "clamp(1rem, 6vw + 1rem, 6rem)" }}
>
Brood?!
Woord?!
</span>
</h2>
@@ -126,7 +126,7 @@ export default function Info() {
/>
<div className="relative mx-auto flex w-full max-w-6xl flex-1 flex-col justify-center gap-16">
{/* Ongedesemd Brood Explanation - Full Width Special Treatment */}
{/* Ongedesemd Woord Explanation - Full Width Special Treatment */}
<div className="relative flex flex-col gap-6 rounded-2xl border-2 border-white/20 bg-white/5 p-8 md:p-12">
<div className="absolute top-0 -left-4 h-full w-1 bg-gradient-to-b from-white/0 via-white/60 to-white/0" />

2
apps/web/src/routes/__root.tsx
View File

@@ -15,7 +15,7 @@ import type { orpc } from "@/utils/orpc";
import appCss from "../index.css?url";
const siteUrl = "https://kunstenkamp.be";
const siteTitle = "Kunstenkamp Open Mic Night - Ongedesemd Brood";
const siteTitle = "Kunstenkamp Open Mic Night - Ongedesemd Woord";
const siteDescription =
"Doe mee met de Open Mic Night op 18 april! Een avond vol muziek, theater, dans, woordkunst en meer. Iedereen is welkom - van beginner tot professional.";
const eventImage = `${siteUrl}/assets/og-image.jpg`;