demo: event (#131)

* demo: event

* update README

* update CL

CHANGELOG.md

@@ -4,7 +4,7 @@
 
 ### Features
 
-- (event) New `event` screen to count custom date times in the future or past. [#117](https://github.com/sectore/timr-tui/pull/117), [#120](https://github.com/sectore/timr-tui/pull/120), [#122](https://github.com/sectore/timr-tui/pull/122), [#123](https://github.com/sectore/timr-tui/pull/123), [#124](https://github.com/sectore/timr-tui/pull/124), [#125](https://github.com/sectore/timr-tui/pull/125)
+- (event) New `event` screen to count custom date times in the future or past. [#117](https://github.com/sectore/timr-tui/pull/117), [#120](https://github.com/sectore/timr-tui/pull/120), [#122](https://github.com/sectore/timr-tui/pull/122), [#123](https://github.com/sectore/timr-tui/pull/123), [#124](https://github.com/sectore/timr-tui/pull/124), [#125](https://github.com/sectore/timr-tui/pull/125), [#129](https://github.com/sectore/timr-tui/pull/129), [#130](https://github.com/sectore/timr-tui/pull/130), [#131](https://github.com/sectore/timr-tui/pull/131)
 - (screens) switch by `←` or `→` keys [#127](https://github.com/sectore/timr-tui/pull/127)
 - (duration) inrease `MAX_DURATION` to `9999y 364d 23:59:59.9` [#128](https://github.com/sectore/timr-tui/pull/128)
 

README.md

@@ -45,20 +45,25 @@ _(theme depends on your terminal preferences)_
 ## Countdown: Mission Elapsed Time ([MET](https://en.wikipedia.org/wiki/Mission_Elapsed_Time))
 
 <a href="demo/countdown-met.gif">
-  <img alt="menu" src="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" />
+</a>
 
 ## Local time
 
 <a href="demo/local-time.gif">
-  <img alt="menu" src="demo/local-time.gif" />
+  <img alt="local time" src="demo/local-time.gif" />
 </a>
 
 ## Local time (footer)
 
 <a href="demo/local-time-footer.gif">
-  <img alt="menu" src="demo/local-time-footer.gif" />
+  <img alt="local time at footer" src="demo/local-time-footer.gif" />
 </a>
 
 ## Toggle deciseconds
@@ -242,6 +247,7 @@ Available recipes:
     demo-countdown           # build demo: countdown [alias: dc]
     demo-countdown-met       # build demo: countdown + met [alias: dcm]
     demo-decis               # build demo: deciseconds [alias: dd]
+    demo-event               # build demo: event [alias: de]
     demo-local-time          # build demo: local time [alias: dlt]
     demo-local-time-footer   # build demo: local time (footer) [alias: dltf]
     demo-menu                # build demo: menu [alias: dm]

demo/event.tape

@@ -0,0 +1,31 @@
+Output demo/event.gif
+
+# https://github.com/charmbracelet/vhs/blob/main/THEMES.md
+Set Theme "Builtin Solarized Dark"
+
+Set FontSize 14
+Set Width 800
+Set Height 400
+Set Padding 0
+Set Margin 1
+
+# --- START ---
+Set LoopOffset 4
+Hide
+Type "cargo run -- -r -e 'time=2010-01-10 10:00:00,title=hello world'"
+Enter
+Type "m"
+Sleep 0.2
+Show
+# --- EVENT ---
+Sleep 1
+Type "e"
+Backspace@1ms 17
+Type@20ms "50-01-01 01:00:01"
+Enter
+Type "e"
+Tab
+Backspace@10ms 11
+Type@20ms "hello future"
+Enter
+Sleep 1

justfile

@@ -141,3 +141,10 @@ alias db := demo-blink
 [group('demo')]
 demo-blink:
     vhs demo/blink.tape
+
+alias de := demo-event
+
+# build demo: event
+[group('demo')]
+demo-event:
+    vhs demo/event.tape