ese-website/_layouts/page.njk

77 lines
1.3 KiB
Plaintext
Raw Normal View History

---
eleventyComputed:
eleventyNavigation:
key: "{{ title }}"
---
2024-09-13 17:04:16 +02:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% if title %}{{ title }} | {% endif %}ESE {{ year }}</title>
2024-09-15 14:58:59 +02:00
<link rel="stylesheet" href="{% getBundleFileUrl "css" %}">
<link rel="stylesheet" href="/aileron.lite.min.css">
2024-09-13 17:04:16 +02:00
</head>
<body>
2024-09-13 17:18:41 +02:00
{% include 'header.njk' %}
<main>
{{ content | safe }}
</main>
2024-09-13 17:45:32 +02:00
{% include 'footer.njk' %}
2024-09-13 17:04:16 +02:00
</body>
</html>
2024-09-15 14:58:59 +02:00
{% css %}
2024-09-15 16:11:29 +02:00
:root {
--page-width: 75rem;
2024-09-20 14:46:23 +02:00
--color-text: #495057;
--color-primary: {{ eseColor }};
font-size: 17px;
2024-09-15 16:11:29 +02:00
}
2024-09-20 15:38:16 +02:00
* {
box-sizing: border-box;
}
2024-09-15 14:58:59 +02:00
body {
margin: 0;
2024-09-20 14:46:23 +02:00
font-family: sans-serif;
line-height: 1.5;
color: var(--color-text);
2024-09-15 16:11:29 +02:00
}
main {
max-width: var(--page-width);
margin-left: auto;
margin-right: auto;
2024-09-15 14:58:59 +02:00
}
2024-09-20 14:46:23 +02:00
h1, h2, h3, h4 {
font-family: Aileron, sans-serif;
color: var(--color-primary);
}
h1 {
font-weight: 700;
font-size: 2.8rem;
text-transform: uppercase;
}
h2 {
font-weight: 300;
font-size: 2.4rem;
line-height: 2;
}
h3 {
font-weight: 300;
font-size: 1.8rem;
line-height: 2;
}
h4 {
font-weight: 400;
font-size: 1.3rem;
line-height: 2;
}
h5 {
font-weight: 700;
font-size: 1rem;
margin-bottom: 1rem;
}
2024-09-15 14:58:59 +02:00
{% endcss %}