diff --git a/src/_includes/svg/divider-edgy.svg b/src/_includes/svg/divider-edgy.svg
new file mode 100644
index 0000000..9bf58ea
--- /dev/null
+++ b/src/_includes/svg/divider-edgy.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/_includes/svg/divider-waves.svg b/src/_includes/svg/divider-waves.svg
new file mode 100644
index 0000000..6a8153b
--- /dev/null
+++ b/src/_includes/svg/divider-waves.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/_layouts/home.njk b/src/_layouts/home.njk
index 0f862ef..15a2069 100644
--- a/src/_layouts/home.njk
+++ b/src/_layouts/home.njk
@@ -9,7 +9,7 @@ layout: base
{{ item.summary | md | safe }}
- {% include 'svg/divider-pixels.svg' %}
+ {% include 'svg/divider-waves.svg' %}
diff --git a/src/assets/css/blocks/card.css b/src/assets/css/blocks/card.css
index de05d77..adf96b9 100644
--- a/src/assets/css/blocks/card.css
+++ b/src/assets/css/blocks/card.css
@@ -10,3 +10,16 @@
color: var(--color-dark);
background: var(--color-secondary);
}
+
+.card ::selection {
+ color: var(--color-dark);
+ background: var(--color-secondary);
+}
+
+.card h3 a {
+ text-decoration: none;
+}
+
+.card time {
+ opacity: 0.8;
+}
diff --git a/src/assets/css/blocks/youtube.css b/src/assets/css/blocks/youtube.css
new file mode 100644
index 0000000..3e5a050
--- /dev/null
+++ b/src/assets/css/blocks/youtube.css
@@ -0,0 +1,3 @@
+.youtube-embed {
+ aspect-ratio: 16 / 9;
+}
diff --git a/src/assets/css/global/fonts.css b/src/assets/css/global/fonts.css
index 887b0d6..1c5ca83 100644
--- a/src/assets/css/global/fonts.css
+++ b/src/assets/css/global/fonts.css
@@ -1,37 +1,29 @@
@font-face {
- font-family: Outfit;
+ font-family: Inter;
font-style: normal;
font-display: swap;
font-weight: 400;
- src: local(''), url(/assets/fonts/outfit/outfit-v5-latin-regular.woff2) format('woff2'),
- url(/assets/fonts/outfit/outfit-v5-latin-regular.woff) format('woff');
+ src: local(''), url(/assets/fonts/inter/inter-v7-latin-500.woff2) format('woff2'),
+ url(/assets/fonts/inter/inter-v7-latin-500.woff) format('woff');
}
@font-face {
- font-family: Outfit;
+ font-family: Inter;
+ font-style: normal;
+ font-display: swap;
+ font-weight: 700;
+ src: local(''), url(/assets/fonts/inter/inter-v7-latin-700.woff2) format('woff2'),
+ url(/assets/fonts/inter/inter-v7-latin-700.woff) format('woff');
+}
+
+@font-face {
+ font-family: Redhat;
font-style: normal;
font-display: swap;
font-weight: 700;
src: local(''),
- url(/assets/fonts/outfit/outfit-v5-latin-700-webfont.woff2) format('woff2'),
- url(/assets/fonts/outfit/outfit-v5-latin-700-webfont.woff) format('woff');
-}
-
-@font-face {
- font-family: Charter;
- font-style: normal;
- font-display: swap;
- font-weight: 400;
- src: local(''), url(/assets/fonts/charter/charter_regular.woff2) format('woff2'),
- url(/assets/fonts/charter/charter_regular.woff) format('woff');
-}
-@font-face {
- font-family: Charter;
- font-style: normal;
- font-display: swap;
- font-weight: 700;
- src: local(''), url(/assets/fonts/charter/charter_bold.woff2) format('woff2'),
- url(/assets/fonts/charter/charter_bold.woff) format('woff');
+ url(/assets/fonts/redhat/red-hat-display-v7-latin-900.woff2) format('woff2'),
+ url(/assets/fonts/redhat/red-hat-display-v7-latin-900.woff) format('woff');
}
@font-face {
diff --git a/src/assets/css/global/global-styles.css b/src/assets/css/global/global-styles.css
index 70d0b73..8a0a836 100644
--- a/src/assets/css/global/global-styles.css
+++ b/src/assets/css/global/global-styles.css
@@ -19,6 +19,7 @@ h2,
h3 {
line-height: 1;
letter-spacing: var(--tracking-s);
+ font-family: var(--font-display);
}
h1 {
@@ -49,7 +50,6 @@ h3 {
blockquote {
border-inline-start: 0.8rem solid var(--color-primary);
padding: var(--space-m-l);
- font-family: var(--font-serif);
font-size: var(--size-step-2);
}
diff --git a/src/assets/design-tokens/fonts.json b/src/assets/design-tokens/fonts.json
index 22663ab..4d7fca0 100644
--- a/src/assets/design-tokens/fonts.json
+++ b/src/assets/design-tokens/fonts.json
@@ -3,14 +3,14 @@
"description": "Each array of fonts creates a priority-based order. The first font in the array should be the ideal font, followed by sensible, web-safe fallbacks",
"items": [
{
- "name": "Base",
+ "name": "Display",
"description": "System fonts for body copy and globally set text.",
- "value": ["Outfit", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"]
+ "value": ["Redhat", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"]
},
{
- "name": "Serif",
- "description": "Expressive sections, like quotes",
- "value": ["Charter", "serif"]
+ "name": "Base",
+ "description": "System fonts for body copy and globally set text.",
+ "value": ["Inter", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"]
},
{
"name": "Mono",
diff --git a/src/assets/fonts/charter/charter_bold.woff2 b/src/assets/fonts/charter/charter_bold.woff2
deleted file mode 100644
index 008c4f5..0000000
Binary files a/src/assets/fonts/charter/charter_bold.woff2 and /dev/null differ
diff --git a/src/assets/fonts/charter/charter_bold_italic.woff2 b/src/assets/fonts/charter/charter_bold_italic.woff2
deleted file mode 100644
index 8a2cacc..0000000
Binary files a/src/assets/fonts/charter/charter_bold_italic.woff2 and /dev/null differ
diff --git a/src/assets/fonts/charter/charter_italic.woff2 b/src/assets/fonts/charter/charter_italic.woff2
deleted file mode 100644
index ea15e1a..0000000
Binary files a/src/assets/fonts/charter/charter_italic.woff2 and /dev/null differ
diff --git a/src/assets/fonts/charter/charter_regular.woff2 b/src/assets/fonts/charter/charter_regular.woff2
deleted file mode 100644
index d4bc9e0..0000000
Binary files a/src/assets/fonts/charter/charter_regular.woff2 and /dev/null differ
diff --git a/src/assets/fonts/inter/inter-v7-latin-500.woff b/src/assets/fonts/inter/inter-v7-latin-500.woff
new file mode 100644
index 0000000..88d1f59
Binary files /dev/null and b/src/assets/fonts/inter/inter-v7-latin-500.woff differ
diff --git a/src/assets/fonts/inter/inter-v7-latin-500.woff2 b/src/assets/fonts/inter/inter-v7-latin-500.woff2
new file mode 100644
index 0000000..1cd3f42
Binary files /dev/null and b/src/assets/fonts/inter/inter-v7-latin-500.woff2 differ
diff --git a/src/assets/fonts/inter/inter-v7-latin-700.woff b/src/assets/fonts/inter/inter-v7-latin-700.woff
new file mode 100644
index 0000000..372e819
Binary files /dev/null and b/src/assets/fonts/inter/inter-v7-latin-700.woff differ
diff --git a/src/assets/fonts/inter/inter-v7-latin-700.woff2 b/src/assets/fonts/inter/inter-v7-latin-700.woff2
new file mode 100644
index 0000000..a509dc1
Binary files /dev/null and b/src/assets/fonts/inter/inter-v7-latin-700.woff2 differ
diff --git a/src/assets/fonts/outfit/outfit-v5-latin-700-webfont.woff b/src/assets/fonts/outfit/outfit-v5-latin-700-webfont.woff
deleted file mode 100644
index e3a108f..0000000
Binary files a/src/assets/fonts/outfit/outfit-v5-latin-700-webfont.woff and /dev/null differ
diff --git a/src/assets/fonts/outfit/outfit-v5-latin-700-webfont.woff2 b/src/assets/fonts/outfit/outfit-v5-latin-700-webfont.woff2
deleted file mode 100644
index fed8991..0000000
Binary files a/src/assets/fonts/outfit/outfit-v5-latin-700-webfont.woff2 and /dev/null differ
diff --git a/src/assets/fonts/outfit/outfit-v5-latin-regular.woff b/src/assets/fonts/outfit/outfit-v5-latin-regular.woff
deleted file mode 100644
index 845d362..0000000
Binary files a/src/assets/fonts/outfit/outfit-v5-latin-regular.woff and /dev/null differ
diff --git a/src/assets/fonts/outfit/outfit-v5-latin-regular.woff2 b/src/assets/fonts/outfit/outfit-v5-latin-regular.woff2
deleted file mode 100644
index f7217c5..0000000
Binary files a/src/assets/fonts/outfit/outfit-v5-latin-regular.woff2 and /dev/null differ
diff --git a/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff b/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff
new file mode 100644
index 0000000..df53771
Binary files /dev/null and b/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff differ
diff --git a/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff2 b/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff2
new file mode 100644
index 0000000..04aaaf2
Binary files /dev/null and b/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff2 differ
diff --git a/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff b/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff
new file mode 100644
index 0000000..6fd835a
Binary files /dev/null and b/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff differ
diff --git a/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff2 b/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff2
new file mode 100644
index 0000000..0e6bc8c
Binary files /dev/null and b/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff2 differ
diff --git a/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff b/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff
new file mode 100644
index 0000000..5f74ee7
Binary files /dev/null and b/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff differ
diff --git a/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff2 b/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff2
new file mode 100644
index 0000000..263ca87
Binary files /dev/null and b/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff2 differ
diff --git a/src/pages/markdown.md b/src/pages/markdown.md
index cb3ef10..8c4dcd4 100644
--- a/src/pages/markdown.md
+++ b/src/pages/markdown.md
@@ -48,7 +48,6 @@ _This is italic text_
## Blockquote
> rbread. Cheesecake donut marzipan sweet roll icing muffin halvah. Dragée donut cake biscuit pie carrot cake sesame snaps jelly-o gummi bears. Cotton candy cookie croissant fruitcake.
-> by very smart author
## Lists
diff --git a/src/pages/privacy.md b/src/pages/privacy.md
index 481d6bd..6ff6e76 100644
--- a/src/pages/privacy.md
+++ b/src/pages/privacy.md
@@ -7,8 +7,6 @@ description: I respect the EU General Data Protection Regulation (GDPR). This po
layout: page
---
-## Privacy Policy
-
I respect the EU General Data Protection Regulation (GDPR) and this policy document explains how I collect and handle any information you provide to me.
...
diff --git a/src/posts/2022-09-01-post-with-code.md b/src/posts/2022-09-01-post-with-code.md
index a56aa1d..05234a0 100644
--- a/src/posts/2022-09-01-post-with-code.md
+++ b/src/posts/2022-09-01-post-with-code.md
@@ -1,12 +1,10 @@
---
title: 'Post with some code'
-description: 'Every post starts with planning. Icing lemon drops macaroon sugar plum chupa chups. Bonbon cake chupa chups sugar plum brownie marshmallow jelly sweet roll.'
+description: 'Syntax Highlighting is achieved by a pack of Eleventy plugins. No browser/client JavaScript, highlight transformations are all done at build-time.'
date: 2022-09-01
---
-This theme uses 11ty's [Syntax Highlighting Plugin](https://www.11ty.dev/docs/plugins/syntaxhighlight/).
-
-Gummi bears shortbread tootsie roll chupa chups cookie cheesecake sugar plum. Lemon drops brownie toffee fruitcake cotton candy.
+This theme uses 11ty's [Syntax Highlighting Plugin](https://www.11ty.dev/docs/plugins/syntaxhighlight/), a pack of Eleventy plugins for PrismJS syntax highlighting. No browser/client JavaScript, highlight transformations are all done at build-time.
```js
function myFunction() {
diff --git a/src/posts/2022-10-12-post-with-image.md b/src/posts/2022-10-12-post-with-image.md
index 6c87f1a..884227e 100644
--- a/src/posts/2022-10-12-post-with-image.md
+++ b/src/posts/2022-10-12-post-with-image.md
@@ -1,10 +1,10 @@
---
title: 'Post with an image '
-description: 'Every post starts with planning. Gummi bears shortbread tootsie roll chupa chups cookie cheesecake sugar plum. Lemon drops brownie toffee fruitcake cotton candy.'
+description: "Eleventy's own build-time image transformations. Fond more info on11ty.dev/docs/plugins/image/ and edit settings in config-folder."
date: 2022-10-12
---
-Cake pastry jelly-o donut gummi bears toffee croissant chupa chups. Chocolate cake chocolate cotton candy tart biscuit. Ice cream sesame snaps cake bear claw toffee chocolate bar cheesecake toffee.
+This starter uses Eleventy's build-time image transformations. Fond more info on https://www.11ty.dev/docs/plugins/image/ and edit settings in `config/shortcodes/imagePlaceholder`.
## Image with caption
diff --git a/src/posts/2022-10-31-post-with-youtube.md b/src/posts/2022-10-31-post-with-youtube.md
index 0ba2c4c..6fdc9be 100644
--- a/src/posts/2022-10-31-post-with-youtube.md
+++ b/src/posts/2022-10-31-post-with-youtube.md
@@ -1,8 +1,10 @@
---
title: 'Post with a video '
-description: 'Every post starts with planning. Carrot cake chocolate sweet bear claw sesame snaps. Muffin cheesecake cotton candy lollipop bonbon oat cake chocolate bar. Chocolate bar gummi bears wafer.'
+description: "This starter uses Justin Ribeiro's lite-youtube web component. Add `youtube: true` to frontmatter to activate."
date: 2022-10-31
youtube: true
---
+This starter uses Justin Ribeiro's lite-youtube web component. Add `youtube: true` to frontmatter to activate.
+
{% youtube 'qvrNwWaNVGo', 'Alberto Ballesteros - Una Película A Medias' %}