pub.solar/_includes/layouts/default.tsx

62 lines
1.3 KiB
TypeScript

import {
title as titleFilter,
en,
de,
md,
} from '../../filters.ts';
import Head from '../Head.tsx';
import Background from '../Background.tsx';
export default ({
title,
theme,
extraStylesheets,
content,
cssCacheBust,
}) => <>
<html>
<Head
title={title}
theme={theme}
extraStylesheets={extraStylesheets}
cssCacheBust={cssCacheBust}
/>
<body className="ps-main">
<Background />
<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</a>
<div
dangerouslySetInnerHTML={{ __html: md(content.en) }}
className="ps-page--section-contents"
></div>
</section>
<section
lang="de"
id="de"
className="ps-page--section"
>
<a
className="ps-page--section-link"
href="#en"
>English translation above</a>
<div
dangerouslySetInnerHTML={{ __html: md(content.de) }}
className="ps-page--section-contents"
></div>
</section>
</main>
</body>
</html>
</>;