✨ feat: add support for social media cards (#130)

content/blog/_index.ca.md

@@ -5,4 +5,7 @@ title = "Blog"
 sort_by = "date"
 template = "section.html"
 insert_anchor_links = "left"
+
+[extra]
+social_media_card = "img/social_cards/ca_blog.jpg"
 +++

content/blog/_index.es.md

@@ -5,4 +5,7 @@ title = "Blog"
 sort_by = "date"
 template = "section.html"
 insert_anchor_links = "left"
+
+[extra]
+social_media_card = "img/social_cards/es_blog.jpg"
 +++

content/blog/_index.md

@@ -5,4 +5,7 @@ title = "Blog"
 sort_by = "date"
 template = "section.html"
 insert_anchor_links = "left"
+
+[extra]
+social_media_card = "img/social_cards/blog.jpg"
 +++

content/blog/comments.ca.md

@@ -11,6 +11,7 @@ tags = ["funcionalitat", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
+social_media_card = "img/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/).

content/blog/comments.es.md

@@ -11,6 +11,7 @@ tags = ["funcionalidad", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
+social_media_card = "img/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/).

content/blog/comments.md

@@ -11,6 +11,7 @@ tags = ["showcase", "tutorial"]
 giscus = true
 quick_navigation_buttons = true
 toc = true
+social_media_card = "img/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/).

content/blog/custom-font-subset.ca.md

@@ -6,6 +6,9 @@ description = "Aprèn com crear un subconjunt personalitzat que només inclogui
 
 [taxonomies]
 tags = ["funcionalitat", "tutorial"]
+
+[extra]
+social_media_card = "img/social_cards/ca_blog_custom_font_subset.jpg"
 +++
 
 ## El problema

content/blog/custom-font-subset.es.md

@@ -6,6 +6,9 @@ description = "Aprende cómo crear un subconjunto personalizado que solo incluya
 
 [taxonomies]
 tags = ["funcionalidad", "tutorial"]
+
+[extra]
+social_media_card = "img/social_cards/es_blog_custom_font_subset.jpg"
 +++
 
 ## El problema

content/blog/custom-font-subset.md

@@ -6,6 +6,9 @@ description = "Learn how to create a custom subset that only includes the necess
 
 [taxonomies]
 tags = ["showcase", "tutorial"]
+
+[extra]
+social_media_card = "img/social_cards/blog_custom_font_subset.jpg"
 +++
 
 ## The problem

content/blog/customise-tabi.ca.md

@@ -10,6 +10,7 @@ tags = ["funcionalitat", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/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").

content/blog/customise-tabi.es.md

@@ -10,6 +10,7 @@ tags = ["funcionalidad", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/es_blog_customise_tabi.jpg"
 +++
 
 tabi puede ser personalizado de dos maneras: estableciendo el tema predeterminado (oscuro o claro) y eligiendo el color principal para el tema ("skin").

content/blog/customise-tabi.md

@@ -10,6 +10,7 @@ tags = ["showcase", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/blog_customise_tabi.jpg"
 +++
 
 tabi can be customised in two ways: by setting the default theme (dark or light) and by choosing the main colour for the theme (skins).

content/blog/javascript.ca.md

@@ -9,6 +9,7 @@ tags = ["funcionalitat", "tutorial"]
 
 [extra]
 footnote_backlinks = true
+social_media_card = "img/social_cards/ca_blog_javascript.jpg"
 +++
 
 Aquest tema no requereix JavaScript obligatori. Opcionalment, pot carregar una quantitat mínima per afegir algunes característiques que són impossibles d'aconseguir amb HTML i CSS.

content/blog/javascript.es.md

@@ -9,6 +9,7 @@ tags = ["funcionalidad", "tutorial"]
 
 [extra]
 footnote_backlinks = true
+social_media_card = "img/social_cards/es_blog_javascript.jpg"
 +++
 
 Este tema no requiere JavaScript de manera obligatoria. Opcionalmente, puede cargar una cantidad mínima de JavaScript para añadir algunas características que son imposibles de lograr con solo HTML y CSS.

content/blog/javascript.md

@@ -9,6 +9,7 @@ tags = ["showcase", "tutorial"]
 
 [extra]
 footnote_backlinks = true
+social_media_card = "img/social_cards/blog_javascript.jpg"
 +++
 
 This theme has no mandatory JavaScript. Optionally, it can load a minimal amount to add some features that are impossible to achieve with HTML and CSS.

content/blog/markdown.ca.md

@@ -10,6 +10,7 @@ tags = ["markdown", "funcionalitat"]
 [extra]
 katex = true
 footnote_backlinks = true
+social_media_card = "img/social_cards/ca_blog_markdown.jpg"
 +++
 
 ## $\KaTeX$

content/blog/markdown.es.md

@@ -10,6 +10,7 @@ tags = ["markdown", "funcionalidad"]
 [extra]
 katex = true
 footnote_backlinks = true
+social_media_card = "img/social_cards/es_blog_markdown.jpg"
 +++
 
 ## $\KaTeX$

content/blog/markdown.md

@@ -10,6 +10,7 @@ tags = ["markdown", "showcase"]
 [extra]
 katex = true
 footnote_backlinks = true
+social_media_card = "img/social_cards/blog_markdown.jpg"
 +++
 
 ## $\KaTeX$

content/blog/security.ca.md

@@ -6,6 +6,9 @@ description = "tabi té una Política de Seguretat de Contingut (CSP) fàcilment
 
 [taxonomies]
 tags = ["seguretat", "funcionalitat"]
+
+[extra]
+social_media_card = "img/social_cards/ca_blog_security.jpg"
 +++
 
 La configuració per defecte del tema obté una puntuació A+ a l'[Observatori de Mozilla](https://observatory.mozilla.org).[^1]

content/blog/security.es.md

@@ -6,6 +6,9 @@ description = "tabi tiene una Política de Seguridad de Contenido (CSP) fácilme
 
 [taxonomies]
 tags = ["seguridad", "funcionalidad"]
+
+[extra]
+social_media_card = "img/social_cards/es_blog_security.jpg"
 +++
 
 La configuración predeterminada del tema obtiene una calificación de A+ en [Mozilla Observatory](https://observatory.mozilla.org).[^1]

content/blog/security.md

@@ -6,6 +6,9 @@ description = "tabi has an easily customizable Content Security Policy (CSP) wit
 
 [taxonomies]
 tags = ["security", "showcase"]
+
+[extra]
+social_media_card = "img/social_cards/blog_security.jpg"
 +++
 
 The default configuration of the theme gets an A+ score on [Mozilla Observatory](https://observatory.mozilla.org).[^1]

content/blog/shortcodes.ca.md

@@ -11,6 +11,7 @@ tags = ["funcionalitat", "shortcodes"]
 toc = true
 toc_levels = 2
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/ca_blog_shortcodes.jpg"
 +++
 
 ## Shortcodes d'imatge

content/blog/shortcodes.es.md

@@ -11,6 +11,7 @@ tags = ["funcionalidad", "shortcodes"]
 toc = true
 toc_levels = 2
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/es_blog_shortcodes.jpg"
 +++
 
 ## Shortcodes de imagen

content/blog/shortcodes.md

@@ -11,6 +11,7 @@ tags = ["showcase", "shortcodes"]
 toc = true
 toc_levels = 2
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/blog_shortcodes.jpg"
 +++
 
 ## Image shortcodes

content/blog/toc.ca.md

@@ -10,6 +10,7 @@ tags = ["funcionalitat", "markdown", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/ca_blog_toc.jpg"
 +++
 
 ## Documentació

content/blog/toc.es.md

@@ -10,6 +10,7 @@ tags = ["funcionalidad", "markdown", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/es_blog_toc.jpg"
 +++
 
 ## Documentación

content/blog/toc.md

@@ -10,6 +10,7 @@ tags = ["showcase", "markdown", "tutorial"]
 [extra]
 toc = true
 quick_navigation_buttons = true
+social_media_card = "img/social_cards/blog_toc.jpg"
 +++
 
 ## Documentation