chore: fmt
This commit is contained in:
@@ -10,12 +10,12 @@ export function SiteHeader() {
|
||||
const routerState = useRouterState();
|
||||
const pathname = routerState.location.pathname;
|
||||
const isHomepage = pathname === "/";
|
||||
|
||||
if (pathname === "/kamp") return null;
|
||||
const isKamp = pathname === "/kamp";
|
||||
|
||||
const [isVisible, setIsVisible] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (isKamp) return;
|
||||
if (!isHomepage) {
|
||||
setIsVisible(true);
|
||||
return;
|
||||
@@ -28,7 +28,9 @@ export function SiteHeader() {
|
||||
handleScroll();
|
||||
window.addEventListener("scroll", handleScroll, { passive: true });
|
||||
return () => window.removeEventListener("scroll", handleScroll);
|
||||
}, [isHomepage]);
|
||||
}, [isHomepage, isKamp]);
|
||||
|
||||
if (isKamp) return null;
|
||||
|
||||
if (!session?.user) {
|
||||
return <Header isGuest isVisible={isVisible} isHomepage={isHomepage} />;
|
||||
|
||||
@@ -34,9 +34,7 @@ function KampBanner({ onDismiss }: { onDismiss: () => void }) {
|
||||
};
|
||||
|
||||
return (
|
||||
<div
|
||||
role="banner"
|
||||
aria-label="Kunstenkamp inschrijvingen"
|
||||
<header
|
||||
style={{
|
||||
position: "fixed",
|
||||
bottom: "1.25rem",
|
||||
@@ -63,7 +61,13 @@ function KampBanner({ onDismiss }: { onDismiss: () => void }) {
|
||||
>
|
||||
{/* Top double rule */}
|
||||
<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>
|
||||
|
||||
@@ -133,7 +137,7 @@ function KampBanner({ onDismiss }: { onDismiss: () => void }) {
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@@ -268,11 +268,11 @@ function KampPage() {
|
||||
hyphens: "auto",
|
||||
}}
|
||||
>
|
||||
In de zomer van 1826 — en opnieuw in 2026 — reizen onze verslaggevers
|
||||
terug naar de roerige redactiezalen van de negentiende eeuw. Waar de
|
||||
drukpers ronkt, de rookmachines tieren en elke kop een mening
|
||||
verbergt, stellen wij de vraag die door alle eeuwen galmt:{" "}
|
||||
<em>wat mogen wij geloven?</em>
|
||||
In de zomer van 1826 — en opnieuw in 2026 — reizen onze
|
||||
verslaggevers terug naar de roerige redactiezalen van de
|
||||
negentiende eeuw. Waar de drukpers ronkt, de rookmachines tieren
|
||||
en elke kop een mening verbergt, stellen wij de vraag die door
|
||||
alle eeuwen galmt: <em>wat mogen wij geloven?</em>
|
||||
</p>
|
||||
<p
|
||||
style={{
|
||||
@@ -287,8 +287,8 @@ function KampPage() {
|
||||
}}
|
||||
>
|
||||
Twee waarheden en een leugen. Vier bolhoeden en één typmachine.
|
||||
Bereid u voor op een week journalistiek, theater, dans en woordkunst
|
||||
— alles gehuld in inkt en papier-maché.
|
||||
Bereid u voor op een week journalistiek, theater, dans en
|
||||
woordkunst — alles gehuld in inkt en papier-maché.
|
||||
</p>
|
||||
|
||||
{/* Ornamental divider */}
|
||||
@@ -332,8 +332,7 @@ function KampPage() {
|
||||
key={label}
|
||||
style={{
|
||||
padding: "16px 18px",
|
||||
borderRight:
|
||||
i % 2 === 0 ? `1px solid ${INK}` : undefined,
|
||||
borderRight: i % 2 === 0 ? `1px solid ${INK}` : undefined,
|
||||
borderTop: i >= 2 ? `1px solid ${INK}` : undefined,
|
||||
}}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user