mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-04 04:25:28 +00:00
f3986f9d6c
Astro is currently not able to render the compiled HTML of MDX files to a string. This makes it impossible to render the content for an RSS feed. Issue: Container API: render components in isolation https://github.com/withastro/roadmap/issues/533 Proposal: MDX compiledContent() support https://github.com/withastro/roadmap/discussions/419 To still be able to have full content for RSS feeds, this dirty hack, Scott Willsey writes about in his 2-part blog post is needed: https://scottwillsey.com/rss-pt1/ https://scottwillsey.com/rss-pt2/
184 lines
4.5 KiB
Plaintext
184 lines
4.5 KiB
Plaintext
---
|
||
import '../styles/global.css';
|
||
import { Sprite } from 'astro-icon';
|
||
import { SEO } from 'astro-seo';
|
||
import { site } from '../data/site';
|
||
import { isProduction } from '../utils';
|
||
|
||
import ThemeProvider from '../components/ThemeProvider.astro';
|
||
import PageHeader from '../components/PageHeader.astro';
|
||
import PageFooter from '../components/PageFooter.astro';
|
||
import Sal from '../components/Sal.astro';
|
||
|
||
export interface Props {
|
||
backLink?: string;
|
||
cover?: string;
|
||
description?: string;
|
||
footer?: boolean;
|
||
header?: boolean;
|
||
nofollow?: boolean;
|
||
noindex?: boolean;
|
||
title: string;
|
||
}
|
||
|
||
const {
|
||
backLink,
|
||
description,
|
||
footer = true,
|
||
header = true,
|
||
nofollow,
|
||
noindex,
|
||
title,
|
||
cover = '/assets/images/branding/og/bonsai.jpg',
|
||
} = Astro.props;
|
||
const currentPath = new URL(Astro.request.url).pathname;
|
||
const fullTitle = `${title} · ${site.description}`;
|
||
const fullDescription = description || site.description;
|
||
const fullUrl = site.url + currentPath;
|
||
const fullImage = site.url + cover;
|
||
|
||
const schema = JSON.stringify({
|
||
'@context': 'https://schema.org/',
|
||
'@type': 'WebSite',
|
||
name: site.author,
|
||
url: site.url,
|
||
});
|
||
|
||
const webManifest = isProduction && {
|
||
rel: 'manifest',
|
||
href: '/manifest.webmanifest',
|
||
};
|
||
---
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="en" class="no-js box-border scroll-smooth text-[125%]">
|
||
<head>
|
||
<SEO
|
||
charset="UTF-8"
|
||
title={fullTitle}
|
||
description={fullDescription}
|
||
canonical={fullUrl}
|
||
nofollow={nofollow}
|
||
noindex={noindex}
|
||
openGraph={{
|
||
basic: {
|
||
image: fullImage,
|
||
title: fullTitle,
|
||
type: 'article',
|
||
url: fullUrl,
|
||
},
|
||
image: {
|
||
height: 675,
|
||
width: 1200,
|
||
},
|
||
optional: {
|
||
description: fullDescription,
|
||
},
|
||
}}
|
||
twitter={{
|
||
card: 'summary_large_image',
|
||
creator: site.twitter,
|
||
description: fullDescription,
|
||
image: fullImage,
|
||
site: site.twitter,
|
||
title: fullTitle,
|
||
}}
|
||
extend={{
|
||
link: [
|
||
{ rel: 'stylesheet', href: '/assets/styles/print.css', media: 'print' },
|
||
{ rel: 'sitemap', href: '/sitemap-index.xml' },
|
||
{ rel: 'icon', href: '/favicon.ico' },
|
||
{
|
||
rel: 'icon',
|
||
href: '/assets/images/branding/favicons/favicon.svg',
|
||
type: 'image/svg+xml',
|
||
},
|
||
{
|
||
rel: 'apple-touch-icon',
|
||
href: '/assets/images/branding/favicons/apple-touch-icon.png',
|
||
},
|
||
{ ...webManifest },
|
||
{
|
||
as: 'font',
|
||
crossorigin: '',
|
||
href: '/assets/fonts/secuela-regular-vf.woff2',
|
||
rel: 'preload',
|
||
type: 'font/woff2',
|
||
},
|
||
{
|
||
as: 'font',
|
||
crossorigin: '',
|
||
href: '/assets/fonts/secuela-italic-vf.woff2',
|
||
rel: 'preload',
|
||
type: 'font/woff2',
|
||
},
|
||
{
|
||
rel: 'alternate',
|
||
type: 'application/rss+xml',
|
||
title: 'Stefan Imhoff',
|
||
href: site.url + '/rss.xml',
|
||
},
|
||
{
|
||
rel: 'alternate',
|
||
type: 'application/rss+xml',
|
||
title: 'Stefan Imhoff (Haiku)',
|
||
href: site.url + '/rss-haiku.xml',
|
||
},
|
||
{
|
||
rel: 'alternate',
|
||
type: 'application/rss+xml',
|
||
title: 'Stefan Imhoff (Sketchnotes)',
|
||
href: site.url + '/rss-sketchnotes.xml',
|
||
},
|
||
{
|
||
rel: 'alternate',
|
||
type: 'application/rss+xml',
|
||
title: 'Stefan Imhoff (AI Art)',
|
||
href: site.url + '/rss-ai-art.xml',
|
||
},
|
||
],
|
||
meta: [
|
||
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
|
||
{ name: 'author', content: site.author },
|
||
{ name: 'generator', content: Astro.generator },
|
||
{ name: 'theme-color', content: '#e7e6e4' },
|
||
],
|
||
}}
|
||
/>
|
||
|
||
<script type="module">
|
||
document.documentElement.classList.remove('no-js');
|
||
document.documentElement.classList.add('js');
|
||
</script>
|
||
|
||
<Sal />
|
||
|
||
<ThemeProvider />
|
||
</head>
|
||
<body
|
||
class="flex h-screen flex-col bg-shibui-100 font-sans font-normal leading-relaxed text-shibui-950 common-ligatures dark:bg-shibui-900 dark:text-shibui-200/[0.87]"
|
||
>
|
||
<Sprite.Provider>
|
||
{header && <PageHeader backLink={backLink} />}
|
||
<div class="page-content flex grow">
|
||
<main class="h-full w-full">
|
||
<slot />
|
||
</main>
|
||
</div>
|
||
{footer && <PageFooter />}
|
||
</Sprite.Provider>
|
||
<script>
|
||
console.info(
|
||
'👋 I see you’re interested in the source code of this site? You can find it here 👉 https://github.com/kogakure/website-astro-stefanimhoff.de'
|
||
);
|
||
</script>
|
||
<script type="application/ld+json" set:html={schema} />
|
||
<style is:global>
|
||
.astro-code {
|
||
@apply overflow-auto rounded-2 p-[1em] font-mono text-code mbe-10 mbs-0;
|
||
}
|
||
</style>
|
||
<slot name="rss-writer" />
|
||
</body>
|
||
</html>
|