diff options
Diffstat (limited to 'content')
29 files changed, 325 insertions, 175 deletions
diff --git a/content/overview-abridge/1.css b/content/overview-abridge/1.css deleted file mode 100644 index e69de29..0000000 --- a/content/overview-abridge/1.css +++ /dev/null diff --git a/content/overview-abridge/index.es.md b/content/overview-abridge/index.es.md index 5b06119..864cf2e 100644 --- a/content/overview-abridge/index.es.md +++ b/content/overview-abridge/index.es.md @@ -15,7 +15,7 @@ tags = [ "Config", ] +++ -Un tema [Zola](https://getzola.org) rápido, ligero y moderno que utiliza [abridge.css](https://github.com/Jieiku/abridge.css) (un framework CSS HTML semántico de clase ligera). Puntuaciones perfectas de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) y [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app). Aquí hay una página de [Benchmarks de Zola Themes](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md). +Un tema para [Zola](https://getzola.org) rápido, ligero y moderno que utiliza HTML semántico con pocas clases y CSS modular.. Puntuaciones perfectas de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) y [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app). Aquí hay una página de [Benchmarks de Zola Themes](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md). <!-- more --> @@ -54,7 +54,7 @@ Un tema [Zola](https://getzola.org) rápido, ligero y moderno que utiliza [abrid ## Inicio rápido -Este tema requiere la versión {{ showdata(src="https://raw.githubusercontent.com/Jieiku/abridge/master/theme.toml" key="min_version" type="toml") }} o posterior de [Zola](https://www.getzola.org/documentation/getting-started/installation/) +Este tema requiere la versión {{<showdata src="https://raw.githubusercontent.com/Jieiku/abridge/master/theme.toml" key="min_version" type="toml" page={page} config={config} />}} o posterior de [Zola](https://www.getzola.org/documentation/getting-started/installation/) ```bash git clone https://github.com/jieiku/abridge.git @@ -138,7 +138,7 @@ Zola iniciará el servidor web dev, accesible por defecto en `http://127.0.0.1:1 Los cambios guardados se recargarán en vivo en el navegador. (pulse `ctrl+f5`, o mientras desarrolla configure `pwa=false` en `config.toml`) -## Paginación {#pagination} +## Paginación {% raw %}{#pagination}{% endraw %} Puede establecer el número de elementos de la página de inicio editando el archivo `content\_index.md` y ajustando `paginate_by` @@ -241,7 +241,7 @@ menu_footer = [ ] ``` -### Etiquetas SEO y de cabecera {#seo} +### Etiquetas SEO y de cabecera {% raw %}{#seo}{% endraw %} Puede revisar las etiquetas SEO en la macro seo ubicada en `templates/macros/seo.html`, todos los valores configurables deben estar en `config.toml` bajo `config.extra` o en los archivos markdown de contenido. @@ -268,7 +268,7 @@ Puedes ver una demo en [esta página](https://abridge.netlify.app/overview-math/ Para un mejor rendimiento, recomiendo sólo habilitar las matemáticas en una [base por página en sus archivos post.md](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), en lugar de en su archivo config.toml principal. -### PWA, Aplicación Web Progresiva {#pwa} +### PWA, Aplicación Web Progresiva {% raw %}{#pwa}{% endraw %} Abridge tema tiene soporte PWA. Puede instalar todo el sitio como una aplicación y hacer que funcione sin conexión. Para probarlo simplemente usa google chrome o tu teléfono y ve aquí: [abridge.netlify.app](https://abridge.netlify.app/) diff --git a/content/overview-abridge/index.fr.md b/content/overview-abridge/index.fr.md index eb04aec..787d3ff 100644 --- a/content/overview-abridge/index.fr.md +++ b/content/overview-abridge/index.fr.md @@ -15,7 +15,7 @@ tags = [ "Config", ] +++ -Un thème rapide, léger et moderne [Zola](https://getzola.org) utilisant [abridge.css](https://github.com/Jieiku/abridge.css) (un cadre HTML CSS sémantique de classe légère). Les scores de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) sont parfaits. Voici une page [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md). +Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HTML sémantique épuré (peu de classes) et du CSS modulaire. Les scores de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) sont parfaits. Voici une page [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md). <!-- more --> @@ -54,7 +54,7 @@ Un thème rapide, léger et moderne [Zola](https://getzola.org) utilisant [abrid ## Démarrage rapide -Ce thème nécessite la version {{ showdata(src="https://raw.githubusercontent.com/Jieiku/abridge/master/theme.toml" key="min_version" type="toml") }} ou ultérieure de [Zola](https://www.getzola.org/documentation/getting-started/installation/) +Ce thème nécessite la version {{<showdata src="https://raw.githubusercontent.com/Jieiku/abridge/master/theme.toml" key="min_version" type="toml" page={page} config={config} />}} ou ultérieure de [Zola](https://www.getzola.org/documentation/getting-started/installation/) ```bash git clone https://github.com/jieiku/abridge.git @@ -138,7 +138,7 @@ Zola va démarrer le serveur web dev, accessible par défaut à `http://127.0.0. Les changements sauvegardés seront rechargés en direct dans le navigateur. (appuyez sur `ctrl+f5`, ou pendant le développement mettez `pwa=false` dans `config.toml`) -## Pagination {#pagination} +## Pagination {% raw %}{#pagination}{% endraw %} Vous pouvez définir le nombre d'éléments de la page d'accueil en éditant le fichier `content_index.md` et en ajustant `paginate_by` @@ -241,7 +241,7 @@ menu_footer = [ ] ``` -### SEO et balises d'en-tête {#seo} +### SEO et balises d'en-tête {% raw %}{#seo}{% endraw %} Vous pouvez revoir les balises SEO dans la macro seo située dans `templates/macros/seo.html`, toutes les valeurs configurables doivent être dans `config.toml` sous `config.extra` ou dans les fichiers markdown du contenu. @@ -268,7 +268,7 @@ Vous pouvez voir une démo sur [cette page] (https://abridge.netlify.app/overvie Pour de meilleures performances, je recommande de n'activer les mathématiques que [par base de page dans vos fichiers post.md](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), plutôt que dans votre fichier config.toml principal. -### PWA, Progressive Web App {#pwa} +### PWA, Progressive Web App {% raw %}{#pwa}{% endraw %} Le thème Abridge supporte les PWA. Vous pouvez installer le site entier en tant qu'application et le faire fonctionner hors ligne. Pour l'essayer, il suffit d'utiliser Google Chrome ou votre téléphone et d'aller ici : [abridge.netlify.app](https://abridge.netlify.app/) diff --git a/content/overview-abridge/index.md b/content/overview-abridge/index.md index 22044a6..d7f3d01 100644 --- a/content/overview-abridge/index.md +++ b/content/overview-abridge/index.md @@ -15,7 +15,7 @@ tags = [ "Config", ] +++ -A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing [abridge.css](https://github.com/Jieiku/abridge.css) (a class-light semantic HTML CSS Framework). Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page. +A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page. <!-- more --> @@ -54,7 +54,7 @@ A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing [abr ## Quick Start -This theme requires version {{ showdata(src="https://raw.githubusercontent.com/Jieiku/abridge/master/theme.toml" key="min_version" type="toml") }} or later of [Zola](https://www.getzola.org/documentation/getting-started/installation/) +This theme requires version {{<showdata src="https://raw.githubusercontent.com/Jieiku/abridge/master/theme.toml" key="min_version" type="toml" page={page} config={config} />}} or later of [Zola](https://www.getzola.org/documentation/getting-started/installation/) ```bash git clone https://github.com/jieiku/abridge.git @@ -138,7 +138,7 @@ Zola will start the dev web server, accessible by default at `http://127.0.0.1:1 Saved changes will live reload in the browser. (press `ctrl+f5`, or while developing set `pwa=false` in `config.toml`) -## Pagination {#pagination} +## Pagination {% raw %}{#pagination}{% endraw %} You can set the number of home page items by editing `content\_index.md` file and adjusting `paginate_by` @@ -241,7 +241,7 @@ menu_footer = [ ] ``` -### SEO and Header Tags {#seo} +### SEO and Header Tags {% raw %}{#seo}{% endraw %} You can review the SEO tags in the seo macro located at `templates/macros/seo.html`, all configurable values should be in `config.toml` under `config.extra` or in the content markdown files. @@ -268,7 +268,7 @@ You can see a demo on [this page](https://abridge.netlify.app/overview-math/). For better performance I recommend only enabling math on a [per page bases in your post.md files](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), instead of in your main config.toml file. -### PWA, Progressive Web App {#pwa} +### PWA, Progressive Web App {% raw %}{#pwa}{% endraw %} Abridge theme has PWA support. You can install the entire site as an app and have it work offline. To try it out simply use google chrome or your phone and go here: [abridge.netlify.app](https://abridge.netlify.app/) diff --git a/content/overview-images/index.es.md b/content/overview-images/index.es.md index 0f26e78..5fff0cc 100644 --- a/content/overview-images/index.es.md +++ b/content/overview-images/index.es.md @@ -42,45 +42,51 @@ Clases opcionales: ## Uso (misma ruta) +{% raw %} ```rs -{{/* img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") */}} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` +{% endraw %} **Salida** ```html -{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` -{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ## Uso (ruta relativa ./) +{% raw %} ```rs -{{/* img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") */}} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` +{% endraw %} **Salida** ```html -{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` -{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ## Uso (ruta raíz /) +{% raw %} ```rs -{{/* img(src="/images/ferris.svg" alt="Ferris the Rustacean") */}} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} ``` +{% endraw %} **Salida** ```html -{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} ``` -{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} # Imagen SVG directamente en el código @@ -109,42 +115,48 @@ Al pasar el ratón sobre la imagen se mostrará la imagen a comparar. ## Uso (misma ruta) +{% raw %} ```rs -{{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") */}} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ``` +{% endraw %} **Salida** ```html -{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ## Uso (ruta relativa ./) +{% raw %} ```rs -{{/* imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") */}} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ``` +{% endraw %} **Salida** ```html -{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ## Uso (ruta raíz /) +{% raw %} ```rs -{{/* imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") */}} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} ``` +{% endraw %} **Salida** ```html -{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md index ad77bf9..82c1bd6 100644 --- a/content/overview-images/index.fr.md +++ b/content/overview-images/index.fr.md @@ -42,45 +42,51 @@ Cours optionnels: ## Utilisation (même chemin) +{% raw %} ```rs -{{/* img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") */}} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` +{% endraw %} **Output** ```html -{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` -{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ## Utilisation (chemin relatif ./) +{% raw %} ```rs -{{/* img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") */}} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` +{% endraw %} **Output** ```html -{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` -{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ## Utilisation (chemin racine /) +{% raw %} ```rs -{{/* img(src="/images/ferris.svg" alt="Ferris the Rustacean") */}} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} ``` +{% endraw %} **Sortir** ```html -{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} ``` -{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} # Image SVG directement dans le code @@ -109,42 +115,48 @@ Lorsque vous passez votre souris sur l'image, l'image à comparer s'affiche. ## Utilisation (même chemin) +{% raw %} ```rs -{{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") */}} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ``` +{% endraw %} **Sortir** ```html -{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ## Utilisation (chemin relatif ./) +{% raw %} ```rs -{{/* imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") */}} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ``` +{% endraw %} **Sortir** ```html -{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ## Utilisation (chemin racine /) +{% raw %} ```rs -{{/* imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") */}} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} ``` +{% endraw %} **Sortir** ```html -{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} diff --git a/content/overview-images/index.md b/content/overview-images/index.md index c3cfd03..77a596b 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -42,45 +42,51 @@ Optional Classes: ## Usage (same path) +{% raw %} ```rs -{{/* img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") */}} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` +{% endraw %} **Output** ```html -{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` -{{ img(src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="ferris-happy.svg" class="ci b1" alt="Ferris is Happy" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ## Usage (relative path ./) +{% raw %} ```rs -{{/* img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") */}} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` +{% endraw %} **Output** ```html -{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ``` -{{ img(src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/") }} +{{<img src="./img/ferris-gesture.svg" alt="Ferris says Hello" caption="Ferris" link="https://www.rust-lang.org/" page={page} config={config} />}} ## Usage (root path /) +{% raw %} ```rs -{{/* img(src="/images/ferris.svg" alt="Ferris the Rustacean") */}} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} ``` +{% endraw %} **Output** ```html -{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} ``` -{{ img(src="/images/ferris.svg" alt="Ferris the Rustacean") }} +{{<img src="/images/ferris.svg" alt="Ferris the Rustacean" page={page} config={config} />}} # SVG image directly in code @@ -109,42 +115,48 @@ When you hover your mouse over the image it will display the image to compare. ## Usage (same path) +{% raw %} ```rs -{{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") */}} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ``` +{% endraw %} **Output** ```html -{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") }} +{{<imgswap main_src="ferris.svg" swap_src="ferris-happy.svg" page={page} config={config} />}} ## Usage (relative path ./) +{% raw %} ```rs -{{/* imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") */}} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ``` +{% endraw %} **Output** ```html -{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg") }} +{{<imgswap main_src="./img/ferris.svg" swap_src="./img/ferris-gesture.svg" page={page} config={config} />}} ## Usage (root path /) +{% raw %} ```rs -{{/* imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") */}} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} ``` +{% endraw %} **Output** ```html -{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} ``` -{{ imgswap(main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg") }} +{{<imgswap main_src="/images/ferris.svg" swap_src="/images/ferris-gesture.svg" page={page} config={config} />}} diff --git a/content/overview-math.es.md b/content/overview-math.es.md index d2307cd..c716ece 100644 --- a/content/overview-math.es.md +++ b/content/overview-math.es.md @@ -76,17 +76,19 @@ Esta es la ecuación más bonita que he visto nunca: ### Uso +{% raw %} ```rs -{%/* katex(block=false) */%} e^{i\pi}+1=0 {%/* end */%} +{% <katex block={false}> %}e^{i\pi}+1=0{% </katex> %} ``` +{% endraw %} ### Salida ```html -{% katex(block=false) %} e^{i\pi}+1=0 {% end %} +{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %} ``` -{% katex(block=false) %} e^{i\pi}+1=0 {% end %} +{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %} ### Matemáticas en bloque @@ -94,17 +96,35 @@ Un poco de Matemáticas en modo visualización es suficiente: ### Uso +{% raw %} ```rs -{%/* katex(block=true) */%} \int_0^1 x^2 dx {%/* end */%} +{% <katex block={true}> %}\int_0^1 x^2 dx{% </katex> %} ``` +{% endraw %} ### Salida ```html -{% katex(block=true) %} \int_0^1 x^2 dx {% end %} +{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %} ``` -{% katex(block=true) %} \int_0^1 x^2 dx {% end %} +{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %} + +### Uso + +{% raw %} +```rs +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} +``` +{% endraw %} + +### Salida + +```html +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} +``` + +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} ### Auto Render Inline diff --git a/content/overview-math.fr.md b/content/overview-math.fr.md index a26a5f0..f3e199d 100644 --- a/content/overview-math.fr.md +++ b/content/overview-math.fr.md @@ -76,17 +76,19 @@ C'est la plus belle équation que j'ai jamais vue: ### Usage +{% raw %} ```rs -{%/* katex(block=false) */%} e^{i\pi}+1=0 {%/* end */%} +{% <katex block={false}> %}e^{i\pi}+1=0{% </katex> %} ``` +{% endraw %} ### Sortir ```html -{% katex(block=false) %} e^{i\pi}+1=0 {% end %} +{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %} ``` -{% katex(block=false) %} e^{i\pi}+1=0 {% end %} +{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %} ### Bloquer les mathématiques @@ -94,17 +96,35 @@ Certaines mathématiques en mode affichage sont assez justes : ### Usage +{% raw %} ```rs -{%/* katex(block=true) */%} \int_0^1 x^2 dx {%/* end */%} +{% <katex block={true}> %}\int_0^1 x^2 dx{% </katex> %} ``` +{% endraw %} ### Sortir ```html -{% katex(block=true) %} \int_0^1 x^2 dx {% end %} +{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %} ``` -{% katex(block=true) %} \int_0^1 x^2 dx {% end %} +{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %} + +### Usage + +{% raw %} +```rs +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} +``` +{% endraw %} + +### Sortir + +```html +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} +``` + +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} ### Rendu automatique en ligne diff --git a/content/overview-math.md b/content/overview-math.md index 3d29dd3..27ef78a 100644 --- a/content/overview-math.md +++ b/content/overview-math.md @@ -76,17 +76,19 @@ This is the most beautiful equation I've ever seen: ### Usage +{% raw %} ```rs -{%/* katex(block=false) */%} e^{i\pi}+1=0 {%/* end */%} +{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %} ``` +{% endraw %} ### Output ```html -{% katex(block=false) %} e^{i\pi}+1=0 {% end %} +{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %} ``` -{% katex(block=false) %} e^{i\pi}+1=0 {% end %} +{% <katex block={false}> %} e^{i\pi}+1=0 {% </katex> %} ### Block Mathematics @@ -94,17 +96,35 @@ Some Mathematics in display mode is fair enough: ### Usage +{% raw %} ```rs -{%/* katex(block=true) */%} \int_0^1 x^2 dx {%/* end */%} +{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %} ``` +{% endraw %} ### Output ```html -{% katex(block=true) %} \int_0^1 x^2 dx {% end %} +{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %} ``` -{% katex(block=true) %} \int_0^1 x^2 dx {% end %} +{% <katex block={true}> %} \int_0^1 x^2 dx {% </katex> %} + +### Usage + +{% raw %} +```rs +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} +``` +{% endraw %} + +### Output + +```html +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} +``` + +{% <katex block={true}> %} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {% </katex> %} ### Auto Render Inline diff --git a/content/overview-rich-content/index.es.md b/content/overview-rich-content/index.es.md index fdafd67..42ffd2e 100644 --- a/content/overview-rich-content/index.es.md +++ b/content/overview-rich-content/index.es.md @@ -45,31 +45,35 @@ Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` l ### Uso +{% raw %} ```rs -{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` +{% endraw %} ### Salida ```html -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ### Uso +{% raw %} ```rs -{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="¡Son más de 9000!") */}} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="¡Son más de 9000!" page={page} config={config} />}} ``` +{% endraw %} ### Salida ```html -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="¡Son más de 9000!") }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="¡Son más de 9000!" page={page} config={config} />}} ``` -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ## Imagen @@ -95,17 +99,19 @@ La última imagen en la matriz `sources` se utiliza para crear una etiqueta `<im ### Uso +{% raw %} ```rs -{{/* image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="¡ES MÁS DE 9000!") */}} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="¡ES MÁS DE 9000!" page={page} config={config} />}} ``` +{% endraw %} ### Salida ```html -{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="¡ES MÁS DE 9000!") }} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="¡ES MÁS DE 9000!" page={page} config={config} />}} ``` -{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") }} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="ITS OVER 9000!" page={page} config={config} />}} ## GIF @@ -118,17 +124,19 @@ menos fiable. ### Utilización +{% raw %} ```rs -{{/* gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` +{% endraw %} ### Salida ```html -{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` -{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ## Audio @@ -155,28 +163,32 @@ El navegador reproducirá el primer tipo que admita, por lo que colocarlos en or ### Uso +{% raw %} ```rs -{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) */}} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} page={page} config={config} />}} ``` +{% endraw %} ### Salida ```html -{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) }} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} page={page} config={config} />}} ``` -{{ audio(sources=["over9000.ogg", "over9000.mp3"]) }} +{{<audio sources={["over9000.ogg", "over9000.mp3"]} page={page} config={config} />}} ### Uso +{% raw %} ```rs -{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"] class="ci b1" caption="¡Son más de 9000!!") */}} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} class="ci b1" caption="¡Son más de 9000!!" page={page} config={config} />}} ``` +{% endraw %} ### Salida ```html -{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"] class="ci b1" caption="¡Son más de 9000!") }} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} class="ci b1" caption="¡Son más de 9000!" page={page} config={config} />}} ``` -{{ audio(sources=["over9000.ogg", "over9000.mp3"] class="ci b1" caption="It's Over 9000!!") }} +{{<audio sources={["over9000.ogg", "over9000.mp3"]} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md index acd9374..838280b 100644 --- a/content/overview-rich-content/index.fr.md +++ b/content/overview-rich-content/index.fr.md @@ -45,31 +45,35 @@ Plusieurs shortcodes personnalisés sont inclus pour améliorer CommonMark. `vid ### Utilisation +{% raw %} ```rs -{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` +{% endraw %} ### Sortie ```html -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ### Utilisation +{% raw %} ```rs -{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") */}} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ``` +{% endraw %} ### Sortie ```html -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ``` -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ## Image @@ -95,17 +99,19 @@ La dernière image du tableau `sources` est utilisée pour créer une balise `<i ### Utilisation +{% raw %} ```rs -{{/* image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") */}} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="ITS OVER 9000!" page={page} config={config} />}} ``` +{% endraw %} ### Sortie ```html -{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") }} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="ITS OVER 9000!" page={page} config={config} />}} ``` -{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") }} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="ITS OVER 9000!" page={page} config={config} />}} ## GIF @@ -118,17 +124,19 @@ moins fiable. ### Utilisation +{% raw %} ```rs -{{/* gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` +{% endraw %} ### Sortie ```html -{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` -{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ## Audio @@ -155,28 +163,32 @@ Le navigateur lira le premier type qu'il prend en charge, donc les placer dans l ### Utilisation +{% raw %} ```rs -{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) */}} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} page={page} config={config} />}} ``` +{% endraw %} ### Sortie ```html -{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) }} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} page={page} config={config} />}} ``` -{{ audio(sources=["over9000.ogg", "over9000.mp3"]) }} +{{<audio sources={["over9000.ogg", "over9000.mp3"]} page={page} config={config} />}} ### Utilisation +{% raw %} ```rs -{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"] class="ci b1" caption="It's Over 9000!!") */}} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ``` +{% endraw %} ### Sortie ```html -{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"] class="ci b1" caption="It's Over 9000!!") }} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ``` -{{ audio(sources=["over9000.ogg", "over9000.mp3"] class="ci b1" caption="It's Over 9000!!") }} +{{<audio sources={["over9000.ogg", "over9000.mp3"]} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} diff --git a/content/overview-rich-content/index.md b/content/overview-rich-content/index.md index 6049768..bed7472 100644 --- a/content/overview-rich-content/index.md +++ b/content/overview-rich-content/index.md @@ -45,31 +45,35 @@ Several custom shortcodes are included to augment CommonMark. `video`, `image`, ### Usage +{% raw %} ```rs -{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` +{% endraw %} ### Output ```html -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ### Usage +{% raw %} ```rs -{{/* video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") */}} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ``` +{% endraw %} ### Output ```html -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ``` -{{ video(sources=["over9000_av1.mp4", "over9000_vp9.webm"] muted="true" class="ci b1" caption="It's Over 9000!!") }} +{{<video sources={["over9000_av1.mp4", "over9000_vp9.webm"]} muted={true} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ## Image @@ -95,17 +99,19 @@ Each string in the `sources` array should be a path to an image file of a differ ### Usage +{% raw %} ```rs -{{/* image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") */}} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="ITS OVER 9000!" page={page} config={config} />}} ``` +{% endraw %} ### Output ```html -{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") }} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="ITS OVER 9000!" page={page} config={config} />}} ``` -{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"] w=640 h=480 alt="ITS OVER 9000!") }} +{{<image sources={["over9000-960.avif", "over9000-640.avif", "over9000-400.avif", "over9000-640.webp"]} w={640} h={480} alt="ITS OVER 9000!" page={page} config={config} />}} ## GIF @@ -118,17 +124,19 @@ less reliable. ### Usage +{% raw %} ```rs -{{/* gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) */}} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` +{% endraw %} ### Output ```html -{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ``` -{{ gif(sources=["over9000_av1.mp4", "over9000_vp9.webm"]) }} +{{<gif sources={["over9000_av1.mp4", "over9000_vp9.webm"]} page={page} config={config} />}} ## Audio @@ -155,28 +163,32 @@ The browser will play the first type it supports, so placing them in order of si ### Usage +{% raw %} ```rs -{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) */}} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} page={page} config={config} />}} ``` +{% endraw %} ### Output ```html -{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]) }} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} page={page} config={config} />}} ``` -{{ audio(sources=["over9000.ogg", "over9000.mp3"]) }} +{{<audio sources={["over9000.ogg", "over9000.mp3"]} page={page} config={config} />}} ### Usage +{% raw %} ```rs -{{/* audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"] class="ci b1" caption="It's Over 9000!!") */}} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ``` +{% endraw %} ### Output ```html -{{ audio(sources=["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"] class="ci b1" caption="It's Over 9000!!") }} +{{<audio sources={["over9000.ogg", "over9000.mp3", "over9000.flac", "over9000.wav"]} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} ``` -{{ audio(sources=["over9000.ogg", "over9000.mp3"] class="ci b1" caption="It's Over 9000!!") }} +{{<audio sources={["over9000.ogg", "over9000.mp3"]} class="ci b1" caption="It's Over 9000!!" page={page} config={config} />}} diff --git a/content/overview-showdata.es.md b/content/overview-showdata.es.md index 4e7db9e..705f9f0 100644 --- a/content/overview-showdata.es.md +++ b/content/overview-showdata.es.md @@ -32,4 +32,4 @@ Este tema requiere la versión {{ showdata(src="../theme.toml" type="t ## Salida -Este tema requiere la versión {{ showdata(src="../theme.toml" type="toml" key="min_version") }} o posterior de Zola. +Este tema requiere la versión {{<showdata src="../theme.toml" type="toml" key="min_version" page={page} config={config} />}} o posterior de Zola. diff --git a/content/overview-showdata.fr.md b/content/overview-showdata.fr.md index ebbb1e1..f7038f6 100644 --- a/content/overview-showdata.fr.md +++ b/content/overview-showdata.fr.md @@ -32,4 +32,4 @@ Ce thème nécessite une version {{ showdata(src="../theme.toml" type= ## Sortir -Ce thème nécessite une version {{ showdata(src="../theme.toml" type="toml" key="min_version") }} ou plus tard de Zola. +Ce thème nécessite une version {{<showdata src="../theme.toml" type="toml" key="min_version" page={page} config={config} />}} ou plus tard de Zola. diff --git a/content/overview-showdata.md b/content/overview-showdata.md index 6fec6b0..be1734e 100644 --- a/content/overview-showdata.md +++ b/content/overview-showdata.md @@ -32,4 +32,4 @@ This theme requires version {{ showdata(src="../theme.toml" type="toml ## Output -This theme requires version {{ showdata(src="../theme.toml" type="toml" key="min_version") }} or later of Zola. +This theme requires version {{<showdata src="../theme.toml" type="toml" key="min_version" page={page} config={config} />}} or later of Zola. diff --git a/content/pages/about.es.md b/content/pages/about.es.md index 4259c26..550c6db 100644 --- a/content/pages/about.es.md +++ b/content/pages/about.es.md @@ -6,7 +6,7 @@ title = "Sobre" +++ Este sitio proporciona una demostración del [tema abridge](https://github.com/Jieiku/abridge) de [Zola](https://www.getzola.org/), el generador de sitios estáticos. -Abridge fue creado por [Jake G (jieiku)](https://github.com/Jieiku) para ser rápido y ligero, usando html semántico, un [abridge.css](https://github.com/Jieiku/abridge.css) de clase-ligera, y JS No Mandatorio. +[Jake G (jieiku)](https://github.com/Jieiku) creó Abridge para que fuera rápido y ligero, utilizando HTML semántico, CSS con pocas clases y sin JavaScript obligatorio. Casi la mitad de los temas de Zola bajo licencia MIT existentes sirvieron de inspiración para las caraterísticas y el diseño de este tema. diff --git a/content/pages/about.fr.md b/content/pages/about.fr.md index b748a52..4cdb7ba 100644 --- a/content/pages/about.fr.md +++ b/content/pages/about.fr.md @@ -6,7 +6,7 @@ title = "À propos" +++ Ce site fournit une démo pour le thème [Abridge](https://github.com/Jieiku/abridge) de [Zola](https://www.getzola.org/), le générateur de site statique. -Abridge a été créé par [Jake G (jieiku)](https://github.com/Jieiku) pour être rapide et léger, en utilisant du HTML sémantique, un [abridge.css](https://github.com/Jieiku/abridge.css) léger de classe et No Mandatory JS. +Abridge a été créé par [Jake G (jieiku)](https://github.com/Jieiku) pour être rapide et léger, en utilisant du HTML sémantique, du CSS économe en classes et sans JavaScript obligatoire. Près de la moitié des thèmes Zola MIT existants ont inspiré les fonctionnalités et la conception de ce thème. diff --git a/content/pages/about.md b/content/pages/about.md index abab132..0b12e2b 100644 --- a/content/pages/about.md +++ b/content/pages/about.md @@ -6,7 +6,7 @@ title = "About" +++ This site provides a demo for the [abridge theme](https://github.com/Jieiku/abridge) for [Zola](https://www.getzola.org/) the static site generator. -Abridge was created by [Jake G (jieiku)](https://github.com/Jieiku) to be fast and lightweight, using semantic html, a class-light [abridge.css](https://github.com/Jieiku/abridge.css), and No Mandatory JS. +Abridge was created by [Jake G (jieiku)](https://github.com/Jieiku) to be fast and lightweight, using semantic html, and class-light css, and No Mandatory JS. Nearly half of the existing Zola MIT themes were inspiration for features and design of this theme. diff --git a/content/pages/about.pt.md b/content/pages/about.pt.md index 34086d5..2d540d5 100644 --- a/content/pages/about.pt.md +++ b/content/pages/about.pt.md @@ -6,7 +6,7 @@ title = "Sobre" +++ Este site fornece uma demonstração do [tema abridge](https://github.com/Jieiku/abridge) de [Zola](https://www.getzola.org/), o gerador de sites estáticos. -Abridge foi criado por [Jake G (jieiku)](https://github.com/Jieiku) para ser rápido e leve, usando html semântico, um [abridge.css](https://github.com/Jieiku/abridge.css) de classe-leve, e JS Não Mandatório. +O Abridge foi criado por [Jake G (jieiku)](https://github.com/Jieiku) para ser rápido e leve, utilizando HTML semântico, CSS com poucas classes e sem JavaScript obrigatório. Quase a metade dos temas Zola sob licença MIT existentes serviram de inspiração para as características e o desenho deste tema. diff --git a/content/video-streaming-sites/overview-embed-streamable.es.md b/content/video-streaming-sites/overview-embed-streamable.es.md index a7e96f1..3944ce4 100644 --- a/content/video-streaming-sites/overview-embed-streamable.es.md +++ b/content/video-streaming-sites/overview-embed-streamable.es.md @@ -24,9 +24,11 @@ Zola tiene muchos shortcodes, y nuevos son facilmente añadidos, este ejemplo mu ### Uso +{% raw %} ```rs -{{/* streamable(id="92ok4") */}} +{{<streamable id="92ok4" />}} ``` +{% endraw %} - `id` - el id del vídeo (obligatorio) - `class` - una clase para añadir al <div> que rodea al iframe (opcional) @@ -35,7 +37,7 @@ Zola tiene muchos shortcodes, y nuevos son facilmente añadidos, este ejemplo mu ### Salida ```html -{{ streamable(id="92ok4") }} +{{<streamable id="92ok4" />}} ``` -{{ streamable(id="92ok4") }} +{{<streamable id="92ok4" />}} diff --git a/content/video-streaming-sites/overview-embed-streamable.fr.md b/content/video-streaming-sites/overview-embed-streamable.fr.md index 4b4ad81..aa19056 100644 --- a/content/video-streaming-sites/overview-embed-streamable.fr.md +++ b/content/video-streaming-sites/overview-embed-streamable.fr.md @@ -24,9 +24,11 @@ Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exem ### Usage +{% raw %} ```rs -{{/* streamable(id="92ok4") */}} +{{<streamable id="92ok4" />}} ``` +{% endraw %} - `id` - l'identifiant de la vidéo (obligatoire) - `class` - une classe à ajouter au <div> entourant l'iframe (optionnel) @@ -35,7 +37,7 @@ Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exem ### Output ```html -{{ streamable(id="92ok4") }} +{{<streamable id="92ok4" />}} ``` -{{ streamable(id="92ok4") }} +{{<streamable id="92ok4" />}} diff --git a/content/video-streaming-sites/overview-embed-streamable.md b/content/video-streaming-sites/overview-embed-streamable.md index f9a2fa6..5495968 100644 --- a/content/video-streaming-sites/overview-embed-streamable.md +++ b/content/video-streaming-sites/overview-embed-streamable.md @@ -24,9 +24,11 @@ Zola has many shortcodes, and new are easily added, this example shows streamabl ### Usage +{% raw %} ```rs -{{/* streamable(id="92ok4") */}} +{{<streamable id="92ok4" />}} ``` +{% endraw %} - `id` - the video id (mandatory) - `class` - a class to add to the <div> surrounding the iframe (optional) @@ -35,7 +37,7 @@ Zola has many shortcodes, and new are easily added, this example shows streamabl ### Output ```html -{{ streamable(id="92ok4") }} +{{<streamable id="92ok4" />}} ``` -{{ streamable(id="92ok4") }} +{{<streamable id="92ok4" />}} diff --git a/content/video-streaming-sites/overview-embed-vimeo.es.md b/content/video-streaming-sites/overview-embed-vimeo.es.md index 99a91af..d7bde48 100644 --- a/content/video-streaming-sites/overview-embed-vimeo.es.md +++ b/content/video-streaming-sites/overview-embed-vimeo.es.md @@ -24,9 +24,11 @@ Zola tiene muchos shortcodes, y los nuevos se añaden fácilmente, este ejemplo ### Uso +{% raw %} ```rs -{{/* vimeo(id="514402648") */}} +{{<vimeo id="514402648" />}} ``` +{% endraw %} - `id` - el id del video (obligatorio) - `class` - una clase para añadir al \<div\> que rodea el iframe (opcional) @@ -39,7 +41,7 @@ Zola tiene muchos shortcodes, y los nuevos se añaden fácilmente, este ejemplo ### Salida ```html -{{ vimeo(id="514402648") }} +{{<vimeo id="514402648" />}} ``` -{{ vimeo(id="514402648") }} +{{<vimeo id="514402648" />}} diff --git a/content/video-streaming-sites/overview-embed-vimeo.fr.md b/content/video-streaming-sites/overview-embed-vimeo.fr.md index 684fb76..2858b9d 100644 --- a/content/video-streaming-sites/overview-embed-vimeo.fr.md +++ b/content/video-streaming-sites/overview-embed-vimeo.fr.md @@ -24,9 +24,11 @@ Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exem ### Usage +{% raw %} ```rs -{{/* vimeo(id="514402648") */}} +{{<vimeo id="514402648" />}} ``` +{% endraw %} - `id` - l'identifiant de la vidéo (obligatoire) - `class` - une classe à ajouter au <div> entourant l'iframe (optionnel) @@ -39,7 +41,7 @@ Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exem ### Output ```html -{{ vimeo(id="514402648") }} +{{<vimeo id="514402648" />}} ``` -{{ vimeo(id="514402648") }} +{{<vimeo id="514402648" />}} diff --git a/content/video-streaming-sites/overview-embed-vimeo.md b/content/video-streaming-sites/overview-embed-vimeo.md index cfc00de..ce6fd39 100644 --- a/content/video-streaming-sites/overview-embed-vimeo.md +++ b/content/video-streaming-sites/overview-embed-vimeo.md @@ -24,9 +24,11 @@ Zola has many shortcodes, and new are easily added, this example shows vimeo. ### Usage +{% raw %} ```rs -{{/* vimeo(id="514402648") */}} +{{<vimeo id="514402648" />}} ``` +{% endraw %} - `id` - the video id (mandatory) - `class` - a class to add to the <div> surrounding the iframe (optional) @@ -39,7 +41,7 @@ Zola has many shortcodes, and new are easily added, this example shows vimeo. ### Output ```html -{{ vimeo(id="514402648") }} +{{<vimeo id="514402648" />}} ``` -{{ vimeo(id="514402648") }} +{{<vimeo id="514402648" />}} diff --git a/content/video-streaming-sites/overview-embed-youtube.es.md b/content/video-streaming-sites/overview-embed-youtube.es.md index db6764f..52d7119 100644 --- a/content/video-streaming-sites/overview-embed-youtube.es.md +++ b/content/video-streaming-sites/overview-embed-youtube.es.md @@ -24,9 +24,11 @@ Zola tiene muchos shortcodes, y nuevos son facilmente añadidos, este ejemplo mu ### Uso +{% raw %} ```rs -{{/* youtube(id="32gyFIWecuw") */}} +{{<youtube id="32gyFIWecuw" />}} ``` +{% endraw %} - `id` - el id del video (obligatorio) - `playlist` - el id de la lista de reproducción (opcional) @@ -38,7 +40,7 @@ Zola tiene muchos shortcodes, y nuevos son facilmente añadidos, este ejemplo mu ### Salida ```html -{{ youtube(id="32gyFIWecuw") }} +{{<youtube id="32gyFIWecuw" />}} ``` -{{ youtube(id="32gyFIWecuw") }} +{{<youtube id="32gyFIWecuw" />}} diff --git a/content/video-streaming-sites/overview-embed-youtube.fr.md b/content/video-streaming-sites/overview-embed-youtube.fr.md index bd85d9b..1aa3230 100644 --- a/content/video-streaming-sites/overview-embed-youtube.fr.md +++ b/content/video-streaming-sites/overview-embed-youtube.fr.md @@ -24,9 +24,11 @@ Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exem ### Usage +{% raw %} ```rs -{{/* youtube(id="32gyFIWecuw") */}} +{{<youtube id="32gyFIWecuw" />}} ``` +{% endraw %} - `id` - l'identifiant de la vidéo (obligatoire) - `playlist` - l'identifiant de la playlist (optionnel) @@ -38,7 +40,7 @@ Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exem ### Output ```html -{{ youtube(id="32gyFIWecuw") }} +{{<youtube id="32gyFIWecuw" />}} ``` -{{ youtube(id="32gyFIWecuw") }} +{{<youtube id="32gyFIWecuw" />}} diff --git a/content/video-streaming-sites/overview-embed-youtube.md b/content/video-streaming-sites/overview-embed-youtube.md index 86a83b9..183b744 100644 --- a/content/video-streaming-sites/overview-embed-youtube.md +++ b/content/video-streaming-sites/overview-embed-youtube.md @@ -24,9 +24,11 @@ Zola has many shortcodes, and new are easily added, this example shows youtube. ### Usage +{% raw %} ```rs -{{/* youtube(id="32gyFIWecuw") */}} +{{<youtube id="32gyFIWecuw" />}} ``` +{% endraw %} - `id` - the video id (mandatory) - `playlist` - the playlist id (optional) @@ -38,7 +40,7 @@ Zola has many shortcodes, and new are easily added, this example shows youtube. ### Output ```html -{{ youtube(id="32gyFIWecuw") }} +{{<youtube id="32gyFIWecuw" />}} ``` -{{ youtube(id="32gyFIWecuw") }} +{{<youtube id="32gyFIWecuw" />}} |