mkdocs.yml

 # À modifier avec le nom et la description du site
 site_name: "Site modèle avec Python"
-site_description: Un modèle avec mkdocs
+site_description: Un modèle avec pyodide-mkdocs-theme
 
 # À modifier, avec votre nom et la licence choisie
 copyright: |
-    M. Coilhac
-    <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br/>
-    
+    Nom d'auteur
+    <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>.
+    <br><a href="https://aeif.fr">Design by AEIF</a>
 
 # À modifier, avec votre mail
 #extra:
@@ -20,11 +20,15 @@ copyright: |
 
 # Éventuellement à modifier avec votre thème de couleurs
 theme:
-    favicon: assets/favicon.ico
+    favicon: assets/images/favicon.png
     icon:
       logo: material/stairs-up
-    #custom_dir: my_theme_customizations/
     name: pyodide-mkdocs-theme
+
+    # La palette de couleur est maintenant intégrée par défaut au thème.
+    # Si vous souhaitez en changer, vous pouvez redéclarer la section entière
+    # et vos réglages prendront le pas sur les valeurs par défaut.
+    # Mêmes choses pour la langue et la suppression des google-fonts (non RGPD).
     #font: false                     # RGPD ; pas de fonte Google
     #language: fr                    # français
     #palette:                        # Palettes de couleurs jour/nuit
@@ -49,8 +53,11 @@ theme:
         - toc.integrate
         - header.autohide
         - content.code.annotate   # Pour les annotations de code deroulantes avec +
+        - content.code.copy  # Ajout après MAJ pour pouvoir copier du code
+
+    custom_dir: overrides
+
 
-# Fin de modifications à effectuer, ne pas toucher les lignes suivantes sauf si vous comprenez ce que vous faites.
 
 site_url: !ENV [CI_PAGES_URL, "http://127.0.0.1:8000/"]
 site_author: !ENV [CI_COMMIT_AUTHOR, "Nom d'auteur"]
@@ -59,9 +66,7 @@ edit_uri: !ENV [EDIT_VARIABLE]
 
 docs_dir: docs
 
-nav:
-  - "🏡 Accueil": index.md
-  - ... | regex=^(?:(?!_REM.md).)*$
+#nav:   inutile on utilise les fichiers .pages plus pratiques
 
 markdown_extensions:
     - md_in_html
@@ -76,18 +81,22 @@ markdown_extensions:
     - pymdownx.mark                 # Passage ==surligné==.
     - pymdownx.tilde                # Passage ~~barré~~ ou en ~indice~.
     - pymdownx.highlight:           # Coloration syntaxique du code
+        auto_title: true
+        anchor_linenums: true
+        line_spans: __span
+        pygments_lang_class: true
     - pymdownx.inlinehilite         # pour  `#!python  <python en ligne>`
     - pymdownx.snippets             # Inclusion de fichiers externe.
     - pymdownx.tasklist:            # Cases à cocher  - [ ]  et - [x]
         custom_checkbox:    false   #   avec cases d'origine
         clickable_checkbox: true    #   et cliquables.
     - pymdownx.tabbed:              # Volets glissants.  === "Mon volet"
-        alternate_style: true 
+        alternate_style: true
     - pymdownx.keys:                # Touches du clavier.  ++ctrl+d++
         separator: "\uff0b"
-    - pymdownx.emoji:               # Émojis  :boom:
-        emoji_index:     !!python/name:materialx.emoji.twemoji
-        emoji_generator: !!python/name:materialx.emoji.to_svg
+    - pymdownx.emoji: # Émojis  :boom:
+        emoji_index: !!python/name:material.extensions.emoji.twemoji
+        emoji_generator: !!python/name:material.extensions.emoji.to_svg
     - pymdownx.superfences:
         custom_fences:
           - name: mermaid
@@ -102,16 +111,20 @@ markdown_extensions:
 
 plugins:
 
-  - awesome-pages:
+  - awesome-pages:   # Pour les fichiers .pages
       collapse_single_pages: true
 
-  - material/search
-  - material/tags:
+  - search
+  - tags:
       tags_file: tags.md
   - pyodide_macros:
       # Vous pouvez ajouter ici tout réglage que vous auriez ajouté concernant les macros:
       on_error_fail: true     # Il est conseillé d'ajouter celui-ci si vous ne l'utilisez pas.
-
+      build:
+        python_libs:
+          - turtle
+        tab_to_spaces: 4
+  - sqlite-console
 
 
 # En remplacement de mkdocs-exclude. Tous les fichiers correspondant aux patterns indiqués seront
@@ -121,16 +134,10 @@ exclude_docs: |
     **/*_REM.md
     **/*.py
 
-
-
-
-
-
-
-#extra_javascript:
-  #- xtra/javascripts/mathjax-config.js       Supprimé pour MAJ pyodide             
+#extra_javascript:  Supprimé pour MAJ pyodide pris en compte par le thème lui même
+  #- xtra/mathjax.js                    # MathJax
   #- https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
 
+
 extra_css:
-  #- xtra/stylesheets/qcm.css ##       Supprimé pour MAJ pyodide  
   - xtra/stylesheets/ajustements.css  # ajustements

overrides/js-libs/mathjax-libs.js

+function mathJaxUpdate(){
+    jsLogger('[MathJax] - Page formatting')
+  
+    if(!window.MathJax.startup.output){
+      console.error("Cannot update MathJax (CDN failed to load?)")
+      return
+    }
+  
+    window.MathJax.startup.output.clearCache()
+    window.MathJax.typesetClear()
+    window.MathJax.texReset()
+    window.MathJax.typesetPromise()
+  }
+  const mathJaxIsReady = subscribeWhenReady('mathJax', mathJaxUpdate, {maxTries:100})
+  
+  
+  window.MathJax = {
+    startup: {
+      ready: () => {
+        jsLogger("[MathJax] - Setting up");
+        MathJax.startup.defaultReady();
+        jsLogger("[MathJax] - Ready");
+        mathJaxIsReady()
+        mathJaxUpdate()
+      },
+    },
+    loader: {
+      load: ['[tex]/cancel', 'output/svg', '[tex]/color', '[tex]/mhchem']
+    },
+    tex: {
+      packages: {'[+]': ['cancel', 'color', 'mhchem']},
+      inlineMath: [["\\(", "\\)"]],
+      displayMath: [["\\[", "\\]"]],
+      processEscapes: true,
+      processEnvironments: true,
+    },
+    options: {
+      ignoreHtmlClass: ".*|",
+      processHtmlClass: "arithmatex",
+    },
+  }

requirements.txt

@@ -2,3 +2,4 @@ pyodide-mkdocs-theme
 mkdocs-awesome-pages-plugin
 mkdocs-enumerate-headings-plugin
 mkdocs-exclude-search
+mkdocs-sqlite-console

turtle/svg.py

+# Modified version of Brython's SVG module
+# Author: Romain Casati
+# License: GPL v3 or higher
+
+from __future__ import annotations
+
+_svg_ns = "http://www.w3.org/2000/svg"
+_xlink_ns = "http://www.w3.org/1999/xlink"
+
+_svg_tags = [
+    "a",
+    "altGlyph",
+    "altGlyphDef",
+    "altGlyphItem",
+    "animate",
+    "animateColor",
+    "animateMotion",
+    "animateTransform",
+    "circle",
+    "clipPath",
+    "color_profile",  # instead of color-profile
+    "cursor",
+    "defs",
+    "desc",
+    "ellipse",
+    "feBlend",
+    "foreignObject",  # patch to enable foreign objects
+    "g",
+    "image",
+    "line",
+    "linearGradient",
+    "marker",
+    "mask",
+    "path",
+    "pattern",
+    "polygon",
+    "polyline",
+    "radialGradient",
+    "rect",
+    "set",
+    "stop",
+    "svg",
+    "text",
+    "tref",
+    "tspan",
+    "use",
+]
+
+
+class Element:
+    def __init__(self, tag: str, ns=None, value=None):
+        self._tag = tag
+        self._value = value
+        self._ns = ns
+        self._attributes: dict[str, str] = {}
+        self._children: list[Element] = []
+        # this is mandatory to display svg properly
+        if tag == "svg" and ns is not None:
+            self.setAttribute("xmlns", ns)
+
+    def setAttribute(self, attribute: str, value: str):
+        self.setAttributeNS(None, attribute, value)
+
+    def setAttributeNS(self, ns: str | None, attribute: str, value: str):
+        key = attribute
+        if ns is not None:
+            key = f"{ns}:{key}"
+        self._attributes[key] = value
+
+    def appendChild(self, child: Element):
+        self._children.append(child)
+
+    def removeChild(self, other: Element):
+        self._children.remove(other)
+
+    def addEventListener(self, event, callback):
+        pass
+
+    def render_attributes(self) -> str:
+        # remove .0 part for int
+        def filter(x):
+            if isinstance(x, float) and int(x) == x:
+                x = int(x)
+            return x
+
+        return " ".join(f'{k}="{filter(v)}"' for k, v in self._attributes.items())
+
+    def __str__(self) -> str:
+        open_tag = f"<{self._tag} {self.render_attributes()}>"
+        close_tag = f"</{self._tag}>"
+        content = "".join(str(e) for e in self._children)
+        if self._value is not None:
+            content += self._value
+        return f"{open_tag}{content}{close_tag}"
+
+    def reduire_animation(self):
+        if "dur" in self._attributes:  # On réduit le temps de l'animation
+            self._attributes["dur"] = " 1ms"
+        for elem in self._children:
+            elem.reduire_animation()
+
+
+def _tag_func(tag):
+    def func(*args, **kwargs):
+        node = Element(tag, ns=_svg_ns)
+        for arg in args:
+            if isinstance(arg, (str, int, float)):
+                arg = Element("text", value=str(arg))
+            node.appendChild(arg)
+        for key, value in kwargs.items():
+            key = key.lower()
+            if key[0:2] == "on":
+                # Event binding passed as argument "onclick", "onfocus"...
+                # Better use method bind of DOMNode objects
+                node.addEventListener(key[2:], value)
+            elif key == "style":
+                node.setAttribute(
+                    "style", ";".join(f"{k}: {v}" for k, v in value.items())
+                )
+            elif "href" in key:
+                node.setAttributeNS(_xlink_ns, "href", value)
+            elif value is not False:
+                # option.selected=false sets it to true :-)
+                node.setAttributeNS(None, key.replace("_", "-"), value)
+        return node
+
+    return func
+
+
+for tag in _svg_tags:
+    vars()[tag] = _tag_func(tag)