www.hip-berlin.de/src/layouts/Layout.astro

55 lines
1.1 KiB
Plaintext

---
export interface Props {
title: string
}
const { title } = Astro.props
---
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8' />
<meta name='viewport' content='width=device-width' />
<link rel='icon' type='image/svg+xml' href='/favicon.svg' />
<title>{title}</title>
</head>
<body>
<slot />
</body>
</html>
<style is:global>
:root {
--background: #000;
--headline-color: #fff;
--text-color: #808394;
--accent: 124, 58, 237;
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 500;
src: local('IBM Plex Mono Medm'), local('IBMPlexMono-Medm'),
url('/fonts/IBMPlexMono-Medium-Latin1.woff2') format('woff2');
unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153,
U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022,
U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
html {
font-family: 'IBM Plex Mono', monospace;
background-color: var(--background);
color: var(--text-color, #cdcfdb);
font-size: 1rem;
line-height: 1.5;
font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
</style>