chore: fmt

This commit is contained in:
2026-04-01 14:42:24 +02:00
parent 7b3d5461ef
commit 71b85d6874
3 changed files with 22 additions and 17 deletions

View File

@@ -10,12 +10,12 @@ export function SiteHeader() {
const routerState = useRouterState(); const routerState = useRouterState();
const pathname = routerState.location.pathname; const pathname = routerState.location.pathname;
const isHomepage = pathname === "/"; const isHomepage = pathname === "/";
const isKamp = pathname === "/kamp";
if (pathname === "/kamp") return null;
const [isVisible, setIsVisible] = useState(false); const [isVisible, setIsVisible] = useState(false);
useEffect(() => { useEffect(() => {
if (isKamp) return;
if (!isHomepage) { if (!isHomepage) {
setIsVisible(true); setIsVisible(true);
return; return;
@@ -28,7 +28,9 @@ export function SiteHeader() {
handleScroll(); handleScroll();
window.addEventListener("scroll", handleScroll, { passive: true }); window.addEventListener("scroll", handleScroll, { passive: true });
return () => window.removeEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll);
}, [isHomepage]); }, [isHomepage, isKamp]);
if (isKamp) return null;
if (!session?.user) { if (!session?.user) {
return <Header isGuest isVisible={isVisible} isHomepage={isHomepage} />; return <Header isGuest isVisible={isVisible} isHomepage={isHomepage} />;

View File

@@ -34,9 +34,7 @@ function KampBanner({ onDismiss }: { onDismiss: () => void }) {
}; };
return ( return (
<div <header
role="banner"
aria-label="Kunstenkamp inschrijvingen"
style={{ style={{
position: "fixed", position: "fixed",
bottom: "1.25rem", bottom: "1.25rem",
@@ -63,7 +61,13 @@ function KampBanner({ onDismiss }: { onDismiss: () => void }) {
> >
{/* Top double rule */} {/* Top double rule */}
<div style={{ marginBottom: "10px" }}> <div style={{ marginBottom: "10px" }}>
<div style={{ height: "2px", background: "#12100e", marginBottom: "3px" }} /> <div
style={{
height: "2px",
background: "#12100e",
marginBottom: "3px",
}}
/>
<div style={{ height: "1px", background: "rgba(18,16,14,0.35)" }} /> <div style={{ height: "1px", background: "rgba(18,16,14,0.35)" }} />
</div> </div>
@@ -133,7 +137,7 @@ function KampBanner({ onDismiss }: { onDismiss: () => void }) {
</button> </button>
</div> </div>
</div> </div>
</div> </header>
); );
} }

View File

@@ -268,11 +268,11 @@ function KampPage() {
hyphens: "auto", hyphens: "auto",
}} }}
> >
In de zomer van 1826 en opnieuw in 2026 reizen onze verslaggevers In de zomer van 1826 en opnieuw in 2026 reizen onze
terug naar de roerige redactiezalen van de negentiende eeuw. Waar de verslaggevers terug naar de roerige redactiezalen van de
drukpers ronkt, de rookmachines tieren en elke kop een mening negentiende eeuw. Waar de drukpers ronkt, de rookmachines tieren
verbergt, stellen wij de vraag die door alle eeuwen galmt:{" "} en elke kop een mening verbergt, stellen wij de vraag die door
<em>wat mogen wij geloven?</em> alle eeuwen galmt: <em>wat mogen wij geloven?</em>
</p> </p>
<p <p
style={{ style={{
@@ -287,8 +287,8 @@ function KampPage() {
}} }}
> >
Twee waarheden en een leugen. Vier bolhoeden en één typmachine. Twee waarheden en een leugen. Vier bolhoeden en één typmachine.
Bereid u voor op een week journalistiek, theater, dans en woordkunst Bereid u voor op een week journalistiek, theater, dans en
alles gehuld in inkt en papier-maché. woordkunst alles gehuld in inkt en papier-maché.
</p> </p>
{/* Ornamental divider */} {/* Ornamental divider */}
@@ -332,8 +332,7 @@ function KampPage() {
key={label} key={label}
style={{ style={{
padding: "16px 18px", padding: "16px 18px",
borderRight: borderRight: i % 2 === 0 ? `1px solid ${INK}` : undefined,
i % 2 === 0 ? `1px solid ${INK}` : undefined,
borderTop: i >= 2 ? `1px solid ${INK}` : undefined, borderTop: i >= 2 ? `1px solid ${INK}` : undefined,
}} }}
> >