44 lines
909 B
Text
44 lines
909 B
Text
---
|
|
layout: base.webc
|
|
---
|
|
|
|
<main>
|
|
<page-content>
|
|
<h1 @text="$data.title || $data.eleventyNavigation.key"></h1>
|
|
<template @raw="content" webc:nokeep></template>
|
|
</page-content>
|
|
|
|
<page-footer></page-footer>
|
|
</main>
|
|
|
|
<style>
|
|
main {
|
|
--inbox-spacing: 1rem;
|
|
|
|
display: grid;
|
|
justify-content: center;
|
|
justify-items: center;
|
|
align-items: start;
|
|
gap: 1em;
|
|
grid-auto-columns: 100%;
|
|
grid-template-areas:
|
|
'content'
|
|
'footer';
|
|
|
|
margin-block: var(--container-spacing-top-safe) var(--container-spacing-bottom-safe);
|
|
margin-inline: var(--container-spacing-left-safe) var(--container-spacing-right-safe);
|
|
|
|
margin-block: var(--page-spacing);
|
|
|
|
@media (min-width: 64em) {
|
|
--inbox-spacing: 1.5rem;
|
|
|
|
grid-auto-columns: revert;
|
|
grid-template-columns: minmax(0, 65ch);
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
margin-inline: var(--inbox-spacing);
|
|
}
|
|
</style>
|