Add demo videos for Stax and Nano S

LedgerHQ · Aug 25, 2024 · 5eb749b · 5eb749b
1 parent 59dbba2
commit 5eb749b
Show file tree

Hide file tree

Showing 17 changed files with 176 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,14 +5,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [1.8.0] - 2024-08-18
+## [1.8.0] - 2024-08-25
 
 ### Added
 
 - Add Stax layouts for generating SSKR shares
 - Add Stax layouts for checking SSKR shares
 - Add Stax layouts for recovering BIP39 phrase
 - Add screenshots and animations
+- Add demo videos for Stax and Nano S
 
 ## [1.7.4] - 2024-06-20
 

diff --git a/README.md b/README.md
@@ -72,7 +72,10 @@ flowchart LR
         4.1[Quit]
     end
 ```
-Animations of some of the menu flows on different hardware devices are available [here](tests/functional/screenshots/README.md).
+> [!TIP]
+> Demo videos of some of the menu flows on different hardware devices are available [here](demos/README.md).
+> 
+> Alternatively, animations of some of the menu flows on different hardware devices are available [here](tests/functional/screenshots/README.md).
 
 ## Check BIP39
 The application invites the user to type a [BIP-39](https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki) mnemonic on their Ledger device. The BIP-39 mnemonic is compared to the onboarded seed and the application notifies the user whether both seeds match or not.

diff --git a/demos/README.md b/demos/README.md
@@ -0,0 +1,20 @@
+# Application menus demos
+
+Below are demos of some of the menu flows on different hardware devices
+
+## Nano S
+### Check BIP39 & Generate SSKR menus
+https://github.com/user-attachments/assets/3f3ce02b-1b46-45b1-a86d-25fbff7bf216)](https://github.com/user-attachments/assets/b3ea239a-e9f8-40b4-b048-d85ec398ab59
+
+### Check SSKR & Recover BIP39 menus
+https://github.com/aido/app-seed-tool/raw/demos/demos/nanos/sskr/demo.png)](https://github.com/user-attachments/assets/467030c3-4476-42a9-b90f-d29f2f35d423
+
+## Stax
+### Check BIP39 & Generate SSKR menus
+https://github.com/aido/app-seed-tool/raw/demos/demos/stax/bip39/demo.png)](https://github.com/user-attachments/assets/ff5728aa-3c2d-468e-9ad7-c9eb6b056e17
+
+### Check SSKR & Recover BIP39 menus
+https://github.com/aido/app-seed-tool/raw/demos/demos/stax/sskr/demo.png)](https://github.com/user-attachments/assets/3f3f44e5-ba4a-491d-897e-3b2842c0309f
+
+> [!TIP]
+> Enable subtitles when viewing the videos
diff --git a/demos/cover.png b/demos/cover.png
diff --git a/demos/index.html b/demos/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+<video id="demo_nanos_bip39" poster="nanos/bip39/demo.png" width="640" height="360" controls>
+  <source src="nanos/bip39/demo.mp4" type="video/mp4" />
+  <track label="English" kind="captions" srclang="en" src="nanos/bip39/demo-en.vtt" default />
+  Your browser does not support the video tag.
+</video>
+<video id="demo_nanos_sskr" poster="nanos/sskr/demo.png" width="640" height="360" controls>
+  <source src="nanos/sskr/demo.mp4" type="video/mp4" />
+  <track label="English" kind="captions" srclang="en" src="nanos/sskr/demo-en.vtt" default />
+  Your browser does not support the video tag.
+</video>
+<video id="demo_stax_bip39" poster="stax/bip39/demo.png" width="640" height="360" controls>
+  <source src="stax/bip39/demo.mp4" type="video/mp4" />
+  <track label="English" kind="captions" srclang="en" src="stax/bip39/demo-en.vtt" default />
+  Your browser does not support the video tag.
+</video>
+<video id="demo_stax_sskr" poster="stax/sskr/demo.png" width="640" height="360" controls>
+  <source src="stax/sskr/demo.mp4" type="video/mp4" />
+  <track label="English" kind="captions" srclang="en" src="stax/sskr/demo-en.vtt" default />
+  Your browser does not support the video tag.
+</video>
+
+</body>
+</html>
diff --git a/demos/nanos/bip39/demo-en.vtt b/demos/nanos/bip39/demo-en.vtt
@@ -0,0 +1,32 @@
+WEBVTT
+Kind: subtitles
+Language: en
+
+STYLE
+cue {
+   color: yellow;
+}
+
+00:10.000 --> 00:13.000
+To generate Shamir's Secret Shares
+
+00:13.000 --> 00:16.000
+you first need to enter a valid BIP39 phrase
+
+00:16.000 --> 00:19.000
+This is done by selecting the 'Check BIP39' menu
+
+00:19.000 --> 00:22.000
+Proceed by entering the BIP39 phrase
+
+04:00.000 --> 04:04.000
+If the BIP39 phrase is correct
+
+04:04.000 --> 04:08.000
+you may then choose 'Generate SSKR phrases'
+
+04:08.000 --> 04:12.000
+Select the number of shares and the threshold value
+
+04:12.000 --> 04:20.000
+You may now review the SSKR shares generated
diff --git a/demos/nanos/bip39/demo.mp4 b/demos/nanos/bip39/demo.mp4
diff --git a/demos/nanos/bip39/demo.png b/demos/nanos/bip39/demo.png
diff --git a/demos/nanos/sskr/demo-en.vtt b/demos/nanos/sskr/demo-en.vtt
@@ -0,0 +1,29 @@
+WEBVTT
+Kind: subtitles
+Language: en
+
+STYLE
+cue {
+   color: yellow;
+}
+
+00:10.000 --> 00:13.000
+To recover a BIP39 phrase
+
+00:13.000 --> 00:16.000
+you first need to enter valid SSKR phrases
+
+00:16.000 --> 00:19.000
+This is done by selecting the 'Check SSKR' menu
+
+00:19.000 --> 00:22.000
+Proceed by entering the SSKR phrases
+
+13:32.000 --> 13:36.000
+If the SSKR phrases are valid
+
+13:36.000 --> 13:40.000
+you may then choose 'Recover BIP39 phrase'
+
+13:40.000 --> 13:44.000
+You can now review the recovered BIP39 phrase
diff --git a/demos/nanos/sskr/demo.mp4 b/demos/nanos/sskr/demo.mp4
diff --git a/demos/nanos/sskr/demo.png b/demos/nanos/sskr/demo.png
diff --git a/demos/stax/bip39/demo-en.vtt b/demos/stax/bip39/demo-en.vtt
@@ -0,0 +1,32 @@
+WEBVTT
+Kind: subtitles
+Language: en
+
+STYLE
+cue {
+   color: yellow;
+}
+
+00:10.000 --> 00:13.000
+To generate Shamir's Secret Shares
+
+00:13.000 --> 00:16.000
+you first need to enter a valid BIP39 phrase
+
+00:16.000 --> 00:19.000
+This is done by selecting the 'BIP39 Check' menu
+
+00:19.000 --> 00:22.000
+Proceed by entering the BIP39 phrase
+
+01:13.000 --> 01:16.000
+If the BIP39 phrase is correct
+
+01:16.000 --> 01:19.000
+you may then choose 'Generate SSKR'
+
+01:19.000 --> 01:22.000
+and then choose number of shares and the threshold value
+
+01:22.000 --> 01:25.000
+You  may now review the SSKR shares generated
diff --git a/demos/stax/bip39/demo.mp4 b/demos/stax/bip39/demo.mp4
diff --git a/demos/stax/bip39/demo.png b/demos/stax/bip39/demo.png
diff --git a/demos/stax/sskr/demo-en.vtt b/demos/stax/sskr/demo-en.vtt
@@ -0,0 +1,29 @@
+WEBVTT
+Kind: subtitles
+Language: en
+
+STYLE
+cue {
+   color: yellow;
+}
+
+00:10.000 --> 00:13.000
+To recover a BIP39 phrase
+
+00:13.000 --> 00:16.000
+you first need to enter valid SSKR phrases
+
+00:16.000 --> 00:19.000
+This is done by selecting the 'SSKR Check' menu
+
+00:19.000 --> 00:22.000
+Proceed by entering the SSKR phrases
+
+04:00.000 --> 04:04.000
+If the SSKR phrases are valid
+
+04:04.000 --> 04:08.000
+you may then choose 'Recover BIP39'
+
+04:08.000 --> 04:12.000
+You can now review the recovered BIP39 phrase
diff --git a/demos/stax/sskr/demo.mp4 b/demos/stax/sskr/demo.mp4
diff --git a/demos/stax/sskr/demo.png b/demos/stax/sskr/demo.png