update all demos (#135)

- new size: `1000x500`
- remove deprecated demos
- `just da`: build all demos
- update README

README.md

@@ -37,19 +37,13 @@ _(theme depends on your terminal preferences)_
   <img alt="pomodoro" src="demo/timer.gif" />
 </a>
 
-## Countdown
+## Countdown (*incl. [Mission Elapsed Time](https://en.wikipedia.org/wiki/Mission_Elapsed_Time)*)
 
 <a href="demo/countdown.gif">
   <img alt="countdown" src="demo/countdown.gif" />
 </a>
 
-## Countdown: Mission Elapsed Time ([MET](https://en.wikipedia.org/wiki/Mission_Elapsed_Time))
+## Event (*past/future*)
-
-<a href="demo/countdown-met.gif">
-  <img alt="Countdown: Mission Elapsed Time" src="demo/countdown-met.gif" />
-</a>
-
-## Event (past/future)
 
 <a href="demo/event.gif">
   <img alt="event" src="demo/event.gif" />
@@ -61,7 +55,7 @@ _(theme depends on your terminal preferences)_
   <img alt="local time" src="demo/local-time.gif" />
 </a>
 
-## Local time (footer)
+## Local time (*footer*)
 
 <a href="demo/local-time-footer.gif">
   <img alt="local time at footer" src="demo/local-time-footer.gif" />
@@ -73,6 +67,13 @@ _(theme depends on your terminal preferences)_
   <img alt="deciseconds" src="demo/decis.gif" />
 </a>
 
+## Maximum (*`9999y`* *`364d`* *`23:59:59.9`*)
+
+<a href="demo/timer-max.png">
+  <img alt="maximum" src="demo/timer-max.png" />
+</a>
+
+
 ## Change style
 
 <a href="demo/style.gif">

demo/blink.tape

@@ -4,8 +4,8 @@ Output demo/blink.gif
 Set Theme "nord-light"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 

demo/countdown-max.tape

@@ -1,7 +1,6 @@
-Output demo/local-time-date.gif
 
 # https://github.com/charmbracelet/vhs/blob/main/THEMES.md
-Set Theme "WarmNeon"
+Set Theme "Retro"
 
 Set FontSize 14
 Set Width 1000
@@ -10,11 +9,11 @@ Set Padding 0
 Set Margin 1
 
 # --- START ---
-Set LoopOffset 4
+Type 'cargo run -- -r -d -c "10000y"'
-Hide
-Type "cargo run -- -r -m l"
 Enter
+Sleep .2
 Type "m"
-Sleep 0.2
+# --- SCREENSHOT ---
-Show
+Sleep 1s
-Sleep 0.1
+Screenshot demo/countdown-max.png
+Sleep 1s

demo/countdown-met.tape

@@ -1,22 +0,0 @@
-Output demo/countdown-met.gif
-
-# https://github.com/charmbracelet/vhs/blob/main/THEMES.md
-Set Theme "iceberg-light"
-
-Set FontSize 14
-Set Width 800
-Set Height 400
-Set Padding 0
-Set Margin 1
-
-# --- START ---
-Set LoopOffset 4
-Hide
-Type "cargo run -- -m c -c 3"
-Enter
-Sleep 0.2
-Show
-Type "s"
-Sleep 6
-Type "r"
-Sleep 1

demo/countdown-target-future.tape

@@ -1,20 +0,0 @@
-Output demo/countdown-target-future.gif
-
-# https://github.com/charmbracelet/vhs/blob/main/THEMES.md
-Set Theme "SeaShells"
-
-Set FontSize 14
-Set Width 1000
-Set Height 500
-Set Padding 0
-Set Margin 1
-
-# --- START ---
-Set LoopOffset 4
-Hide
-Type "cargo run -- -r -m c --ct '2030-01-10 18:00'"
-Enter
-Type "m"
-Sleep 0.2
-Show
-Sleep 0.1

demo/countdown-target-past.tape

@@ -1,20 +0,0 @@
-Output demo/countdown-target-past.gif
-
-# https://github.com/charmbracelet/vhs/blob/main/THEMES.md
-Set Theme "seoulbones_light"
-
-Set FontSize 14
-Set Width 1000
-Set Height 500
-Set Padding 0
-Set Margin 1
-
-# --- START ---
-Set LoopOffset 4
-Hide
-Type "cargo run -- -r -m c --ct '2024-01-10 18:00'"
-Enter
-Type "m"
-Sleep 0.2
-Show
-Sleep 0.1

demo/countdown.tape

@@ -1,23 +1,24 @@
 Output demo/countdown.gif
 
 # https://github.com/charmbracelet/vhs/blob/main/THEMES.md
-Set Theme "Builtin Solarized Light"
+Set Theme "iceberg-light"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 
 # --- START ---
 Set LoopOffset 4
 Hide
-Type "cargo run -- -r -d -m c"
+Type "cargo run -- -r -d -c 10:00"
 Enter
-Sleep 0.2
+Sleep .2
+Type "m" # hide menu
 Show
 # --- COUNTDOWN ---
-Sleep 1
+Sleep .5
 Type "s"
 Sleep 1.4
 Type "s"
@@ -28,6 +29,5 @@ Type "e"
 Sleep 0.1
 Down@10ms 65
 Sleep 0.1
-Type "e"
+Type "s"
-Sleep 0.1
 Sleep 3

demo/decis.tape

@@ -4,8 +4,8 @@ Output demo/decis.gif
 Set Theme "nord-light"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 
@@ -14,7 +14,8 @@ Set LoopOffset 4
 Hide
 Type "cargo run -- -r -m t"
 Enter
-Sleep 0.2
+Sleep .2
+Type "m" # hide menu
 Show
 # --- STYLES ---
 Type "s"

demo/event.tape

@@ -4,8 +4,8 @@ Output demo/event.gif
 Set Theme "Builtin Solarized Dark"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 

demo/local-time-footer.tape

@@ -4,8 +4,8 @@ Output demo/local-time-footer.gif
 Set Theme "AtomOneLight"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 

demo/local-time.tape

@@ -4,8 +4,8 @@ Output demo/local-time.gif
 Set Theme "Atom"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 
@@ -14,7 +14,8 @@ Set LoopOffset 4
 Hide
 Type "cargo run -- -m l"
 Enter
-Sleep 0.2
+Sleep .2
+Type "m" # hide menu
 Show
 # --- toggle local time ---
-Type@1.5s ":::"
+Type@1s ":::"

demo/maximum.tape

@@ -1,41 +0,0 @@
-Output demo/maximum.gif
-
-# https://github.com/charmbracelet/vhs/blob/main/THEMES.md
-Set Theme "C64"
-
-Set FontSize 14
-Set Width 1000
-Set Height 500
-Set Padding 0
-Set Margin 1
-
-# --- START ---
-Set LoopOffset 4
-Hide
-Type "cargo run -- -r -m timer"
-Enter
-Sleep 0.2
-Type "m"
-Type "e"
-# secs
-Up@1ms 60
-Left
-# mins
-Up@1ms 59
-Left
-# hours
-Up@1ms 23
-Left
-# days
-Up@1ms 364
-Right@1ms 3
-Down@1ms 1
-Left@1ms 4
-# years
-Up@1ms 998
-Right
-# days
-Up@1ms 365
-Type@1ms "s"
-Show
-Sleep 0.1

demo/menu.tape

@@ -4,23 +4,24 @@ Output demo/menu.gif
 Set Theme "Apple Classic"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 
 # --- START ---
 Set LoopOffset 4
 Hide
-Type "cargo run -- -r -m p --menu"
+Type "cargo run -- -r -m c"
 Enter
-Type@200ms "m"
+Type@200ms "m" # hide menu
 Show
 # --- STYLES ---
 Sleep 0.3s
-Type@0.3s "m"
+Type@0.3s "m" # show menu
-Type@0.3s "t"
+Type@0.3s "2"
-Type@0.3s "c"
+Type@0.3s "3"
-Type@0.3s "p"
 Type@0.3s "e"
 Escape@0.3s
+Type@0.3s "4"
+Type@0.3s "0"

demo/pomodoro.tape

@@ -1,32 +1,35 @@
+# Note: PR "support ctrl + arrow keys" https://github.com/charmbracelet/vhs/pull/673 needs to be merged to run this `tape`.
+
 Output demo/pomodoro.gif
 
 # https://github.com/charmbracelet/vhs/blob/main/THEMES.md
 Set Theme "Catppuccin Frappe"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 
 # --- START ---
 Hide
-Type "cargo run -- -d -m p --blink on"
+Type "cd cargo run -- -r -d -m p --blink on"
 Enter
-Sleep 0.2
+Sleep .2
+Type "m" # hide menu
 Show
 # --- POMODORO WORK ---
-Sleep 1
+Sleep .5
-Type "s"
+Type "s" # start
 Sleep 2.3
 Type "e"
 Sleep 0.2
 Down@30ms 80
 Sleep 100ms
-Type "e"
+Type "s" # save
 Sleep 4
 # --- POMODORO PAUSE ---
-Right
+Ctrl+Right
 Sleep 0.5
 Type "s"
 Sleep 2.3
@@ -34,5 +37,5 @@ Type "e"
 Sleep 0.2
 Down@30ms 60
 Sleep 100ms
-Type "e"
+Type "s" # save
 Sleep 4

demo/style.tape

@@ -4,8 +4,8 @@ Output demo/style.gif
 Set Theme "OneDark"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 
@@ -15,6 +15,7 @@ Hide
 Type "cargo run -- -r -d -m c"
 Enter
 Sleep 0.2
+Type "m" # hide menu
 Show
 # --- STYLES ---
 Sleep 0.5

demo/timer-max.tape

@@ -0,0 +1,37 @@
+# https://github.com/charmbracelet/vhs/blob/main/THEMES.md
+Set Theme "SeaShells"
+
+Set FontSize 14
+Set Width 1000
+Set Height 500
+Set Padding 0
+Set Margin 1
+
+# --- START ---
+Type 'cargo run -- -r -m t'
+Enter
+Type "m"
+Type "e"
+Up@1ms 60 # ss
+Left
+Up@1ms 60 # mm
+Left
+Up@1ms 23 # hh
+Left
+Up@1ms 363 # ddd
+Left
+Up@1ms 9999 # yyyy
+Right 4
+Down # ss
+Left
+Down ## mm
+Left 2
+Down ## ddd
+Up 2
+Type "."
+Type "s" # save
+Type "s" # start to reach DONE
+Sleep 2s
+# --- SCREENSHOT ---
+Screenshot demo/timer-max.png
+Sleep 1s

demo/timer.tape

@@ -4,8 +4,8 @@ Output demo/timer.gif
 Set Theme "Belafonte Day"
 
 Set FontSize 14
-Set Width 800
+Set Width 1000
-Set Height 400
+Set Height 500
 Set Padding 0
 Set Margin 1
 
@@ -15,6 +15,7 @@ Hide
 Type "cargo run -- -r -d -m t"
 Enter
 Sleep 0.2
+Type "m" # hide menu
 Show
 # --- TIMER ---
 Type "s"
@@ -27,5 +28,5 @@ Type "e"
 Sleep 0.2
 Up@30ms 57
 Sleep 0.7
-Type "e"
+Type "s"
 Sleep 4

justfile

@@ -65,6 +65,17 @@ run-sound-args path args:
 
 # demos
 
+alias da := demo-all
+
+# build all demos
+[group('demo')]
+demo-all:
+    #!/usr/bin/env bash
+    for tape in demo/*.tape; do
+        echo "Building demo: $tape"
+        vhs "$tape"
+    done
+
 alias dp := demo-pomodoro
 
 # build demo: pomodoro
@@ -148,3 +159,17 @@ alias de := demo-event
 [group('demo')]
 demo-event:
     vhs demo/event.tape
+
+alias dcmx := demo-countdown-max
+
+# build demo: timer-max
+[group('demo')]
+demo-countdown-max:
+    vhs demo/countdown-max.tape
+
+alias dtm := demo-timer-max
+
+# build demo: timer-max
+[group('demo')]
+demo-timer-max:
+    vhs demo/timer-max.tape