FSR/ese-website
21
2
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

add main text styles

Browse source
This commit is contained in:
Lyn Fugmann 2024-09-20 14:46:23 +02:00
parent 4a0551c731
commit c1608f3df1
2 changed files with 38 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
_layouts/page.njk
View file

@ -26,15 +26,48 @@ eleventyComputed:
{% css %} {% css %}
:root { :root {
--page-width: 75rem; --page-width: 75rem;
--color-text: #495057;
--color-primary: {{ eseColor }};
font-size: 17px;
} }
body { body {
font-family: sans-serif;
margin: 0; margin: 0;
font-size: 17px; font-family: sans-serif;
line-height: 1.5;
color: var(--color-text);
} }
main { main {
max-width: var(--page-width); max-width: var(--page-width);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
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;
}
{% endcss %} {% endcss %}

3
eleventy.config.js
View file

@ -5,6 +5,7 @@ const fs = require('fs');
// update this :) // update this :)
const year = 2024; const year = 2024;
const eseColor = "#F221B7";
module.exports = function(eleventyConfig) { module.exports = function(eleventyConfig) {
eleventyConfig.addPlugin(EleventyHtmlBasePlugin); eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
@ -15,11 +16,13 @@ module.exports = function(eleventyConfig) {
eleventyConfig.addPlugin(bundlerPlugin); eleventyConfig.addPlugin(bundlerPlugin);
eleventyConfig.addGlobalData("year", year); eleventyConfig.addGlobalData("year", year);
eleventyConfig.addGlobalData("eseColor", eseColor);
eleventyConfig.addFilter("pageLang", function(value) { eleventyConfig.addFilter("pageLang", function(value) {
return value.filter(item => item.page.lang === this.page.lang) return value.filter(item => item.page.lang === this.page.lang)
}); });
// copy aileron font
eleventyConfig.addPassthroughCopy({'./submodules/aileron/fonts/*.(ttf|woff|woff2)': 'fonts'}) eleventyConfig.addPassthroughCopy({'./submodules/aileron/fonts/*.(ttf|woff|woff2)': 'fonts'})
eleventyConfig.addPassthroughCopy({'./submodules/aileron/aileron.lite.min.css': 'aileron.lite.min.css'}) eleventyConfig.addPassthroughCopy({'./submodules/aileron/aileron.lite.min.css': 'aileron.lite.min.css'})