⚡️ refactor: co-locate images (#200)

welpo · Oct 7, 2023 · 8aabeae · 8aabeae
1 parent c0a07cb
commit 8aabeae
Show file tree

Hide file tree

Showing 173 changed files with 205 additions and 205 deletions.
diff --git a/config.toml b/config.toml
@@ -147,7 +147,7 @@ favicon_emoji = "🌱"
 # Can be set at page or section levels, following the hierarchy: page > section > config. See: https://welpo.github.io/tabi/blog/mastering-tabi-settings/#settings-hierarchy
 # Learn how to create these images in batch and automatically:
 # https://osc.garden/blog/automating-social-media-cards-zola/
-social_media_card = "img/social_cards/index.jpg"
+social_media_card = "social_cards/index.jpg"
 
 menu = [
     { name = "blog", url = "blog", trailing_slash = true },

diff --git a/content/_index.ca.md b/content/_index.ca.md
@@ -8,7 +8,7 @@ template = "section.html"
 header = {title = "Hola! Soc tabi~", img = "img/main.webp", img_alt = "Óscar Fernández, l'autor de tabi" }
 section_path = "blog/_index.ca.md"
 max_posts = 4
-social_media_card = "img/social_cards/ca.jpg"
+social_media_card = "social_cards/ca.jpg"
 +++
 
 tabi és un tema de [Zola](https://www.getzola.org) ràpid, lleuger i modern. Té com a objectiu ser una pàgina personal i llar d'entrades de blog. Compta amb una puntuació perfecta de Lighthouse, disseny responsive, tema fosc i clar, shortcodes personalitzats i molt més.
diff --git a/content/_index.es.md b/content/_index.es.md
@@ -8,7 +8,7 @@ template = "section.html"
 header = {title = "¡Hola! Soy tabi~", img = "img/main.webp", img_alt = "Óscar Fernández, el autor de tabi" }
 section_path = "blog/_index.es.md"
 max_posts = 4
-social_media_card = "img/social_cards/es.jpg"
+social_media_card = "social_cards/es.jpg"
 +++
 
 tabi es un tema de [Zola](https://www.getzola.org) rápido, ligero y moderno. Su objetivo es ser una página personal y hogar para publicaciones de blogs. Cuenta con una puntuación perfecta en Lighthouse, diseño responsive, tema oscuro y claro, shortcodes personalizados y mucho más.
diff --git a/content/_index.md b/content/_index.md
@@ -8,7 +8,7 @@ template = "section.html"
 header = {title = "Hello! I'm tabi~", img = "img/main.webp", img_alt = "Óscar Fernández, the theme's author" }
 section_path = "blog/_index.md"
 max_posts = 4
-social_media_card = "img/social_cards/index.jpg"
+social_media_card = "social_cards/index.jpg"
 +++
 
 tabi is a fast, lightweight, and modern [Zola](https://www.getzola.org) theme. It aims to be a personal page and home to blog posts. It features a perfect Lighthouse score, responsive design, dark and light themes, custom shortcodes, and much more.
diff --git a/content/archive/_index.ca.md b/content/archive/_index.ca.md
@@ -3,5 +3,5 @@ title = "Arxiu"
 template = "archive.html"
 
 [extra]
-social_media_card = "img/social_cards/ca_archive.jpg"
+social_media_card = "archive/social_cards/ca_archive.jpg"
 +++
diff --git a/content/archive/_index.es.md b/content/archive/_index.es.md
@@ -3,5 +3,5 @@ title = "Archivo"
 template = "archive.html"
 
 [extra]
-social_media_card = "img/social_cards/es_archive.jpg"
+social_media_card = "archive/social_cards/es_archive.jpg"
 +++
diff --git a/content/archive/_index.md b/content/archive/_index.md
@@ -3,5 +3,5 @@ title = "Archive"
 template = "archive.html"
 
 [extra]
-social_media_card = "img/social_cards/archive.jpg"
+social_media_card = "archive/social_cards/archive.jpg"
 +++
diff --git a/static/img/social_cards/archive.jpg → content/archive/social_cards/archive.jpg b/static/img/social_cards/archive.jpg → content/archive/social_cards/archive.jpg
diff --git a/static/img/social_cards/ca_archive.jpg → content/archive/social_cards/ca_archive.jpg b/static/img/social_cards/ca_archive.jpg → content/archive/social_cards/ca_archive.jpg
diff --git a/static/img/social_cards/es_archive.jpg → content/archive/social_cards/es_archive.jpg b/static/img/social_cards/es_archive.jpg → content/archive/social_cards/es_archive.jpg
diff --git a/content/blog/_index.ca.md b/content/blog/_index.ca.md
@@ -7,5 +7,5 @@ template = "section.html"
 insert_anchor_links = "left"
 
 [extra]
-social_media_card = "img/social_cards/ca_blog.jpg"
+social_media_card = "blog/social_cards/ca_blog.jpg"
 +++
diff --git a/content/blog/_index.es.md b/content/blog/_index.es.md
@@ -7,5 +7,5 @@ template = "section.html"
 insert_anchor_links = "left"
 
 [extra]
-social_media_card = "img/social_cards/es_blog.jpg"
+social_media_card = "blog/social_cards/es_blog.jpg"
 +++
diff --git a/content/blog/_index.md b/content/blog/_index.md
@@ -7,5 +7,5 @@ template = "section.html"
 insert_anchor_links = "left"
 
 [extra]
-social_media_card = "img/social_cards/blog.jpg"
+social_media_card = "blog/social_cards/blog.jpg"
 +++
diff --git a/content/blog/comments.ca.md → content/blog/comments/index.ca.md b/content/blog/comments.ca.md → content/blog/comments/index.ca.md
@@ -11,7 +11,7 @@ tags = ["funcionalitat", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
-social_media_card = "img/social_cards/ca_blog_comments.jpg"
+social_media_card = "social_cards/ca_blog_comments.jpg"
 +++
 
 tabi actualment suporta quatre sistemes de comentaris: [giscus](https://giscus.app/ca) i [utterances](https://utteranc.es/), [Hyvor Talk](https://talk.hyvor.com/) i [Isso](https://isso-comments.de/).

diff --git a/content/blog/comments.es.md → content/blog/comments/index.es.md b/content/blog/comments.es.md → content/blog/comments/index.es.md
@@ -11,7 +11,7 @@ tags = ["funcionalidad", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
-social_media_card = "img/social_cards/es_blog_comments.jpg"
+social_media_card = "social_cards/es_blog_comments.jpg"
 +++
 
 tabi actualmente soporta cuatro sistemas de comentarios: [giscus](https://giscus.app/es) y [utterances](https://utteranc.es/), [Hyvor Talk](https://talk.hyvor.com/) e [Isso](https://isso-comments.de/).

diff --git a/content/blog/comments.md → content/blog/comments/index.md b/content/blog/comments.md → content/blog/comments/index.md
@@ -11,7 +11,7 @@ tags = ["showcase", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
-social_media_card = "img/social_cards/blog_comments.jpg"
+social_media_card = "social_cards/blog_comments.jpg"
 +++
 
 tabi currently supports four comment systems: [giscus](https://giscus.app/), [utterances](https://utteranc.es/), [Hyvor Talk](https://talk.hyvor.com/), and [Isso](https://isso-comments.de/).

diff --git a/static/img/social_cards/blog_comments.jpg → ...g/comments/social_cards/blog_comments.jpg b/static/img/social_cards/blog_comments.jpg → ...g/comments/social_cards/blog_comments.jpg
diff --git a/static/img/social_cards/ca_blog_comments.jpg → ...omments/social_cards/ca_blog_comments.jpg b/static/img/social_cards/ca_blog_comments.jpg → ...omments/social_cards/ca_blog_comments.jpg
diff --git a/static/img/social_cards/es_blog_comments.jpg → ...omments/social_cards/es_blog_comments.jpg b/static/img/social_cards/es_blog_comments.jpg → ...omments/social_cards/es_blog_comments.jpg
diff --git a/content/blog/custom-font-subset.ca.md → content/blog/custom-font-subset/index.ca.md b/content/blog/custom-font-subset.ca.md → content/blog/custom-font-subset/index.ca.md
@@ -8,7 +8,7 @@ description = "Aprèn com crear un subconjunt personalitzat que només inclogui
 tags = ["funcionalitat", "tutorial"]
 
 [extra]
-social_media_card = "img/social_cards/ca_blog_custom_font_subset.jpg"
+social_media_card = "social_cards/ca_blog_custom_font_subset.jpg"
 +++
 
 ## El problema

diff --git a/content/blog/custom-font-subset.es.md → content/blog/custom-font-subset/index.es.md b/content/blog/custom-font-subset.es.md → content/blog/custom-font-subset/index.es.md
@@ -8,7 +8,7 @@ description = "Aprende cómo crear un subconjunto personalizado que solo incluya
 tags = ["funcionalidad", "tutorial"]
 
 [extra]
-social_media_card = "img/social_cards/es_blog_custom_font_subset.jpg"
+social_media_card = "social_cards/es_blog_custom_font_subset.jpg"
 +++
 
 ## El problema

diff --git a/content/blog/custom-font-subset.md → content/blog/custom-font-subset/index.md b/content/blog/custom-font-subset.md → content/blog/custom-font-subset/index.md
@@ -8,7 +8,7 @@ description = "Learn how to create a custom subset that only includes the necess
 tags = ["showcase", "tutorial"]
 
 [extra]
-social_media_card = "img/social_cards/blog_custom_font_subset.jpg"
+social_media_card = "social_cards/blog_custom_font_subset.jpg"
 +++
 
 ## The problem

diff --git a/.../social_cards/blog_custom_font_subset.jpg → .../social_cards/blog_custom_font_subset.jpg b/.../social_cards/blog_custom_font_subset.jpg → .../social_cards/blog_custom_font_subset.jpg
diff --git a/...cial_cards/ca_blog_custom_font_subset.jpg → ...cial_cards/ca_blog_custom_font_subset.jpg b/...cial_cards/ca_blog_custom_font_subset.jpg → ...cial_cards/ca_blog_custom_font_subset.jpg
diff --git a/...cial_cards/es_blog_custom_font_subset.jpg → ...cial_cards/es_blog_custom_font_subset.jpg b/...cial_cards/es_blog_custom_font_subset.jpg → ...cial_cards/es_blog_custom_font_subset.jpg
diff --git a/content/blog/customise-tabi.ca.md → content/blog/customise-tabi/index.ca.md b/content/blog/customise-tabi.ca.md → content/blog/customise-tabi/index.ca.md
@@ -1,7 +1,7 @@
 +++
 title = "Personalitza el color de tabi i el tema per defecte"
 date = 2023-08-09
-updated = 2023-08-10
+updated = 2023-10-07
 description = "Aprèn a personalitzar tabi fent servir skins i establint un tema per defecte, aconseguint un aspecte únic."
 
 [taxonomies]
@@ -10,7 +10,7 @@ tags = ["funcionalitat", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
-social_media_card = "img/social_cards/ca_blog_customise_tabi.jpg"
+social_media_card = "social_cards/ca_blog_customise_tabi.jpg"
 +++
 
 tabi pot ser personalitzat de dues maneres: establint el tema per defecte (fosc o clar) i triant el color principal per al tema ("skin").
@@ -52,21 +52,21 @@ Fes una ullada a les skins disponibles a continuació.
 
 La skin per defecte. Si la variable `skin` no està configurada (o és igual a `"teal"`), aquest és l'aspecte de tabi:
 
-{{ image_toggler(default_src="img/skins/teal_light.webp", toggled_src="img/skins/teal_dark.webp", default_alt="teal skin in light mode", toggled_alt="teal skin in dark mode", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/teal_light.webp", toggled_src="blog/customise-tabi/skins/teal_dark.webp", default_alt="teal skin in light mode", toggled_alt="teal skin in dark mode", full_width=true) }}
 
 <hr>
 
 ### Lavanda
 
-{{ image_toggler(default_src="img/skins/lavender_light.webp", toggled_src="img/skins/lavender_dark.webp", default_alt="skin lavanda en mode clar", toggled_alt="skin lavanda en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/lavender_light.webp", toggled_src="blog/customise-tabi/skins/lavender_dark.webp", default_alt="skin lavanda en mode clar", toggled_alt="skin lavanda en mode fosc", full_width=true) }}
 
 Per aplicar-la, utilitza `skin = "lavender"`.
 
 <hr>
 
 ### Vermell
 
-{{ image_toggler(default_src="img/skins/red_light.webp", toggled_src="img/skins/red_dark.webp", default_alt="skin vermell en mode clar", toggled_alt="skin vermell en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/red_light.webp", toggled_src="blog/customise-tabi/skins/red_dark.webp", default_alt="skin vermell en mode clar", toggled_alt="skin vermell en mode fosc", full_width=true) }}
 
 Canvia a aquesta skin establint `skin = "red"`.
 
@@ -76,7 +76,7 @@ Canvia a aquesta skin establint `skin = "red"`.
 
 Una skin dissenyada per 🅿️.
 
-{{ image_toggler(default_src="img/skins/mint_light.webp", toggled_src="img/skins/mint_dark.webp", default_alt="skin menta amb tema clar", toggled_alt="skin menta amb tema fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/mint_light.webp", toggled_src="blog/customise-tabi/skins/mint_dark.webp", default_alt="skin menta amb tema clar", toggled_alt="skin menta amb tema fosc", full_width=true) }}
 
 Activa-la amb `skin = "mint"`.
 
@@ -86,15 +86,15 @@ Activa-la amb `skin = "mint"`.
 
 Inspirat per la temporada de floració dels cirerers al Japó.
 
-{{ image_toggler(default_src="img/skins/sakura_light.webp", toggled_src="img/skins/sakura_dark.webp", default_alt="skin sakura en mode clar", toggled_alt="skin sakura en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/sakura_light.webp", toggled_src="blog/customise-tabi/skins/sakura_dark.webp", default_alt="skin sakura en mode clar", toggled_alt="skin sakura en mode fosc", full_width=true) }}
 
 Per habilitar aquesta skin, ajusta `skin = "sakura"`.
 
 <hr>
 
 ### Blau
 
-{{ image_toggler(default_src="img/skins/blue_light.webp", toggled_src="img/skins/blue_dark.webp", default_alt="skin blau en mode clar", toggled_alt="skin blau en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/blue_light.webp", toggled_src="blog/customise-tabi/skins/blue_dark.webp", default_alt="skin blau en mode clar", toggled_alt="skin blau en mode fosc", full_width=true) }}
 
 Per activar aquesta aparença, estableix `skin = "blue"`.
 
@@ -104,7 +104,7 @@ Per activar aquesta aparença, estableix `skin = "blue"`.
 
 *Indigo* pel blau (en el tema clar) i *lingot* pel daurat (en el tema fosc).
 
-{{ image_toggler(default_src="img/skins/indigo_ingot_light.webp", toggled_src="img/skins/indigo_ingot_dark.webp", default_alt="skin lingot indigo en mode clar", toggled_alt="skin lingot indigo en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/indigo_ingot_light.webp", toggled_src="blog/customise-tabi/skins/indigo_ingot_dark.webp", default_alt="skin lingot indigo en mode clar", toggled_alt="skin lingot indigo en mode fosc", full_width=true) }}
 
 Per activar aquest tema, utilitza `skin = "indigo_ingot"`.
 
@@ -114,13 +114,13 @@ Per activar aquest tema, utilitza `skin = "indigo_ingot"`.
 
 Inspirat pels colors de la Unitat Evangelion-01 (en el tema fosc) i la Unitat-02 (en el tema clar).
 
-{{ image_toggler(default_src="img/skins/evangelion_light.webp", toggled_src="img/skins/evangelion_dark.webp", default_alt="skin evangelion en mode clar", toggled_alt="skin evangelion en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/evangelion_light.webp", toggled_src="blog/customise-tabi/skins/evangelion_dark.webp", default_alt="skin evangelion en mode clar", toggled_alt="skin evangelion en mode fosc", full_width=true) }}
 
 <hr>
 
 ### Monocromàtic
 
-{{ image_toggler(default_src="img/skins/monochrome_light.webp", toggled_src="img/skins/monochrome_dark.webp", default_alt="skin monocromàtic en mode clar", toggled_alt="skin monocromàtic en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/monochrome_light.webp", toggled_src="blog/customise-tabi/skins/monochrome_dark.webp", default_alt="skin monocromàtic en mode clar", toggled_alt="skin monocromàtic en mode fosc", full_width=true) }}
 
 Per aconseguir aquesta aparença, estableix `skin = "monochrome"`.
 
@@ -130,7 +130,7 @@ Per aconseguir aquesta aparença, estableix `skin = "monochrome"`.
 
 **AVÍS!** Aquesta skin en mode clar pot tenir [baix contrast](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html), afectant l'accessibilitat i la qualificació Lighthouse. (El mode fosc té bon contrast.)
 
-{{ image_toggler(default_src="img/skins/lowcontrast_orange_light.webp", toggled_src="img/skins/lowcontrast_orange_dark.webp", default_alt="skin taronja de baix contrast en mode clar", toggled_alt="skin taronja de baix contrast en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/lowcontrast_orange_light.webp", toggled_src="blog/customise-tabi/skins/lowcontrast_orange_dark.webp", default_alt="skin taronja de baix contrast en mode clar", toggled_alt="skin taronja de baix contrast en mode fosc", full_width=true) }}
 
 Per utilitzar-la, estableix `skin = "lowcontrast_orange"`.
 
@@ -140,7 +140,7 @@ Per utilitzar-la, estableix `skin = "lowcontrast_orange"`.
 
 **AVÍS!** Aquesta skin en mode clar pot tenir [baix contrast](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html), afectant l'accessibilitat i la qualificació Lighthouse. (El mode fosc té bon contrast.)
 
-{{ image_toggler(default_src="img/skins/lowcontrast_peach_light.webp", toggled_src="img/skins/lowcontrast_peach_dark.webp", default_alt="skin préssec de baix contrast en mode clar", toggled_alt="skin préssec de baix contrast en mode fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/lowcontrast_peach_light.webp", toggled_src="blog/customise-tabi/skins/lowcontrast_peach_dark.webp", default_alt="skin préssec de baix contrast en mode clar", toggled_alt="skin préssec de baix contrast en mode fosc", full_width=true) }}
 
 Especifica `skin = "lowcontrast_peach"` per utilitzar aquesta skin.
 
@@ -150,7 +150,7 @@ Especifica `skin = "lowcontrast_peach"` per utilitzar aquesta skin.
 
 **AVÍS!** Aquesta skin en mode clar pot tenir [baix contrast](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html), afectant l'accessibilitat i la qualificació Lighthouse. (El mode fosc té bon contrast.)
 
-{{ image_toggler(default_src="img/skins/lowcontrast_pink_light.webp", toggled_src="img/skins/lowcontrast_pink_dark.webp", default_alt="skin rosa de baix contrast en tema clar", toggled_alt="skin rosa de baix contrast en tema fosc", full_width=true) }}
+{{ image_toggler(default_src="blog/customise-tabi/skins/lowcontrast_pink_light.webp", toggled_src="blog/customise-tabi/skins/lowcontrast_pink_dark.webp", default_alt="skin rosa de baix contrast en tema clar", toggled_alt="skin rosa de baix contrast en tema fosc", full_width=true) }}
 
 Per utilitzar aquests colors, assigna `skin = "lowcontrast_pink"`.