From 8f875a13d1ee65497811df55bf2b21fc022e24b9 Mon Sep 17 00:00:00 2001
From: Daylin Morgan <daylinmorgan@gmail.com>
Date: Mon, 19 Sep 2022 00:01:20 -0500
Subject: [PATCH] docs: make asciinema template based

---
 docs/examples/check/index.md    | 10 +++++-----
 docs/examples/embedded/index.md | 10 +++++-----
 docs/overrides/main.html        | 16 ++++++++++++++++
 mkdocs.yml                      |  6 ++++--
 4 files changed, 30 insertions(+), 12 deletions(-)
 create mode 100644 docs/overrides/main.html

diff --git a/docs/examples/check/index.md b/docs/examples/check/index.md
index d2f411a..d32e2ba 100644
--- a/docs/examples/check/index.md
+++ b/docs/examples/check/index.md
@@ -1,10 +1,10 @@
+---
+asciinema: true
+---
+
 # Check
 
-<div id="demo"></div>
-<script src="/javascripts/asciinema-player.min.js"></script>
-<script async>
-  AsciinemaPlayer.create('./demo.cast', document.getElementById('demo'),{loop:true});
-</script>
+<div id="demo-cast"></div>
 
 ```make title="check.mk"
 --8<-- "docs/examples/check/check.mk"
diff --git a/docs/examples/embedded/index.md b/docs/examples/embedded/index.md
index 8a4e133..08a15c8 100644
--- a/docs/examples/embedded/index.md
+++ b/docs/examples/embedded/index.md
@@ -1,10 +1,10 @@
+---
+asciinema: true
+---
+
 # Embedded
 
-<div id="demo"></div>
-<script src="/javascripts/asciinema-player.min.js"></script>
-<script async>
-  AsciinemaPlayer.create('./demo.cast', document.getElementById('demo'),{loop: true});
-</script>
+<div id="demo-cast"></div>
 
 ```make title="embedded.mk"
 --8<-- "docs/examples/embedded/embedded.mk"
diff --git a/docs/overrides/main.html b/docs/overrides/main.html
new file mode 100644
index 0000000..527f891
--- /dev/null
+++ b/docs/overrides/main.html
@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+
+{% block scripts %}
+
+  {{ super() }}
+
+  {% if page.meta %}
+  {% if page.meta.asciinema %}
+  <script async>
+  AsciinemaPlayer.create('./demo.cast', document.getElementById('demo-cast'),{loop: true});
+  </script>
+  {% endif %}
+  {% endif %}
+
+
+{% endblock %}
diff --git a/mkdocs.yml b/mkdocs.yml
index 46c3a55..4870cb3 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -1,9 +1,11 @@
 site_name: task.mk
 site_url: https://gh.dayl.in/task.mk
 repo_url: https://github.com/daylinmorgan/task.mk
+edit_uri: edit/main/docs/
 repo_name: daylinmorgan/task.mk
 theme:
   name: material
+  custom_dir: docs/overrides
   features:
     - navigation.indexes
   palette:
@@ -11,8 +13,8 @@ theme:
 extra_css:
   - stylesheets/extra.css
   - stylesheets/asciinema-player.css
-# extra_javascript:
-  # - javascripts/asciinema-player.min.js
+extra_javascript:
+  - javascripts/asciinema-player.min.js
 plugins:
   - search
   - git-revision-date-localized: