i18n

Author: qwertygc

mkdocs.yml

@@ -8,6 +8,7 @@ repo_url: 'https://github.com/QualCoder-Org/qualcoder-org.github.io'
 
 theme:
   name: 'material'
+  custom_dir: overrides
   logo: images/logo.png
   favicon: images/logo.png
   lang: en
@@ -27,6 +28,8 @@ theme:
     - content.tabs.link
     - navigation.footer
   extra:
+    extra_css:
+    - stylesheets/extra.css
     alternate:
       - name: English
         link: /doc/en/

overrides/main.html

@@ -0,0 +1,13 @@
+{% extends "base.html" %}
+
+{% block content %}
+  <div class="language-banner">
+    <div class="language-banner-content">
+      <span>Other languages:</span>
+      <a href="/doc/fr/{% if page and page.meta and page.meta.path %}{{ page.meta.path }}{% endif %}" class="md-button">Français</a>
+      <a href="/doc/en/{% if page and page.meta and page.meta.path %}{{ page.meta.path }}{% endif %}" class="md-button">English</a>
+    </div>
+  </div>
+  {{ super() }}
+{% endblock %}
+

stylesheets/extra.css

@@ -0,0 +1,25 @@
+.language-banner {
+    background-color: #f3e5f5; /* Couleur de fond du bandeau */
+    padding: 10px;
+    text-align: center;
+    border-bottom: 1px solid #e1bee7;
+    font-size: 14px;
+}
+
+.language-banner-content span {
+    margin-right: 10px;
+}
+
+.language-banner-content a.md-button {
+    margin: 0 5px;
+    background-color: #7e57c2; /* Couleur des boutons */
+    color: white;
+    padding: 5px 10px;
+    border-radius: 4px;
+    text-decoration: none;
+}
+
+.language-banner-content a.md-button:hover {
+    background-color: #5e35b1;
+}
+