From 1c067e708eac4282a2191507f046eacd9f18e0f6 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Sun, 16 Feb 2025 16:25:40 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20fix:=20adapt=20footnotes=20styli?=
 =?UTF-8?q?ng=20for=20zola=200.19.x=20&=200.20.x?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Also makes code tags slightly smaller (to match the font) in footnotes.

Zola 0.20.0 wraps footnotes in a <footer> tag, which broke existing styles.
This change makes the CSS selectors work with both old (<ol>) and new
(<footer>) HTML structures while maintaining the same visual appearance.
---
 content/blog/javascript/index.ca.md              |  2 ++
 content/blog/javascript/index.es.md              |  2 ++
 content/blog/javascript/index.md                 |  2 ++
 content/blog/markdown/index.ca.md                |  2 ++
 content/blog/markdown/index.es.md                |  2 ++
 content/blog/markdown/index.md                   |  2 ++
 content/blog/mastering-tabi-settings/index.ca.md |  2 ++
 content/blog/mastering-tabi-settings/index.es.md |  2 ++
 content/blog/mastering-tabi-settings/index.md    |  2 ++
 content/blog/security/index.ca.md                |  2 ++
 content/blog/security/index.es.md                |  2 ++
 content/blog/security/index.md                   |  2 ++
 sass/parts/_misc.scss                            | 12 +++++++++++-
 13 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/content/blog/javascript/index.ca.md b/content/blog/javascript/index.ca.md
index c3e48d0..6b54200 100644
--- a/content/blog/javascript/index.ca.md
+++ b/content/blog/javascript/index.ca.md
@@ -43,4 +43,6 @@ Per especificar aquestes opcions:
 
 A part d'això, és un tema ràpid amb HTML i CSS que funciona sense JavaScript. Just com hauria de ser (la majoria de) la web :-)
 
+---
+
 [^1]: Per codificar el teu correu en base64 pots utilitzar [eines en línia](https://www.base64encode.org/) o, al terminal, executa: `printf 'mail@example.com' | base64`.
diff --git a/content/blog/javascript/index.es.md b/content/blog/javascript/index.es.md
index 00906d9..0e0c54a 100644
--- a/content/blog/javascript/index.es.md
+++ b/content/blog/javascript/index.es.md
@@ -43,4 +43,6 @@ Para especificar estas opciones:
 
 Aparte de eso, es un tema rápido con HTML y CSS que funciona con JavaScript deshabilitado. Justo como debería ser (la mayoría de) la web :-)
 
+---
+
 [^1]: Para codificar tu correo electrónico en base64 puedes usar [herramientas en línea](https://www.base64encode.org/) o, en tu terminal, ejecutar: `printf 'mail@example.com' | base64`.
diff --git a/content/blog/javascript/index.md b/content/blog/javascript/index.md
index 9d81b24..c43844d 100644
--- a/content/blog/javascript/index.md
+++ b/content/blog/javascript/index.md
@@ -43,4 +43,6 @@ To specify these settings:
 
 Other than that, it's a fast theme with HTML and CSS which works with JavaScript disabled. Just the way (most of) the web should be :-)
 
+---
+
 [^1]: To encode your email in base64 you can use [online tools](https://www.base64encode.org/) or, on your terminal, run: `printf 'mail@example.com' | base64`.
diff --git a/content/blog/markdown/index.ca.md b/content/blog/markdown/index.ca.md
index cbebb54..4321803 100644
--- a/content/blog/markdown/index.ca.md
+++ b/content/blog/markdown/index.ca.md
@@ -105,4 +105,6 @@ A Rust, declares una variable mutable amb `let mut x = 5;`, mentre que a Python,
 >
 > — Mercè Rodoreda, La plaça del Diamant
 
+---
+
 [^1]: I aquí tens un exemple de nota a peu de pàgina!
diff --git a/content/blog/markdown/index.es.md b/content/blog/markdown/index.es.md
index 200bc72..754bb31 100644
--- a/content/blog/markdown/index.es.md
+++ b/content/blog/markdown/index.es.md
@@ -105,4 +105,6 @@ En Rust, declaras una variable mutable con `let mut x = 5;`, mientras que en Pyt
 >
 > — Miguel de Unamuno, Niebla
 
+---
+
 [^1]: ¡Y aquí tienes un ejemplo de una nota al pie de página!
diff --git a/content/blog/markdown/index.md b/content/blog/markdown/index.md
index 39366f4..f036a3f 100644
--- a/content/blog/markdown/index.md
+++ b/content/blog/markdown/index.md
@@ -105,4 +105,6 @@ In Rust, you declare a mutable variable with `let mut x = 5;`, whereas in Python
 >
 > — Charlie Kaufman, Synecdoche, New York
 
+---
+
 [^1]: And here's an example of a footnote!
diff --git a/content/blog/mastering-tabi-settings/index.ca.md b/content/blog/mastering-tabi-settings/index.ca.md
index 2489dfe..74f62f4 100644
--- a/content/blog/mastering-tabi-settings/index.ca.md
+++ b/content/blog/mastering-tabi-settings/index.ca.md
@@ -1005,6 +1005,8 @@ Aquesta opció està habilitada per defecte. Per desactivar-la per una pàgina,
 
 Per a més informació, consulta la [pàgina de documentació de CSP](@/blog/security/index.ca.md).
 
+---
+
 [^1]: Si estàs utilitzant un repositori Git remot, potser voldràs automatitzar el procés d'actualització del camp `updated`. Aquí tens una guia per a això: [Zola Git Hook: actualitzant les dates de les publicacions](https://osc.garden/ca/blog/zola-date-git-hook/).
 
 [^2]: Per a codificar el teu correu electrònic en base64 pots utilitzar [eines en línia](https://www.base64encode.org/) o, al teu terminal, executar: `printf 'mail@example.com' | base64`
diff --git a/content/blog/mastering-tabi-settings/index.es.md b/content/blog/mastering-tabi-settings/index.es.md
index 495a5e4..e999216 100644
--- a/content/blog/mastering-tabi-settings/index.es.md
+++ b/content/blog/mastering-tabi-settings/index.es.md
@@ -1006,6 +1006,8 @@ Esta función está habilitada por defecto. Para deshabilitarla (y permitir todo
 
 Para obtener más información, consulta la [página de documentación de CSP](@/blog/security/index.es.md).
 
+---
+
 [^1]: Si estás utilizando un repositorio Git remoto, es posible que quieras automatizar el proceso de actualización del campo `updated`. Aquí tienes una guía para eso: [Zola Git Hook: actualizando las fechas de las publicaciones](https://osc.garden/es/blog/zola-date-git-hook/).
 
 [^2]: Para codificar tu correo electrónico en base64 puedes utilizar [herramientas en línea](https://www.base64encode.org/) o, en tu terminal, ejecutar: `printf 'mail@example.com' | base64`
diff --git a/content/blog/mastering-tabi-settings/index.md b/content/blog/mastering-tabi-settings/index.md
index a1981cf..4ab8238 100644
--- a/content/blog/mastering-tabi-settings/index.md
+++ b/content/blog/mastering-tabi-settings/index.md
@@ -1016,6 +1016,8 @@ This feature is enabled by default. To disable it (and allow all connections), s
 
 See the [CSP documentation page](@/blog/security/index.md) for more information.
 
+---
+
 [^1]: If you're using a remote Git repository, you might want to automate the process of updating the `updated` field. Here's a guide for that: [Zola Git Pre-Commit Hook: Updating Post Dates](https://osc.garden/blog/zola-date-git-hook/).
 
 [^2]: To encode your email in base64 you can use [online tools](https://www.base64encode.org/) or, on your terminal, run: `printf 'mail@example.com' | base64`.
diff --git a/content/blog/security/index.ca.md b/content/blog/security/index.ca.md
index be1f675..7979961 100644
--- a/content/blog/security/index.ca.md
+++ b/content/blog/security/index.ca.md
@@ -41,4 +41,6 @@ Pots desactivar les capçaleres (permitint-ho tot) en una pàgina, secció, o gl
     { directive = "style-src", domains = ["'self'", "'unsafe-inline'"] },
     ```
 
+---
+
 [^1]: Requereix una configuració adequada del servidor web (p. ex., redirigir el trànsit HTTP a HTTPS).
diff --git a/content/blog/security/index.es.md b/content/blog/security/index.es.md
index 928e03d..068b429 100644
--- a/content/blog/security/index.es.md
+++ b/content/blog/security/index.es.md
@@ -41,4 +41,6 @@ Puedes desactivar las cabeceras (permitiendo todo) en una página, sección, o g
     { directive = "style-src", domains = ["'self'", "'unsafe-inline'"] },
     ```
 
+---
+
 [^1]: Requiere una configuración adecuada del servidor web (por ejemplo, redirigir el tráfico HTTP a HTTPS).
diff --git a/content/blog/security/index.md b/content/blog/security/index.md
index fb46313..548ab12 100644
--- a/content/blog/security/index.md
+++ b/content/blog/security/index.md
@@ -41,4 +41,6 @@ You can disable the CSP (allowing all connections) on a page, section, or global
     { directive = "style-src", domains = ["'self'", "'unsafe-inline'"] },
     ```
 
+---
+
 [^1]: Requires proper webserver configuration (e.g. redirecting HTTP traffic to HTTPS).
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
index e842a9e..36f027f 100644
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -156,6 +156,11 @@ hr {
     height: 1px;
 }
 
+.footnotes-list,
+.footnotes {
+    text-align: start;
+}
+
 .footnote-reference {
     font-size: 0.7rem;
     font-family: var(--serif-font);
@@ -180,7 +185,12 @@ hr {
     font-size: 0.8rem;
 }
 
-.footnotes-list a[href^="#fr-"] {
+.footnotes-list a[href^="#fr-"],
+.footnotes a[href^="#fr-"] {
+    font-size: 0.8rem;
+}
+
+.footnotes code {
     font-size: 0.8rem;
 }