Milliways/www.hip-berlin.de
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

title

Browse source
This commit is contained in:
Leif Niemczik 2022-11-16 15:47:44 +01:00
parent fda904c77c
commit 9b51b46820
4 changed files with 50 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/layouts/Layout.astro
View file

@ -1,9 +1,10 @@
--- ---
export interface Props { export interface Props {
title: string title?: string
} }
const { title } = Astro.props const { title } = Astro.props
const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@ -12,10 +13,14 @@ const { title } = Astro.props
<meta charset='UTF-8' /> <meta charset='UTF-8' />
<meta name='viewport' content='width=device-width' /> <meta name='viewport' content='width=device-width' />
<link rel='icon' type='image/svg+xml' href='/favicon.svg' /> <link rel='icon' type='image/svg+xml' href='/favicon.svg' />
<title>{title}</title> <title>{`${title ? title + ' / ' : ''}${permaTitle}`}</title>
</head> </head>
<body> <body>
<slot /> <slot />
<footer>
<a href='/imprint/'>Imprint</a> ////
<a href='/privacy/'>Privacy</a>
</footer>
<style is:global lang='scss'> <style is:global lang='scss'>
:root { :root {
--background: #000; --background: #000;
@ -50,6 +55,11 @@ const { title } = Astro.props
line-height: 1.5; line-height: 1.5;
font-weight: 500; font-weight: 500;
} }
main {
margin: auto;
padding: 1.5rem;
max-width: 64ch;
}
h1, h1,
h2, h2,
h3, h3,
@ -85,6 +95,11 @@ const { title } = Astro.props
content: ''; content: '';
} }
} }
footer {
font-size: 0.75rem;
text-align: center;
padding: 1.5rem 0;
}
</style> </style>
</body> </body>
</html> </html>

17
src/pages/imprint/index.astro Normal file
View file

@ -0,0 +1,17 @@
---
import Layout from '../../layouts/Layout.astro'
---
<Layout title='Imprint'>
<main>
<article>
<h1>Imprint</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, eius
nostrum harum quo eligendi rerum ipsam, officia laboriosam sapiente non
perspiciatis excepturi ex quaerat cum aut. Dolore optio repudiandae
tempora!
</p>
</article>
</main>
</Layout>

7
src/pages/index.astro
View file

@ -2,7 +2,7 @@
import Layout from '../layouts/Layout.astro' import Layout from '../layouts/Layout.astro'
--- ---
<Layout title='Welcome to Astro.'> <Layout>
<header> <header>
<div> <div>
<h1>Hacking in<br />Parallel</h1> <h1>Hacking in<br />Parallel</h1>
@ -26,11 +26,6 @@ import Layout from '../layouts/Layout.astro'
</Layout> </Layout>
<style lang='scss'> <style lang='scss'>
main {
margin: auto;
padding: 1.5rem;
max-width: 64ch;
}
header { header {
width: 100%; width: 100%;
min-height: 50vh; min-height: 50vh;

15
src/pages/privacy/index.astro Normal file
View file

@ -0,0 +1,15 @@
---
import Layout from '../../layouts/Layout.astro'
---
<Layout title='Privacy'>
<article>
<h1>Privacy</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, eius
nostrum harum quo eligendi rerum ipsam, officia laboriosam sapiente non
perspiciatis excepturi ex quaerat cum aut. Dolore optio repudiandae
tempora!
</p>
</article>
</Layout>