From 9543caf10ffdbcc2cea462a8bcb64cee29d406d5 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 22 May 2023 23:09:27 -0700 Subject: Syntax Highlighting Variables --- content/overview-code-blocks.fr.md | 57 +++++++++++++++++++++++++++++++ content/overview-code-blocks.md | 57 +++++++++++++++++++++++++++++++ content/overview-embed-streamable.fr.md | 33 ++++++++++++++++++ content/overview-embed-streamable.md | 33 ++++++++++++++++++ content/overview-embed-vimeo.fr.md | 37 ++++++++++++++++++++ content/overview-embed-vimeo.md | 37 ++++++++++++++++++++ content/overview-embed-youtube.fr.md | 36 +++++++++++++++++++ content/overview-embed-youtube.md | 36 +++++++++++++++++++ content/overview-embedded-vimeo.fr.md | 29 ---------------- content/overview-embedded-vimeo.md | 29 ---------------- content/overview-embedded-youtube.fr.md | 28 --------------- content/overview-embedded-youtube.md | 28 --------------- content/overview-rich-content/index.fr.md | 2 +- content/overview-rich-content/index.md | 2 +- 14 files changed, 328 insertions(+), 116 deletions(-) create mode 100644 content/overview-embed-streamable.fr.md create mode 100644 content/overview-embed-streamable.md create mode 100644 content/overview-embed-vimeo.fr.md create mode 100644 content/overview-embed-vimeo.md create mode 100644 content/overview-embed-youtube.fr.md create mode 100644 content/overview-embed-youtube.md delete mode 100644 content/overview-embedded-vimeo.fr.md delete mode 100644 content/overview-embedded-vimeo.md delete mode 100644 content/overview-embedded-youtube.fr.md delete mode 100644 content/overview-embedded-youtube.md (limited to 'content') diff --git a/content/overview-code-blocks.fr.md b/content/overview-code-blocks.fr.md index c8fbdf2..a21c15a 100644 --- a/content/overview-code-blocks.fr.md +++ b/content/overview-code-blocks.fr.md @@ -320,3 +320,60 @@ while True: print("Could Not Connect to SMTP server!") time.sleep(interval) ``` + +### Ruby +```ruby +=begin + Ruby program to check whether the + year is leap year or not between range. +=end + +puts "Enter the lower limit:" +lwr = gets.chomp.to_i +puts "Enter the upper limit:" +upr = gets.chomp.to_i + +for yr in lwr..upr do + if yr % 400 == 0 + puts "#{yr} is a leap year" + elsif yr % 4 == 0 && yr % 100 !=0 + puts "#{yr} is a leap year" + else + puts "#{yr} is not a leap year" + end +end +``` + +### SCSS +```scss + +$font: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif !default; +$font-mono: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace !default; + +@mixin root { + #{--ff}: $font; + #{--fm}: $font-mono;//code + + --fs: 1rem; //font-size + + // Responsive typography + @if $enable-responsive-typography { + @if map-get($breakpoints, "lg") { + @media (min-width: map-get($breakpoints, "lg")) { + --fs: 1.08rem; + } + } + } +} +``` + +### CSS +```css +html { + font-size: var(--fs); +} + +.c { + text-align: center; +} +``` diff --git a/content/overview-code-blocks.md b/content/overview-code-blocks.md index d38ac9e..916dcc1 100644 --- a/content/overview-code-blocks.md +++ b/content/overview-code-blocks.md @@ -320,3 +320,60 @@ while True: print("Could Not Connect to SMTP server!") time.sleep(interval) ``` + +### Ruby +```ruby +=begin + Ruby program to check whether the + year is leap year or not between range. +=end + +puts "Enter the lower limit:" +lwr = gets.chomp.to_i +puts "Enter the upper limit:" +upr = gets.chomp.to_i + +for yr in lwr..upr do + if yr % 400 == 0 + puts "#{yr} is a leap year" + elsif yr % 4 == 0 && yr % 100 !=0 + puts "#{yr} is a leap year" + else + puts "#{yr} is not a leap year" + end +end +``` + +### SCSS +```scss + +$font: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif !default; +$font-mono: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace !default; + +@mixin root { + #{--ff}: $font; + #{--fm}: $font-mono;//code + + --fs: 1rem; //font-size + + // Responsive typography + @if $enable-responsive-typography { + @if map-get($breakpoints, "lg") { + @media (min-width: map-get($breakpoints, "lg")) { + --fs: 1.08rem; + } + } + } +} +``` + +### CSS +```css +html { + font-size: var(--fs); +} + +.c { + text-align: center; +} +``` diff --git a/content/overview-embed-streamable.fr.md b/content/overview-embed-streamable.fr.md new file mode 100644 index 0000000..0a4779a --- /dev/null +++ b/content/overview-embed-streamable.fr.md @@ -0,0 +1,33 @@ ++++ +title = "Streamable intégrées" +description = "Exemple d'article présentant un code abrégé Zola personnalisé pour intégrer des vidéos Streamable dans vos pages." +date = 2021-05-06 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","video"] +[extra] +keywords = "Video, Shortcodes, Embed, Embedded, Streamable" ++++ + +Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre streamable. + + +## Streamable + +### Usage + +```rs +{{/* streamable(id="92ok4") */}} +``` + +- `id`: l'identifiant de la vidéo (obligatoire) +- `class`: une classe à ajouter au <div> entourant l'iframe (optionnel) +- `title` - définir le titre alt pour l'iframe (facultatif, par défaut sur "Streamable") + +### Output +```html +{{ streamable(id="92ok4") }} +``` +{{ streamable(id="92ok4") }} diff --git a/content/overview-embed-streamable.md b/content/overview-embed-streamable.md new file mode 100644 index 0000000..2478d06 --- /dev/null +++ b/content/overview-embed-streamable.md @@ -0,0 +1,33 @@ ++++ +title = "Embed Streamable Video" +description = "Sample article showcasing a custom Zola shortcode for embedding Streamable Videos into your pages." +date = 2021-05-06 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","video"] +[extra] +keywords = "Video, Shortcodes, Embed, Embedded, Streamable" ++++ + +Zola has many shortcodes, and new are easily added, this example shows streamable. + + +## Streamable + +### Usage + +```rs +{{/* streamable(id="92ok4") */}} +``` + +- `id`: the video id (mandatory) +- `class`: a class to add to the <div> surrounding the iframe (optional) +- `title` - set alt title for the iframe (optional, defaults to "Streamable") + +### Output +```html +{{ streamable(id="92ok4") }} +``` +{{ streamable(id="92ok4") }} diff --git a/content/overview-embed-vimeo.fr.md b/content/overview-embed-vimeo.fr.md new file mode 100644 index 0000000..3c9ec47 --- /dev/null +++ b/content/overview-embed-vimeo.fr.md @@ -0,0 +1,37 @@ ++++ +title = "Vimeo intégrées" +description = "Exemple d'article présentant un code abrégé Zola personnalisé pour intégrer des vidéos Vimeo dans vos pages." +date = 2021-05-07 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","video"] +[extra] +keywords = "Video, Shortcodes, Embed, Embedded, Vimeo" ++++ + +Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre vimeo. + + +## Vimeo + +### Usage + +```rs +{{/* vimeo(id="514402648") */}} +``` + +- `id`: l'identifiant de la vidéo (obligatoire) +- `class`: une classe à ajouter au <div> entourant l'iframe (optionnel) +- `autoplay`: lorsqu'il est défini sur "true", la vidéo se lance automatiquement au chargement (facultatif) +- `loop`: lorsqu'il est défini sur "true", la vidéo est lue en boucle (optionnel) +- `noautopause`: lorsqu'il est défini sur "true", la vidéo ne s'arrêtera pas automatiquement (optionnel) +- `title` - définir le titre alt pour l'iframe (facultatif, par défaut sur "Vimeo") +- `cookie` - défini sur "true" si vous voulez des cookies de suivi, sinon il est par défaut sur false. + +### Output +```html +{{ vimeo(id="514402648") }} +``` +{{ vimeo(id="514402648") }} diff --git a/content/overview-embed-vimeo.md b/content/overview-embed-vimeo.md new file mode 100644 index 0000000..bc8cd93 --- /dev/null +++ b/content/overview-embed-vimeo.md @@ -0,0 +1,37 @@ ++++ +title = "Embed Vimeo Video" +description = "Sample article showcasing a custom Zola shortcode for embedding Vimeo Videos into your pages." +date = 2021-05-07 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","video"] +[extra] +keywords = "Video, Shortcodes, Embed, Embedded, Vimeo" ++++ + +Zola has many shortcodes, and new are easily added, this example shows vimeo. + + +## Vimeo + +### Usage + +```rs +{{/* vimeo(id="514402648") */}} +``` + +- `id`: the video id (mandatory) +- `class`: a class to add to the <div> surrounding the iframe (optional) +- `autoplay`: when set to "true", the video autoplays on load (optional) +- `loop`: when set to "true", the video plays on a loop (optional) +- `noautopause`: when set to "true", the video will not autopause (optional) +- `title` - set alt title for the iframe (optional, defaults to "Vimeo") +- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false. + +### Output +```html +{{ vimeo(id="514402648") }} +``` +{{ vimeo(id="514402648") }} diff --git a/content/overview-embed-youtube.fr.md b/content/overview-embed-youtube.fr.md new file mode 100644 index 0000000..3655b9a --- /dev/null +++ b/content/overview-embed-youtube.fr.md @@ -0,0 +1,36 @@ ++++ +title = "Youtube intégrées" +description = "Exemple d'article présentant un code court Zola personnalisé pour intégrer des vidéos Youtube dans vos pages." +date = 2021-05-08 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","video"] +[extra] +keywords = "Video, Shortcodes, Embed, Embedded, Youtube" ++++ + +Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre youtube. + + +## Youtube + +### Usage + +```rs +{{/* youtube(id="32gyFIWecuw") */}} +``` + +- `id`: l'identifiant de la vidéo (obligatoire) +- `playlist`: l'identifiant de la playlist (optionnel) +- `class`: une classe à ajouter au <div> entourant l'iframe (optionnel) +- `autoplay`: lorsqu'il est défini sur "true", la vidéo se lance automatiquement au chargement (facultatif) +- `title` - définir le titre alt pour l'iframe (facultatif, par défaut sur "Youtube") +- `cookie` - défini sur "true" si vous voulez des cookies de suivi, sinon il est par défaut sur false. + +### Output +```html +{{ youtube(id="32gyFIWecuw") }} +``` +{{ youtube(id="32gyFIWecuw") }} diff --git a/content/overview-embed-youtube.md b/content/overview-embed-youtube.md new file mode 100644 index 0000000..f247a7f --- /dev/null +++ b/content/overview-embed-youtube.md @@ -0,0 +1,36 @@ ++++ +title = "Embed Youtube Video" +description = "Sample article showcasing a custom Zola shortcode for embedding Youtube Videos into your pages." +date = 2021-05-08 +draft = false + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","video"] +[extra] +keywords = "Video, Shortcodes, Embed, Embedded, Youtube" ++++ + +Zola has many shortcodes, and new are easily added, this example shows youtube. + + +## Youtube + +### Usage + +```rs +{{/* youtube(id="32gyFIWecuw") */}} +``` + +- `id`: the video id (mandatory) +- `playlist`: the playlist id (optional) +- `class`: a class to add to the <div> surrounding the iframe (optional) +- `autoplay`: when set to "true", the video autoplays on load (optional) +- `title` - set alt title for the iframe (optional, defaults to "Youtube") +- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false. + +### Output +```html +{{ youtube(id="32gyFIWecuw") }} +``` +{{ youtube(id="32gyFIWecuw") }} diff --git a/content/overview-embedded-vimeo.fr.md b/content/overview-embedded-vimeo.fr.md deleted file mode 100644 index ef29b86..0000000 --- a/content/overview-embedded-vimeo.fr.md +++ /dev/null @@ -1,29 +0,0 @@ -+++ -title = "Vidéos Vimeo intégrées" -description = "Exemple d'article présentant un code abrégé Zola personnalisé pour intégrer des vidéos Vimeo dans vos pages." -date = 2021-05-07 -draft = false - -[taxonomies] -categories = ["Features"] -tags = ["shortcodes","video"] -[extra] -keywords = "Video, Shortcodes, Embed, Embedded, Vimeo" -+++ - -Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre vimeo. - - -## Vimeo - -with `vm(id="id_here")` - -- `id`: l'identifiant de la vidéo (obligatoire) -- `class`: une classe à ajouter au <div> entourant l'iframe (optionnel) -- `autoplay`: lorsqu'il est défini sur "true", la vidéo se lance automatiquement au chargement (facultatif) -- `loop`: lorsqu'il est défini sur "true", la vidéo est lue en boucle (optionnel) -- `noautopause`: lorsqu'il est défini sur "true", la vidéo ne s'arrêtera pas automatiquement (optionnel) -- `title` - définir le titre alt pour l'iframe (facultatif, par défaut sur "Vimeo") -- `cookie` - défini sur "true" si vous voulez des cookies de suivi, sinon il est par défaut sur false. - -{{ vm(id="514402648") }} diff --git a/content/overview-embedded-vimeo.md b/content/overview-embedded-vimeo.md deleted file mode 100644 index ed05ab7..0000000 --- a/content/overview-embedded-vimeo.md +++ /dev/null @@ -1,29 +0,0 @@ -+++ -title = "Embedded Vimeo Videos" -description = "Sample article showcasing a custom Zola shortcode for embedding Vimeo Videos into your pages." -date = 2021-05-07 -draft = false - -[taxonomies] -categories = ["Features"] -tags = ["shortcodes","video"] -[extra] -keywords = "Video, Shortcodes, Embed, Embedded, Vimeo" -+++ - -Zola has many shortcodes, and new are easily added, this example shows vimeo. - - -## Vimeo - -with `vm(id="id_here")` - -- `id`: the video id (mandatory) -- `class`: a class to add to the <div> surrounding the iframe (optional) -- `autoplay`: when set to "true", the video autoplays on load (optional) -- `loop`: when set to "true", the video plays on a loop (optional) -- `noautopause`: when set to "true", the video will not autopause (optional) -- `title` - set alt title for the iframe (optional, defaults to "Vimeo") -- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false. - -{{ vm(id="514402648") }} diff --git a/content/overview-embedded-youtube.fr.md b/content/overview-embedded-youtube.fr.md deleted file mode 100644 index b1c8cab..0000000 --- a/content/overview-embedded-youtube.fr.md +++ /dev/null @@ -1,28 +0,0 @@ -+++ -title = "Vidéos Youtube intégrées" -description = "Exemple d'article présentant un code court Zola personnalisé pour intégrer des vidéos Youtube dans vos pages." -date = 2021-05-08 -draft = false - -[taxonomies] -categories = ["Features"] -tags = ["shortcodes","video"] -[extra] -keywords = "Video, Shortcodes, Embed, Embedded, Youtube" -+++ - -Zola a de nombreux shortcodes, et de nouveaux sont facilement ajoutés, cet exemple montre youtube. - - -## Youtube - -avec `yt(id="the_id_here")` - -- `id`: l'identifiant de la vidéo (obligatoire) -- `playlist`: l'identifiant de la playlist (optionnel) -- `class`: une classe à ajouter au <div> entourant l'iframe (optionnel) -- `autoplay`: lorsqu'il est défini sur "true", la vidéo se lance automatiquement au chargement (facultatif) -- `title` - définir le titre alt pour l'iframe (facultatif, par défaut sur "Youtube") -- `cookie` - défini sur "true" si vous voulez des cookies de suivi, sinon il est par défaut sur false. - -{{ yt(id="32gyFIWecuw") }} diff --git a/content/overview-embedded-youtube.md b/content/overview-embedded-youtube.md deleted file mode 100644 index d364730..0000000 --- a/content/overview-embedded-youtube.md +++ /dev/null @@ -1,28 +0,0 @@ -+++ -title = "Embedded Youtube Videos" -description = "Sample article showcasing a custom Zola shortcode for embedding Youtube Videos into your pages." -date = 2021-05-08 -draft = false - -[taxonomies] -categories = ["Features"] -tags = ["shortcodes","video"] -[extra] -keywords = "Video, Shortcodes, Embed, Embedded, Youtube" -+++ - -Zola has many shortcodes, and new are easily added, this example shows youtube. - - -## Youtube - -with `yt(id="the_id_here")` - -- `id`: the video id (mandatory) -- `playlist`: the playlist id (optional) -- `class`: a class to add to the <div> surrounding the iframe (optional) -- `autoplay`: when set to "true", the video autoplays on load (optional) -- `title` - set alt title for the iframe (optional, defaults to "Youtube") -- `cookie` - set to "true" if you want tracking cookies, otherwise it defaults to false. - -{{ yt(id="32gyFIWecuw") }} diff --git a/content/overview-rich-content/index.fr.md b/content/overview-rich-content/index.fr.md index 43425fa..819b2db 100644 --- a/content/overview-rich-content/index.fr.md +++ b/content/overview-rich-content/index.fr.md @@ -1,7 +1,7 @@ +++ title = "Contenu riche" description = "Une brève description des Shortcodes personnalisés pour Zola qui implémentent des éléments html modernes : vidéo, image, gif, audio." -date = 2021-05-18 +date = 2021-05-15 draft = false [taxonomies] diff --git a/content/overview-rich-content/index.md b/content/overview-rich-content/index.md index 6e5d1b8..8f86d3b 100644 --- a/content/overview-rich-content/index.md +++ b/content/overview-rich-content/index.md @@ -1,7 +1,7 @@ +++ title = "Rich Content" description = "A brief description of custom Shortcodes for Zola that implement modern html elements: video, image, gif, audio." -date = 2021-05-18 +date = 2021-05-15 draft = false [taxonomies] -- cgit v1.3.1