- No backup, no bitcoin. -
- Since only you control yout money, you'll need save your backup phrase in case this app is deleted - - +
+ 
+
+
+
+
+ + No backup, no bitcoin. +
+
+
+ + Since only you control your money, you’ll need save your backup phrase in case this app is deleted. +
+
+
+
+
+
+
+
+
+
+
+ + Are you being watched? +
+
+
+ + Now is a perfect time to assess your surroundings. Nearby windows? Hidden cameras? Shoulder-spies? +
+
+ 
+
+
+
+
+ + Anyone with your backup phrase can access or spend your bitcoin. +
+
+
+
- Where would you like to receive email notifications about payments
+
diff --git a/src/sass/views/onboarding/onboard-backup-request.scss b/src/sass/views/onboarding/onboard-backup-request.scss
new file mode 100644
index 000000000..0ad4d641d
--- /dev/null
+++ b/src/sass/views/onboarding/onboard-backup-request.scss
@@ -0,0 +1,11 @@
+#onboarding-backup-request{
+ .warning{
+ margin:4rem auto 1rem;
+ }
+ button{
+ color:#fff;
+ }
+ #arrow-down{
+ font-size: 4.2rem;
+ }
+}
\ No newline at end of file
diff --git a/src/sass/views/onboarding/onboard-backup-warning.scss b/src/sass/views/onboarding/onboard-backup-warning.scss
new file mode 100644
index 000000000..0ee7b5c1b
--- /dev/null
+++ b/src/sass/views/onboarding/onboard-backup-warning.scss
@@ -0,0 +1,11 @@
+#onboarding-backup-warning{
+ .warning{
+ margin:4rem auto 1rem;
+ }
+ button{
+ color:#fff;
+ }
+ #arrow-down{
+ font-size: 4.2rem;
+ }
+}
\ No newline at end of file
diff --git a/src/sass/views/onboarding/onboard-collect-email.scss b/src/sass/views/onboarding/onboard-collect-email.scss
index 220e08d48..427ab466f 100644
--- a/src/sass/views/onboarding/onboard-collect-email.scss
+++ b/src/sass/views/onboarding/onboard-collect-email.scss
@@ -11,7 +11,7 @@
opacity: 1;
background: #fff;
color: rgb(108, 108, 108);
- height: 8rem;
+ height: 11rem;
animation-name: topBottom;
animation-iteration-count: 1;
animation-timing-function: ease-in;
@@ -20,7 +20,21 @@
position: absolute;
bottom: -100%;
animation-fill-mode: forwards;
- z-index:5;
+ z-index: 5;
+ margin-top: 0;
+ label {
+ background: rgba(200, 200, 200, 0.20);
+ height: 3rem;
+ margin-top:0;
+ input {
+ position: absolute;
+ }
+ i {
+ position: absolute;
+ right: 3%;
+ top: 1rem;
+ }
+ }
}
.overlay {
animation-name: bottomTop;
@@ -29,9 +43,10 @@
animation-duration: 1s;
animation-delay: 2s;
animation-fill-mode: forwards;
- top:100%;
+ top: 100%;
}
}
+
@keyframes topBottom {
0% {
bottom: -100%;
@@ -40,6 +55,7 @@
bottom: 0;
}
}
+
@keyframes bottomTop {
0% {
top: 100%;
diff --git a/src/sass/views/onboarding/onboard-tour.scss b/src/sass/views/onboarding/onboard-tour.scss
index 1123a511a..906853e2e 100644
--- a/src/sass/views/onboarding/onboard-tour.scss
+++ b/src/sass/views/onboarding/onboard-tour.scss
@@ -2,6 +2,7 @@
&-secure {
#cta {
background-image: url(../img/onboarding-tour-phone.svg);
+ height: 17rem;
}
}
&-currency {
diff --git a/src/sass/views/onboarding/onboarding.scss b/src/sass/views/onboarding/onboarding.scss
index 84ee3f197..ac2d1d698 100644
--- a/src/sass/views/onboarding/onboarding.scss
+++ b/src/sass/views/onboarding/onboarding.scss
@@ -30,9 +30,6 @@
color: rgba(255, 255, 255, .5);
}
}
- .col {
- @include center-block(.5rem);
- }
#cta {
background-size: contain;
width: 100%;
@@ -51,6 +48,9 @@
}
}
}
+ .col {
+ @include center-block(.5rem);
+ }
.swiper-pagination {
&-bullet {
background: rgb(100, 124, 232);
@@ -59,9 +59,20 @@
}
}
}
+ .button-transparent{
+ background: none !important;
+ }
+ .button-primary{
+ background: rgb(100, 124, 232) !important;
+ }
+ .light-blue{
+ color:rgb(100, 124, 232);
+ }
}
@import "terms-of-use";
@import "onboard-welcome";
@import "onboard-tour";
@import "onboard-collect-email";
+@import "onboard-backup-request";
+@import "onboard-backup-warning";
+
Where would you like to receive email notifications about payments
+