From 6a3b46beac2034b88d57f191204c90f8d250f43a Mon Sep 17 00:00:00 2001 From: Daniel Stock Date: Fri, 23 Feb 2024 11:36:39 +0100 Subject: [PATCH] [onboarding] slide texts, videos, thumbnail --- onboarding/media/onboarding-thumbnail.jpg | 3 -- onboarding/media/onboarding-thumbnail.png | 3 ++ onboarding/package/DEBIAN/control | 5 ++- onboarding/package/assets/data/css/styles.css | 8 +++-- onboarding/package/assets/data/js/Slider.js | 3 +- .../package/assets/data/slides/Automation.mp4 | 3 ++ .../assets/data/slides/File management.mp4 | 3 ++ .../assets/data/slides/Hello World.mp4 | 4 +-- .../package/assets/data/slides/REST API.mp4 | 3 ++ .../package/assets/data/slides/Shortcuts.mp4 | 3 ++ .../assets/data/slides/System menu.mp4 | 3 ++ .../assets/data/slides/System settings.mp4 | 3 ++ .../assets/data/slides/placeholder-16x9.png | 3 -- .../package/assets/data/slides/slides.js | 35 +++++++++++++------ 14 files changed, 57 insertions(+), 25 deletions(-) delete mode 100644 onboarding/media/onboarding-thumbnail.jpg create mode 100644 onboarding/media/onboarding-thumbnail.png create mode 100755 onboarding/package/assets/data/slides/Automation.mp4 create mode 100755 onboarding/package/assets/data/slides/File management.mp4 create mode 100755 onboarding/package/assets/data/slides/REST API.mp4 create mode 100755 onboarding/package/assets/data/slides/Shortcuts.mp4 create mode 100755 onboarding/package/assets/data/slides/System menu.mp4 create mode 100755 onboarding/package/assets/data/slides/System settings.mp4 delete mode 100644 onboarding/package/assets/data/slides/placeholder-16x9.png diff --git a/onboarding/media/onboarding-thumbnail.jpg b/onboarding/media/onboarding-thumbnail.jpg deleted file mode 100644 index 36522f7..0000000 --- a/onboarding/media/onboarding-thumbnail.jpg +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:4656c13ba092b330cf03dc5e8544051307a83681f6dc7755d1fa4e8d33187d68 -size 19664 diff --git a/onboarding/media/onboarding-thumbnail.png b/onboarding/media/onboarding-thumbnail.png new file mode 100644 index 0000000..a924da9 --- /dev/null +++ b/onboarding/media/onboarding-thumbnail.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a5384acf2cf27619cfaa2eab9b5f69370bf8a2b058e455cfc14ea9f1a350f8c9 +size 16442 diff --git a/onboarding/package/DEBIAN/control b/onboarding/package/DEBIAN/control index e9c7172..8e23c88 100644 --- a/onboarding/package/DEBIAN/control +++ b/onboarding/package/DEBIAN/control @@ -4,11 +4,10 @@ Maintainer: Tooloop Multimedia Homepage: https://www.tooloop.de Bugs: https://github.com/Tooloop/Tooloop-Packages Section: tooloop/presentation -Architecture: amd64 +Architecture: any Depends: chromium-browser -Suggests: tooloop-nginx Name: Onboarding Description: Tipps and first steps Learn how to find your way in Tooloop OS. -Thumbnail: onboarding-thumbnail.jpg +Thumbnail: onboarding-thumbnail.png diff --git a/onboarding/package/assets/data/css/styles.css b/onboarding/package/assets/data/css/styles.css index 388b51c..73e52dc 100644 --- a/onboarding/package/assets/data/css/styles.css +++ b/onboarding/package/assets/data/css/styles.css @@ -187,9 +187,11 @@ button.slide-button.next { } .slide .description code { - background-color: var(--medium-grey); - padding: 0.15rem 0.5rem; - color: white; + background-color: #ddd; + padding: 0.1rem 0.3rem; + color: var(--dark-grey); + font-size: 0.888rem; + border-radius: 2px; } .progressBar { diff --git a/onboarding/package/assets/data/js/Slider.js b/onboarding/package/assets/data/js/Slider.js index 321ac51..f4756aa 100644 --- a/onboarding/package/assets/data/js/Slider.js +++ b/onboarding/package/assets/data/js/Slider.js @@ -79,7 +79,8 @@ class Slider { // keyboard shortcuts document.addEventListener("keydown", (e) => { - e.preventDefault(); + if (e.code === "ArrowLeft" || e.code === "ArrowRight") + e.preventDefault(); }); document.addEventListener("keyup", (e) => { if (e.code === "ArrowLeft") this.previous(); diff --git a/onboarding/package/assets/data/slides/Automation.mp4 b/onboarding/package/assets/data/slides/Automation.mp4 new file mode 100755 index 0000000..7cd0a5a --- /dev/null +++ b/onboarding/package/assets/data/slides/Automation.mp4 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8f20ad693aab95eb0a79bef674182b9fe3b53429b74197dd730fc5ea38fa031c +size 2327846 diff --git a/onboarding/package/assets/data/slides/File management.mp4 b/onboarding/package/assets/data/slides/File management.mp4 new file mode 100755 index 0000000..46452c7 --- /dev/null +++ b/onboarding/package/assets/data/slides/File management.mp4 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:49d5a5a799f37e6224e5f6313e5caacf8a158a12566f3a74f18a84f1937cf401 +size 1207023 diff --git a/onboarding/package/assets/data/slides/Hello World.mp4 b/onboarding/package/assets/data/slides/Hello World.mp4 index b22b455..874a9e2 100644 --- a/onboarding/package/assets/data/slides/Hello World.mp4 +++ b/onboarding/package/assets/data/slides/Hello World.mp4 @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:10bddef77b34f1bff4a4f85514507bb3ca0ffe1b5e82cb894df7e005c0a99715 -size 13356286 +oid sha256:b39c1da6f4c524c49941c8250fd2684f86767f240f49ad5f9e123daa11422be0 +size 5667703 diff --git a/onboarding/package/assets/data/slides/REST API.mp4 b/onboarding/package/assets/data/slides/REST API.mp4 new file mode 100755 index 0000000..21ac1de --- /dev/null +++ b/onboarding/package/assets/data/slides/REST API.mp4 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d4fa337e59bdb045b4c0a68891f7b44d84f2f85119220a8a4f152503909c0a34 +size 2351585 diff --git a/onboarding/package/assets/data/slides/Shortcuts.mp4 b/onboarding/package/assets/data/slides/Shortcuts.mp4 new file mode 100755 index 0000000..4e0480d --- /dev/null +++ b/onboarding/package/assets/data/slides/Shortcuts.mp4 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:eee006176316f640059b66edb2976953cf4b70cb58f318d8b98fe194b6f410a5 +size 632787 diff --git a/onboarding/package/assets/data/slides/System menu.mp4 b/onboarding/package/assets/data/slides/System menu.mp4 new file mode 100755 index 0000000..72840b2 --- /dev/null +++ b/onboarding/package/assets/data/slides/System menu.mp4 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5cd127749dd9bad43253534e9050e82a00fc355228fc8dc36d18eec64209b2d8 +size 2244469 diff --git a/onboarding/package/assets/data/slides/System settings.mp4 b/onboarding/package/assets/data/slides/System settings.mp4 new file mode 100755 index 0000000..9023697 --- /dev/null +++ b/onboarding/package/assets/data/slides/System settings.mp4 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:854d1cb1103de9b7fb93837838141e39e2d553ad9fcef221f850ac37df58586b +size 1758129 diff --git a/onboarding/package/assets/data/slides/placeholder-16x9.png b/onboarding/package/assets/data/slides/placeholder-16x9.png deleted file mode 100644 index 7e7387b..0000000 --- a/onboarding/package/assets/data/slides/placeholder-16x9.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:b19f00aee77f87e56c5a0db575178602f17747aba6b5be8842b6340cf98a8d2b -size 5339 diff --git a/onboarding/package/assets/data/slides/slides.js b/onboarding/package/assets/data/slides/slides.js index 6b2887b..54d818d 100644 --- a/onboarding/package/assets/data/slides/slides.js +++ b/onboarding/package/assets/data/slides/slides.js @@ -1,20 +1,35 @@ var slides = [ { - image: "Hello World.mp4", + image: "Hello world.mp4", }, { - image: "placeholder-16x9.png", - title: "Mouse cursor", - description: `Your mouse cursor is hidden. It will show up if you move it. Click on the desktop to access the _menu_.` + image: "System menu.mp4", + title: "The system menu", + description: `Your mouse cursor is hidden. It will only show up if you move it. + Click on the desktop to open the menu.` }, { - image: "placeholder-16x9.png", - title: "Network access", - description: `Tooloop Boxes can be managed over the network. Just type the IP-address of this box into your browser.` + image: "System settings.mp4", + title: "System settings", + description: `Reach for the settings app to configure and monitor this computer. + It’s browser-based so you can use it remotely.` }, { - image: "placeholder-16x9.png", - title: "Documentation", - description: `You can find manuals and information at **tooloop-os.org**.` + image: "File management.mp4", + title: "File management", + description: `Tooloop OS is designed to be maintained over network. + Administrate over \`SSH\` and manage files using \`SFTP\` or \`AFP\`. + You can of course also use a USB flash drive.` }, + { + image: "Automation.mp4", + title: "Automation", + description: `Integrate Tooloop Boxes with your automation system. + Almost everything Tooloop OS can do can also be done via REST.`, + }, + { + image: "Shortcuts.mp4", + title: "Shortcuts for your convenience", + description: `There are some handy keyboard shortcuts and terminal commands starting with _tooloop_, e. g. \`tooloop-presentation-start\`.`, + } ] \ No newline at end of file