docs: make asciinema template based

This commit is contained in:
Daylin Morgan 2022-09-19 00:01:20 -05:00
parent 13c157ef8a
commit 8f875a13d1
4 changed files with 30 additions and 12 deletions

View file

@ -1,10 +1,10 @@
---
asciinema: true
---
# Check # Check
<div id="demo"></div> <div id="demo-cast"></div>
<script src="/javascripts/asciinema-player.min.js"></script>
<script async>
AsciinemaPlayer.create('./demo.cast', document.getElementById('demo'),{loop:true});
</script>
```make title="check.mk" ```make title="check.mk"
--8<-- "docs/examples/check/check.mk" --8<-- "docs/examples/check/check.mk"

View file

@ -1,10 +1,10 @@
---
asciinema: true
---
# Embedded # Embedded
<div id="demo"></div> <div id="demo-cast"></div>
<script src="/javascripts/asciinema-player.min.js"></script>
<script async>
AsciinemaPlayer.create('./demo.cast', document.getElementById('demo'),{loop: true});
</script>
```make title="embedded.mk" ```make title="embedded.mk"
--8<-- "docs/examples/embedded/embedded.mk" --8<-- "docs/examples/embedded/embedded.mk"

16
docs/overrides/main.html Normal file
View file

@ -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 %}

View file

@ -1,9 +1,11 @@
site_name: task.mk site_name: task.mk
site_url: https://gh.dayl.in/task.mk site_url: https://gh.dayl.in/task.mk
repo_url: https://github.com/daylinmorgan/task.mk repo_url: https://github.com/daylinmorgan/task.mk
edit_uri: edit/main/docs/
repo_name: daylinmorgan/task.mk repo_name: daylinmorgan/task.mk
theme: theme:
name: material name: material
custom_dir: docs/overrides
features: features:
- navigation.indexes - navigation.indexes
palette: palette:
@ -11,8 +13,8 @@ theme:
extra_css: extra_css:
- stylesheets/extra.css - stylesheets/extra.css
- stylesheets/asciinema-player.css - stylesheets/asciinema-player.css
# extra_javascript: extra_javascript:
# - javascripts/asciinema-player.min.js - javascripts/asciinema-player.min.js
plugins: plugins:
- search - search
- git-revision-date-localized: - git-revision-date-localized: