chore: fmt
This commit is contained in:
@@ -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} />;
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user