From ab037d08d7746ad52567ce35de44040c1edb751a Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Mon, 2 May 2022 19:55:13 -0600 Subject: [PATCH] Add slideshow for crypto page --- www/assets/images/crypto/slides/intro.svg | 1098 +++++ www/assets/images/crypto/slides/secure.svg | 4721 ++++++++++++++++++++ www/assets/images/crypto/slides/spend.svg | 286 ++ www/assets/images/crypto/slides/vault.svg | 1133 +++++ www/pages/crypto.html | 27 +- www/routes.js | 33 +- 6 files changed, 7287 insertions(+), 11 deletions(-) create mode 100644 www/assets/images/crypto/slides/intro.svg create mode 100644 www/assets/images/crypto/slides/secure.svg create mode 100644 www/assets/images/crypto/slides/spend.svg create mode 100644 www/assets/images/crypto/slides/vault.svg diff --git a/www/assets/images/crypto/slides/intro.svg b/www/assets/images/crypto/slides/intro.svg new file mode 100644 index 0000000..bdfd3a4 --- /dev/null +++ b/www/assets/images/crypto/slides/intro.svg @@ -0,0 +1,1098 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/assets/images/crypto/slides/secure.svg b/www/assets/images/crypto/slides/secure.svg new file mode 100644 index 0000000..0ebb130 --- /dev/null +++ b/www/assets/images/crypto/slides/secure.svg @@ -0,0 +1,4721 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/assets/images/crypto/slides/spend.svg b/www/assets/images/crypto/slides/spend.svg new file mode 100644 index 0000000..6a0b6bd --- /dev/null +++ b/www/assets/images/crypto/slides/spend.svg @@ -0,0 +1,286 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/assets/images/crypto/slides/vault.svg b/www/assets/images/crypto/slides/vault.svg new file mode 100644 index 0000000..90aab31 --- /dev/null +++ b/www/assets/images/crypto/slides/vault.svg @@ -0,0 +1,1133 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/pages/crypto.html b/www/pages/crypto.html index 31e1b18..96461c1 100644 --- a/www/pages/crypto.html +++ b/www/pages/crypto.html @@ -20,19 +20,28 @@
-
+
+
+
+ {{#each slideshow}} +
+ +

{{text}}

+
+ {{/each}} +
+
+
+
+
  Scan Wallet
-
-
-
- Can't scan? TapClick here. -
-
-
+
+ Can't scan? TapClick here. +
+
-
\ No newline at end of file diff --git a/www/routes.js b/www/routes.js index 6335333..8bffcf9 100644 --- a/www/routes.js +++ b/www/routes.js @@ -47,11 +47,40 @@ var routes = [ }, { path: '/crypto', - content: compiledPages.crypto(), name: 'crypto', + async: function ( {resolve, reject}) { + resolve({ + content: compiledPages.crypto({ + slideshow: [ + { + image: "assets/images/crypto/slides/intro.svg", + text: "Bitcoin and cryptocurrency can be complicated. We've made it simple." + }, + { + image: "assets/images/crypto/slides/vault.svg", + text: "With a Helena Express paper wallet, you can save..." + }, + { + image: "assets/images/crypto/slides/spend.svg", + text: "...or spend, without worrying about hackers..." + }, + { + image: "assets/images/crypto/slides/secure.svg", + text: "...because paper can't be hacked." + } + ] + }) + }, {}); + }, on: { pageAfterIn: function () { - + app.swiper.destroy("#crypto-intro-swiper"); + app.swiper.create("#crypto-intro-swiper", { + pagination: { + el: "#crypto-intro-swiper-pagination", + type: "bullets" + } + }); } } },