updates to mkdocs config

.github/workflows/gh-pages.yml

@@ -1,3 +1,5 @@
+---
+
 name: publish
 
 on:
@@ -9,9 +11,9 @@ jobs:
   deploy:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-python@v2
+      - uses: actions/checkout@v4
+      - uses: actions/setup-python@v5
         with:
           python-version: 3.x
-      - run: pip install mkdocs-material 
+      - run: pip install mkdocs-material
       - run: mkdocs gh-deploy --force

docs/assets/javascripts/unhide_div.js

@@ -1,9 +1,12 @@
 function unhide_div(target, file) {
     var x = document.getElementById(target);
     if (x.style.display === "none") {
-      x.style.display = "block";
-      AsciinemaPlayer.create(file, document.getElementById(target));
+      x.style.display = "inline";
+      AsciinemaPlayer.create(file, document.getElementById(target),
+      {fit: "none"}
+    );
     } else {
       x.style.display = "none";
+      document.getElementById(target).getElementsByClassName('ap-wrapper')[0].remove()
     }
   } 

docs/assets/stylesheets/asciinema-3-8-1-player.css

@@ -2,7 +2,7 @@ div.ap-wrapper {
   outline: none;
   height: 100%;
   display: flex;
-  justify-content: center;
+  justify-content: left; /* Customised */
 }
 div.ap-wrapper .title-bar {
   display: none;

mkdocs.yml

@@ -37,10 +37,10 @@ theme:
 
 extra_css:
   - assets/stylesheets/extra.css
-  - assets/stylesheets/asciinema-3-0-0-player.css
+  - assets/stylesheets/asciinema-3-8-1-player.css
 
 extra_javascript:
-  - assets/javascripts/asciinema-3-0-0-player.min.js
+  - assets/javascripts/asciinema-3-8-1-player.min.js
   - assets/javascripts/unhide_div.js
 
 plugins:
@@ -54,8 +54,8 @@ markdown_extensions:
   - pymdownx.tasklist:
       custom_checkbox: true
   - pymdownx.emoji:
-      emoji_index: !!python/name:materialx.emoji.twemoji
-      emoji_generator: !!python/name:materialx.emoji.to_svg
+      emoji_index: !!python/name:material.extensions.emoji.twemoji 
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
 
 extra:
   social: true # Repurpose for cookies setting in footer (GDPR requirement), set this to true to trigger standard theme logic