From 787e9710b9af69eec7dcb72f12af34aef870951e Mon Sep 17 00:00:00 2001
From: Boris Verkhovskiy <boris.verk@gmail.com>
Date: Wed, 3 Apr 2024 04:16:08 -0700
Subject: [PATCH] Syntax highlighting

---
 CONTRIBUTING.markdown                   | 10 +++--
 de-de/visualbasic-de.html.markdown      |  2 +-
 es-es/forth-es.html.markdown            |  2 +-
 es-es/visualbasic-es.html.markdown      |  2 +-
 es-es/wolfram-es.html.markdown          |  2 +-
 fa-ir/css-fa.html.markdown              | 50 ++++++++++++-------------
 fr-fr/wolfram-fr.html.markdown          |  2 +-
 id-id/coffeescript-id.html.markdown     |  2 +-
 pt-br/visualbasic-pt.html.markdown      |  2 +-
 qsharp.html.markdown                    |  2 +-
 ru-ru/forth-ru.html.markdown            |  2 +-
 ru-ru/learnvisualbasic-ru.html.markdown |  2 +-
 sk-sk/elixir-sk.html.markdown           |  2 +-
 visualbasic.html.markdown               |  2 +-
 wolfram.html.markdown                   |  2 +-
 zh-cn/visualbasic-cn.html.markdown      |  2 +-
 zh-cn/wolfram-cn.html.markdown          |  2 +-
 17 files changed, 47 insertions(+), 43 deletions(-)

diff --git a/CONTRIBUTING.markdown b/CONTRIBUTING.markdown
index 430ecea0..f3556efa 100644
--- a/CONTRIBUTING.markdown
+++ b/CONTRIBUTING.markdown
@@ -34,7 +34,7 @@ review them more effectively and/or individually.
 * **Use UTF-8**
    * For translations (or EN articles with non-ASCII characters) please ensure
      your file is UTF-8 encoded.
