pub.solar/_includes/layouts/default.tsx
Benjamin Bädorf d06f9d1245
feat: add hakken themes and schedule
This commit introduces the concept of a set schedule and themes for our
hakken.irl events. Themes for 2024 are proposed, together with short
descriptions.
2023-12-26 22:11:36 +01:00

79 lines
1.9 KiB
TypeScript

import { md } from '../../filters.ts';
import Head from '../Head.tsx';
import Background from '../Background.tsx';
import Homelink from '../Homelink.tsx';
import HakkenDates from '../HakkenDates.tsx';
export default ({
title,
content,
theme,
extraStylesheets,
extraScripts,
cacheBust,
showHakkenDates,
hakken,
}) => <>
<html>
<Head
title={title}
theme={theme}
extraStylesheets={extraStylesheets}
cacheBust={cacheBust}
extraScripts={[...(extraScripts || []), '/scripts/copy-code.js']}
/>
<body className="ps-main">
<Background />
<Homelink />
<main className="ps-main--page ps-page">
<section
lang="en"
id="en"
className="ps-page--section"
>
<a
className="ps-page--section-link"
href="#de"
>
Deutsche übersetzung unten
<span className="ps-page--section-link-icon"></span>
</a>
<div
dangerouslySetInnerHTML={{ __html: md(content.en) }}
className="ps-page--section-contents"
></div>
{showHakkenDates ? <HakkenDates lang="en" className="ps-page--section-contents" data={hakken} /> : null}
</section>
<section
lang="de"
id="de"
className="ps-page--section"
>
<a
className="ps-page--section-link"
href="#en"
>
English translation above
<span className="ps-page--section-link-icon"></span>
</a>
<div
dangerouslySetInnerHTML={{ __html: md(content.de) }}
className="ps-page--section-contents"
></div>
{showHakkenDates ? <HakkenDates lang="de" className="ps-page--section-contents" data={hakken} /> : null}
</section>
</main>
</body>
</html>
</>;