Use gif recording as demo, update headings to numeric circles

Author: MeanderingProgrammer

Diff for: README.md

@@ -4,17 +4,7 @@ Plugin to improve viewing Markdown files in Neovim
 
 Plugin is experimental at this time
 
-## Rendered
-
-This shows the `rendered` view which you would see in normal mode
-
-![Rendered Screenshot](demo/rendered.png)
-
-## Non-Rendered
-
-This shows the non-rendered view which you would see in insert mode
-
-![Base Screenshot](demo/base.png)
+![Demo](demo/demo.gif)
 
 # Features
 
@@ -79,7 +69,7 @@ require('markdown').setup({
     -- modes will be uneffected by this plugin
     render_modes = { 'n', 'c' },
     -- Characters that will replace the # at the start of markdown headings
-    headings = { '◉', '○', '✸', '✿' },
+    headings = { '󰲡', '󰲣', '󰲥', '󰲧', '󰲩', '󰲫' },
     -- Character to use for the bullet point in lists
     bullet = '○',
     highlights = {

Diff for: demo/base.png

@@ -0,0 +1,55 @@
+import time
+from argparse import ArgumentParser
+
+import pyautogui
+
+
+def main(file: str, cast: str) -> None:
+    # Open new tmux window
+    pyautogui.hotkey("`", "c")
+    time.sleep(1.0)
+
+    # Zoom in
+    for _ in range(15):
+        pyautogui.hotkey("command", "=")
+
+    # Start recording demo file
+    # https://docs.asciinema.org/manual/cli/usage/
+    pyautogui.write(f"asciinema rec -c 'nvim {file}' {cast}")
+    pyautogui.press("enter")
+    time.sleep(1.0)
+
+    # Start typing in new heading
+    pyautogui.press("o")
+    pyautogui.press("enter")
+    pyautogui.write("## Heading 2", interval=0.1)
+
+    # Enter normal mode
+    pyautogui.press("esc")
+    time.sleep(2.0)
+
+    for _ in range(2):
+        pyautogui.press("i")
+        time.sleep(1.0)
+        pyautogui.press("esc")
+        time.sleep(2.0)
+
+    # Close demo file
+    pyautogui.write(":q!")
+    pyautogui.press("enter")
+    time.sleep(0.5)
+
+    # Zoom out
+    pyautogui.hotkey("command", "0")
+
+    # Close tmux window
+    pyautogui.write("exit")
+    pyautogui.press("enter")
+
+
+if __name__ == "__main__":
+    parser = ArgumentParser(description="Generate a demo recording using asciinema")
+    parser.add_argument("--file", type=str, required=True)
+    parser.add_argument("--cast", type=str, required=True)
+    args = parser.parse_args()
+    main(args.file, args.cast)

Diff for: demo/demo.gif

@@ -1,7 +1,5 @@
 # Heading 1
 
-## Heading 2
-
 ### Heading 3
 
 #### Heading 4

Diff for: demo/record.py

@@ -0,0 +1,10 @@
+demo:
+    rm -f demo/demo.gif
+    python demo/record.py \
+      --file "demo/sample.md" \
+      --cast demo.cast
+    # https://docs.asciinema.org/manual/agg/usage/
+    agg demo.cast demo/demo.gif \
+      --font-family "JetBrainsMono NFM" \
+      --last-frame-duration 1
+    rm demo.cast

Diff for: demo/rendered.png

@@ -50,7 +50,7 @@ function M.setup(opts)
             ]]
         ),
         render_modes = { 'n', 'c' },
-        headings = { '◉', '○', '✸', '✿' },
+        headings = { '󰲡', '󰲣', '󰲥', '󰲧', '󰲩', '󰲫' },
         bullet = '○',
         highlights = {
             heading = {