-   * Try to leave out the byte-order-mark at the start of the file (in Vim, use
+   * Leave out the byte-order-mark (BOM) at the start of the file (in Vim, use
      `:set nobomb`).
    * You can check if the file contains a BOM on Linux/Unix systems by running
     `file language.html.markdown`  You will see this if it uses a BOM:
@@ -58,7 +58,7 @@ Other fields:
   *tool* or *Algorithms & Data Structures*. Defaults to *language* if omitted.
 * **filename**: The filename for this article's code. It will be fetched, mashed
   together, and made downloadable.
-   * For non-English articles, *filename* should   have a language-specific
+   * For non-English articles, *filename* should have a language-specific
      suffix.
 * **lang**: For translations, the human language this article is in. For
   categorization, mostly.
@@ -76,7 +76,11 @@ lang: ep-ep
 *--
 ```
 
-### Should I add myself as a Contributor?
+### Syntax highlighter
+
+[Rouge](https://github.com/rouge-ruby/rouge/wiki/List-of-supported-languages-and-lexers) is used for syntax highlighting.
+
+### Should I add myself as a contributor?
 
 If you want to add yourself to contributors, keep in mind that contributors get
 equal billing, and the first contributor usually wrote the whole article. Please
diff --git a/de-de/visualbasic-de.html.markdown b/de-de/visualbasic-de.html.markdown
index a0dde471..6194e906 100644
--- a/de-de/visualbasic-de.html.markdown
+++ b/de-de/visualbasic-de.html.markdown
@@ -8,7 +8,7 @@ filename: learnvisualbasic-de.vb
 lang: de-de
 ---
 
-```
+```visualbasic
 Module Modul1
 
 Sub Main()
diff --git a/es-es/forth-es.html.markdown b/es-es/forth-es.html.markdown
index edc5d38c..61123151 100644
--- a/es-es/forth-es.html.markdown
+++ b/es-es/forth-es.html.markdown
@@ -13,7 +13,7 @@ Forth fue criado por Charles H. Moore en los 70s. Forth es un lenguaje imperativ
 Nota: Este articulo enfoca predominantemente en la Gforth implementación de Forth, pero casi todo 
 de lo que esta escrito aquí debe funcionar en otro sitio.
 
-```
+```forth
 \ Este es un comentario
 ( Este es un comentario también pero solo esta usado cuando definiendo palabras. )
 
diff --git a/es-es/visualbasic-es.html.markdown b/es-es/visualbasic-es.html.markdown
index c677c20f..fb0b1d27 100644
--- a/es-es/visualbasic-es.html.markdown
+++ b/es-es/visualbasic-es.html.markdown
@@ -8,7 +8,7 @@ filename: learnvisualbasic-es.vb
 lang: es-es
 ---
 
-```
+```visualbasic
 Module Module1
 
     Sub Main()
diff --git a/es-es/wolfram-es.html.markdown b/es-es/wolfram-es.html.markdown
index 44ec9e09..6858c286 100644
--- a/es-es/wolfram-es.html.markdown
+++ b/es-es/wolfram-es.html.markdown
@@ -15,7 +15,7 @@ El lenguaje de Wolfram tiene varias interfaces:
 
 El código de este ejemplo se puede escribir en cualquier interfaz y editarlo con Wolfram Workbench. Cargar directamente en Matematica puede resultar incómodo porque el archivo no contiene información de formato de celda (lo que haría que el archivo sea un desastre enorme para ser leído como texto) - puede ser visto / editado pero tal vez requerira algún ajuste.
 
-```
+```mathematica
 (* Esto es un comentario *)
 
 (* En Mathematica en lugar de utilizar estos comentarios, puede crear una celda de texto
diff --git a/fa-ir/css-fa.html.markdown b/fa-ir/css-fa.html.markdown
index 4e222eb2..93af9132 100644
--- a/fa-ir/css-fa.html.markdown
+++ b/fa-ir/css-fa.html.markdown
@@ -29,21 +29,21 @@ filename: learncss-fa.css
 
 <p dir='rtl'>در CSS همه توضیحات داخل ستاره-بروم نوشته میشوند زیرا CSS دستوری برای توضیحات تک خطی مثل C ندارد</p>
 
-```CSS
+```css
 /* comments appear inside slash-asterisk, just like this line!
    there are no "one-line comments"; this is the only comment style */
 ```
 
 <p dir='rtl'>به طور کلی دستورات CSS بسیار ساده هستند که در آن یک انتخابگر (selector) عنصری را در  روی صفحه هدف قرار میدهد.</p>
 
-```CSS
+```css
 selector { property: value; /* more properties...*/ }
 ```
 
 <p dir='rtl'>با استفاده از ستاره می توان برای همه عناصر روی صفحه استایل تعریف کرد</p>
 
 
-```CSS
+```css
 * { color:red; }
 ```
 
@@ -55,129 +55,129 @@ selector { property: value; /* more properties...*/ }
 <p dir='rtl'>شما میتوانید با استفاده از نام کلاس آنرا انتخاب کنید</p>
 
 
-```CSS
+```css
 .some-class { }
 ```
 
 <p dir='rtl'>یا با استفاده از نام دو کلاس</p>
 
-```CSS
+```css
 .some-class.class2 { }
 ```
 
 <p dir='rtl'>یا با استفاده از نام id</p>
 
-```CSS
+```css
 #someId { }
 ```
 
 <p dir='rtl'>یا با استفاده از نام خود عنصر</p>
 
-```CSS
+```css
 div { }
 ```
 
 <p dir='rtl'>یا با استفاده از `attr`</p>
 
-```CSS
+```css
 [attr] { font-size:smaller; }
 ```
 
 <p dir='rtl'>یا با استفاده از ارزشی که برای `attr` مشخص شده</p>
 
-```CSS
+```css
 [attr='value'] { font-size:smaller; }
 ```
 
 <p dir='rtl'>با استفاده از ارزشی که برای `attr` مشخص شده و آن ارزش با `val` شروع میشود در CSS3</p>
 
-```CSS
+```css
 [attr^='val'] { font-size:smaller; }
 ```
 
 <p dir='rtl'>با استفاده از ارزشی که برای `attr` مشخص شده و آن ارزش با `ue` به پایان میرسد در CSS3</p>
 
-```CSS
+```css
 [attr$='ue'] { font-size:smaller; }
 ```
 
 <p dir='rtl'>یا با انتخاب بوسیله یکی از ارزشهایی که در لیست `otherAttr` بوسیله فاصله از هم جدا شده اند در CSS3</p>
 
-```CSS
+```css
 [attr$='ue'] { font-size:smaller; }
 ```
 
 <p dir='rtl'>یا ارزش(`value`) دقیقاً خود ارزش(`value`) یا بوسیله `-` که یونیکد (U+002D) از حرف بعدی جدا شود</p>
 
-```CSS
+```css
 [otherAttr|='en'] { font-size:smaller; }
 ```
 
 <p dir='rtl'>و مهمتر از همه اینکه میتوان آنها را ترکیب کرد. نکته مهمی که در اینجا باید مد نظر داشته باشید این است که هنگام ترکیب نباید هیچگونه فاصله ای بین آنها قرار گیرد زیرا در این حالت معنای دستور تغییر میکند</p>
 
-```CSS
+```css
 div.some-class[attr$='ue'] { }
 ```
 
 <p dir='rtl'>CSS این امکان را به شما میدهد که یک عنصر را بوسیله والدین آن انتخاب کنید</p>
 <p dir='rtl'>برای مثال دستور زیر همه عناصری را که نام کلاس آنها <span dir="ltr">`.class-name`</span> و دارای پدر و مادری با این مشخصه <span dir="ltr">`div.some-parent`</span> هستند را انتخاب میکند.</p>
 
-```CSS
+```css
 div.some-parent > .class-name {}
 ```
 
 
 <p dir='rtl'>یا دستور زیر که همه عناصری را که نام کلاس آنها <span dir="ltr">`.class-name`</span> و داخل عنصری با مشخصه <span dir="ltr">`div.some-parent`</span> هستند را در هر عمقی که باشند (یعنی فرزندی از فرزندان <span dir="ltr">`div.some-parent`</span><span dir="ltr"> باشند) انتخاب میکند.</p>
 
-```CSS
+```css
 div.some-parent .class-name {}
 ```
 
 <p dir='rtl'>نکته ای که در اینجا باید به آن توجه کنید این است که این رستور با فاصله ای بین نام دو کلاس همراه است و با مثال زیر که در بالا هم ذکر شد تفاوت دارد.</p>
 
-```CSS
+```css
 div.some-parent.class-name {}
 ```
 
 <p dir='rtl'>دستور زیر همه عناصری را که نام کلاس آنها <span dir="ltr">`.this-element`</span> و بلافاصله بعد از عنصری با مشخصه <span dir="ltr">`.i-am-before`</span> قرار دارد را انتخاب میکند.</p>
 
-```CSS
+```css
 .i-am-before + .this-element { }
 ```
 
 <p dir='rtl'>هر خواهر یا برادری که بعد از <span dir="ltr">`.i-am-before`</span> بیاید در اینجا لازم نیست بلافاصله بعد از هم قرار بگیرند ولی باید دارای پدر و مادری یکسان باشند.</p>
 
-```CSS
+```css
 .i-am-any-before ~ .this-element {}
 ```
 <p dir='rtl'>در زیر چند نمونه از شبه کلاسها را معرفی میکنیم که به شما اجازه میدهد عناصر را بر اساس رفتار آنها در صفحه انتخاب کنید.</p>
 <p dir='rtl'>برای مثال زمانی که اشاره گر ماوس روی عنصری بر روی صفحه قرار دارد.</p>
 
-```CSS
+```css
 selector:hover {}
 ```
 
 <p dir='rtl'>یا زمانی از یک لینک بازید کردید.</p>
 
-```CSS
+```css
 selected:visited {}
 ```
 
 <p dir='rtl'>یا زمانی از لینکی بازید نشده است.</p>
 
-```CSS
+```css
 selected:link {}
 ```
 
 <p dir='rtl'>یا زمانی که روی یک عنصر ورودی متمرکز شده.</p>
 
-```CSS
+```css
 selected:focus {}
 ```
 
 <h3 dir='rtl'>واحدها</h3>
 
-```CSS
+```css
 selector {
 
     /* واحدها اندازه */
@@ -247,7 +247,7 @@ selector {
 
 <p dir='rtl'>به مثال زیر توجه کنید:</p>
 
-```CSS
+```css
 /*A*/
 p.class1[attr='value']
 
diff --git a/fr-fr/wolfram-fr.html.markdown b/fr-fr/wolfram-fr.html.markdown
index 7b446259..10a37994 100644
--- a/fr-fr/wolfram-fr.html.markdown
+++ b/fr-fr/wolfram-fr.html.markdown
@@ -21,7 +21,7 @@ Ce code d'exemple peut être utilisé et modifié dans ces logiciels. Cependant,
 copier-coller directement dans Mathematica peut causer des problèmes de
 formatage, car il ne contient aucune information de mise en page.
 
-```
+```mathematica
 (* Ceci est un commentaire *)
 
 (* Dans Mathematica, au lieu d'utiliser ces commentaires, vous pouvez créer des
diff --git a/id-id/coffeescript-id.html.markdown b/id-id/coffeescript-id.html.markdown
index 7fa40bb6..fc876184 100644
--- a/id-id/coffeescript-id.html.markdown
+++ b/id-id/coffeescript-id.html.markdown
@@ -16,7 +16,7 @@ dan kompatibel dengan semua *runtime* JavaScript.
 
 Lihat juga [website CoffeeScript](http://coffeescript.org/) yang memiliki tutorial lengkap tentang CoffeeScript.
 
-```CoffeeScript
+```coffeescript
 # CoffeeScript adalah bahasa hipster.
 # Mengikuti tren bahasa modern lainnya.
 # Sehingga, seperti Ruby dan Python, untuk komentar digunakan tanda pagar.
diff --git a/pt-br/visualbasic-pt.html.markdown b/pt-br/visualbasic-pt.html.markdown
index 81292798..dcc72c04 100644
--- a/pt-br/visualbasic-pt.html.markdown
+++ b/pt-br/visualbasic-pt.html.markdown
@@ -8,7 +8,7 @@ lang: pt-br
 filename: learnvisualbasic-pt.vb
 ---
 
-```
+```visualbasic
 Module Module1
 
 module Module1
diff --git a/qsharp.html.markdown b/qsharp.html.markdown
index 10015d7f..04e697a4 100644
--- a/qsharp.html.markdown
+++ b/qsharp.html.markdown
@@ -9,7 +9,7 @@ filename: LearnQSharp.qs
 
 Q# is a high-level domain-specific language which enables developers to write quantum algorithms. Q# programs can be executed on a quantum simulator running on a classical computer and (in future) on quantum computers.
 
-```C#
+```c#
 // Single-line comments start with //
 
 
diff --git a/ru-ru/forth-ru.html.markdown b/ru-ru/forth-ru.html.markdown
index 90936b19..96fa0941 100644
--- a/ru-ru/forth-ru.html.markdown
+++ b/ru-ru/forth-ru.html.markdown
@@ -13,7 +13,7 @@ lang: ru-ru
 Внимание: этот материал использует реализацию Форта - Gforth, но большая часть написанного будет работать в других средах.
 
 
-```
+```forth
 \ Это комментарий
 ( Это тоже комментарий, но используется для предоределённых слов )
 
diff --git a/ru-ru/learnvisualbasic-ru.html.markdown b/ru-ru/learnvisualbasic-ru.html.markdown
index 72e1358c..6242fc42 100644
--- a/ru-ru/learnvisualbasic-ru.html.markdown
+++ b/ru-ru/learnvisualbasic-ru.html.markdown
@@ -8,7 +8,7 @@ filename: learnvisualbasic-ru.vb
 lang: ru-ru
 ---
 
-```vbnet
+```visualbasic
 Module Module1
 
     Sub Main()
diff --git a/sk-sk/elixir-sk.html.markdown b/sk-sk/elixir-sk.html.markdown
index d5159610..c9522b49 100644
--- a/sk-sk/elixir-sk.html.markdown
+++ b/sk-sk/elixir-sk.html.markdown
@@ -14,7 +14,7 @@ Elixir je moderný funkcionálny jazyk vytvorený nad Erlang VM (virtuálnym
 strojom). Je plne kompatibilný s Erlangom, ale ponúka viac štandardnú syntax
 a množstvo funkcií.
 
-```Elixir
+```elixir
 
 # Jednoriadkový komentár začína symbolom #
 
diff --git a/visualbasic.html.markdown b/visualbasic.html.markdown
index a253af48..b79017dc 100644
--- a/visualbasic.html.markdown
+++ b/visualbasic.html.markdown
@@ -5,7 +5,7 @@ contributors:
 filename: learnvisualbasic.vb
 ---
 
-```
+```visualbasic
 Module Module1
 
     Sub Main()
diff --git a/wolfram.html.markdown b/wolfram.html.markdown
index 5fddbc82..fa8ee078 100644
--- a/wolfram.html.markdown
+++ b/wolfram.html.markdown
@@ -14,7 +14,7 @@ Wolfram Language has several interfaces:
 
 The code in this example can be typed in to any interface and edited with Wolfram Workbench. Loading directly into Mathematica may be awkward because the file contains no cell formatting information (which would make the file a huge mess to read as text) - it can be viewed/edited but may require some setting up.
 
-```
+```mathematica
 (* This is a comment *)
 
 (* In Mathematica instead of using these comments you can create a text cell
diff --git a/zh-cn/visualbasic-cn.html.markdown b/zh-cn/visualbasic-cn.html.markdown
index e30041b3..cda7b864 100644
--- a/zh-cn/visualbasic-cn.html.markdown
+++ b/zh-cn/visualbasic-cn.html.markdown
@@ -8,7 +8,7 @@ lang: zh-cn
 filename: learnvisualbasic-cn.vb
 ---
 
-```
+```visualbasic
 Module Module1
 
     Sub Main()
diff --git a/zh-cn/wolfram-cn.html.markdown b/zh-cn/wolfram-cn.html.markdown
index 9d6ef54f..64990234 100644
--- a/zh-cn/wolfram-cn.html.markdown
+++ b/zh-cn/wolfram-cn.html.markdown
@@ -18,7 +18,7 @@ Wolfram 语言有几个界面。
 
 本例中的代码可以在任何界面中输入，并使用 Wolfram Workbench 进行编辑。直接加载到 Mathematica 中可能会很不方便，因为该文件不包含单元格格式化信息（这将使该文件作为文本阅读时变得一团糟）--它可以被查看/编辑，但可能需要一些设置。
 
-```mma
+```mathematica
 (* 这是一个注释 *)
 
 (* 在Mathematica中，您可以创建一个文本单元格，用排版好的文本和图像来注释您的代码，而不是使用这些注释 *)