tutorials: french translation (FR)

Gemfile

@@ -1,7 +1,7 @@
 source 'https://rubygems.org'
 
 gem 'jekyll', '~> 4.2', '>= 4.2.2'
-gem 'jekyll-sass-converter', '~> 2.2'
+gem 'jekyll-sass-converter', '3.0.0'
 gem 'jekyll-redirect-from', '~> 0.16.0'
 
 group :jekyll_plugins do

Gemfile.lock

@@ -1,79 +1,85 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.1)
+    addressable (2.8.5)
       public_suffix (>= 2.0.2, < 6.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.10)
+    concurrent-ruby (1.2.2)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
     eventmachine (1.2.7-x64-mingw32)
-    ffi (1.15.5)
-    ffi (1.15.5-x64-mingw32)
+    ffi (1.16.3)
     forwardable-extended (2.6.0)
+    google-protobuf (3.24.4)
     http_parser.rb (0.8.0)
-    i18n (1.12.0)
+    i18n (1.14.1)
       concurrent-ruby (~> 1.0)
-    jekyll (4.2.2)
+    jekyll (4.3.2)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
       i18n (~> 1.0)
-      jekyll-sass-converter (~> 2.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
       jekyll-watch (~> 2.0)
-      kramdown (~> 2.3)
+      kramdown (~> 2.3, >= 2.3.1)
       kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (~> 0.4.0)
+      mercenary (>= 0.3.6, < 0.5)
       pathutil (~> 0.9)
-      rouge (~> 3.0)
+      rouge (>= 3.0, < 5.0)
       safe_yaml (~> 1.0)
-      terminal-table (~> 2.0)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
     jekyll-redirect-from (0.16.0)
       jekyll (>= 3.3, < 5.0)
-    jekyll-sass-converter (2.2.0)
-      sassc (> 2.0.1, < 3.0)
+    jekyll-sass-converter (3.0.0)
+      sass-embedded (~> 1.54)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
     kramdown (2.4.0)
       rexml
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
-    liquid (4.0.3)
-    listen (3.7.1)
+    liquid (4.0.4)
+    listen (3.8.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (5.0.0)
+    public_suffix (5.0.3)
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rexml (3.2.5)
-    rouge (3.30.0)
+    rexml (3.2.6)
+    rouge (4.1.3)
     safe_yaml (1.0.5)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    sassc (2.4.0-x64-mingw32)
-      ffi (~> 1.9)
-    terminal-table (2.0.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
-    unicode-display_width (1.8.0)
-    webrick (1.7.0)
+    sass-embedded (1.69.4-arm64-darwin)
+      google-protobuf (~> 3.23)
+    sass-embedded (1.69.4-x64-mingw32)
+      google-protobuf (~> 3.23)
+    sass-embedded (1.69.4-x86_64-darwin)
+      google-protobuf (~> 3.23)
+    sass-embedded (1.69.4-x86_64-linux-gnu)
+      google-protobuf (~> 3.23)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.5.0)
+    webrick (1.8.1)
 
 PLATFORMS
   arm64-darwin-21
+  arm64-darwin-23
   x64-mingw32
   x86_64-darwin-19
   x86_64-linux
 
 DEPENDENCIES
   jekyll (~> 4.2, >= 4.2.2)
   jekyll-redirect-from (~> 0.16.0)
-  jekyll-sass-converter (~> 2.2)
+  jekyll-sass-converter (= 3.0.0)
   webrick (~> 1.7)
 
 BUNDLED WITH

_config.yml

@@ -13,6 +13,9 @@ repository: "music-encoding/music-encoding.github.io"
 plugins:
   - jekyll-redirect-from
 
+gems:
+  - public_suffix: 5.0.0
+
 menu:
     - id: about
       label: 'About'
@@ -118,6 +121,9 @@ collections:
   tutorials-ES:
     output: true
     permalink: /:collection/:name
+  tutorials-FR:
+    output: true
+    permalink: /:collection/:name
   conferences:
     output: true
     permalink: /:collection/:name

_layouts/tutorials-FR.html

@@ -0,0 +1,119 @@
+---
+layout: default
+---
+<div class="columns">
+    <div class="column col-8 col-sm-12 tutorialBox">
+
+        {% if page.type != 'tutorial-FR' %}
+
+            {{ content }}
+
+        {% else %}
+
+            <h2>{{ page.fullname }}</h2>
+
+            {% if content %}
+                {{ content }}
+            {% endif %}
+
+            <h3 id="stepLabel">
+                <!-- step label goes in here -->
+            </h3>
+            <div id="instruction">
+                <!-- instruction texts go in here -->
+            </div>
+            <div id="editorContainer" style="display: none;">
+                <h3>Editeur MEI
+                    <button id="btn-openFullFileModal" class="btn btn-link float-right disabled" title="uniquement permis lors au moment de la validation">afficher le code complet</button>
+                    <button id="btn-toggleHint" class="btn btn-link float-right disabled" title="tromperie ou ruse">afficher l'indice</button>
+                </h3>
+                <div id="editorBox">
+                    <div id="editor">
+                        <!-- editor content goes in here -->
+                    </div>
+                </div>
+
+                <div id="hints" style="display: none;">
+                    <!-- validation hints go in here -->
+                </div>
+
+                <h3>Rendu</h3>
+                <div id="rendering">
+                    <!-- verovio rendering goes in here -->
+                </div>
+            </div>
+            <button id="nextStepButton" class="btn btn-primary btn-sm float-right">Continuer <i class="icon icon-forward"></i></button>
+
+            <div id="acknowledgments" style="display: none;">
+                <h3>Remerciements</h3>
+                <p>Ce tutoriel a été créé par :</p>
+                <ul id="ackList"></ul>
+                <p>Traductions réalisées par Aurelien Balland Chatignon et Félix Poullet-Pagès</p>
+            </div>
+
+            <ul id="stepBox" class="step">
+                <!-- tutorial step list goes in here -->
+            </ul>
+
+            <div class="modal modal-lg" id="fullFileModal"><a id="fullFileModalCloseBack" class="modal-overlay" href="#modals-sizes" aria-label="Close"></a>
+                <div class="modal-container" role="document">
+                    <div class="modal-header"><a id="fullFileModalCloseTop" class="btn btn-clear float-right" href="#modals-sizes" aria-label="Close"></a>
+                        <div id="fullFileTitle" class="modal-title h5"></div>
+                    </div>
+                    <div class="modal-body">
+                        <div id="fullFileContent" class="content">
+
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        <a id="fullFileDownloadBtn" class="btn btn-primary"><i class="icon icon-download"></i>Télécharger</a>
+                        <a id="fullFileModalCloseBottom" class="btn btn-link" href="#modals-sizes">Fermer</a>
+                    </div>
+                </div>
+            </div>
+
+            <script src="/js/ace-src-noconflict/ace.js"></script>
+            <script src="/js/verovio-toolkit.js"></script>
+            <script src="/js/mei-tutorials.js"></script>
+            <script>
+
+                try {
+                    fetch("./{{page.data}}")
+                        .then(function(response) {
+                            if (response.ok) {
+                                return response.json()
+                            }
+                            throw new Error('Erreur réseau en essayant de réccupérer  ', page.data);
+                        })
+                        .then(function(data) {
+                            setupTutorial(data);
+                        });
+                } catch(err) {
+                    console.log('Erreur lors de la réccupération des données : ' + err)
+                }
+
+            </script>
+        {% endif %}
+    </div>
+
+    <!-- side menu -->
+    <div class="column col-4 col-sm-12">
+        <h2>Tutoriels disponibles</h2>
+        {% assign t = site.collections | where: "label","tutorials-FR" | first %}
+        {% for tutorial in t.docs %}
+        {% if tutorial.name != page.name %}
+        <div class="tile">
+            <div class="tile-icon">
+                <div class="arrow-tile-icon">
+                    <a href="{{ tutorial.url }}.html" class="icon icon-message centered"></a>
+                </div>
+            </div>
+            <div class="tile-content">
+                <div class="tile-title"><a href="{{ tutorial.url }}.html">{{ tutorial.name }}</a></div>
+                <div class="tile-subtitle text-gray">{{tutorial.fullname}}</div>
+            </div>
+        </div>
+        {% endif %}
+        {% endfor %}
+    </div>
+</div>

_tutorials-FR/100_structure/100_Structure.md

@@ -0,0 +1,7 @@
+---
+layout: tutorials-FR
+type: tutorial-FR
+name: "BEGINNERS: XML basics and minimal MEI structure"
+fullname: "A short tutorial about the basics of XML & MEI"
+data: "100_structure.json"
+---