From 0717c91a18373a0c3bbf0e4d49f48eb8e2d00719 Mon Sep 17 00:00:00 2001
From: Son NK <nguyenkims@hotmail.com>
Date: Wed, 20 Nov 2019 22:36:31 +0100
Subject: [PATCH] improve onboarding

---
 app/dashboard/templates/dashboard/index.html | 4 ++--
 templates/header.html                        | 3 ++-
 templates/menu.html                          | 4 +++-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/dashboard/templates/dashboard/index.html b/app/dashboard/templates/dashboard/index.html
index f29fa2cf..e439385f 100644
--- a/app/dashboard/templates/dashboard/index.html
+++ b/app/dashboard/templates/dashboard/index.html
@@ -10,10 +10,10 @@
   <div class="page-header row">
     <h3 class="page-title col"
         data-intro="Here, you find the list of all <b>alias</b> created. <br><br>
-        Emails sent to an <b>alias</b> will be forwarded to your inbox. <br><br>
+        <b>All</b> emails sent to an alias will be forwarded to your inbox. <br><br>
         Alias is a great way to hide your personal email address so feel free to
         use it whenever possible, for example on untrusted websites 😎">
-      Email Alias
+      Alias
     </h3>
     <form method="post" class="col text-right">
       <input type="hidden" name="form-name" value="create-random-email">
diff --git a/templates/header.html b/templates/header.html
index 00323232..5c5bc3a9 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -17,7 +17,7 @@
              data-intro="Welcome to SimpleLogin! <br><br>
   It seems that this is the first time you are here,
   let's walk through some SimpleLogin features together! <br><br>
-             You can always show this tutorial again any time by clicking on this icon"
+             You can always show this tutorial again any time by clicking on this <i class='fe fe-help-circle'></i> icon above 👆"
              onclick="startIntro()">
             <i class="fe fe-help-circle"></i>
           </a>
@@ -81,6 +81,7 @@
 
 <script>
   function startIntro() {
+    introJs().setOption('showProgress', true).start();
     introJs().start();
   }
 </script>
diff --git a/templates/menu.html b/templates/menu.html
index ab898f20..cf4f5eda 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -18,7 +18,9 @@
   -->
 
   <li class="nav-item"
-      data-intro="If you want to add SimpleLogin to your website/application, this tab is for you 😀">
+      data-intro="If you want to add SimpleLogin to your website/application, this tab is for you 😀"
+      data-step="5"
+  >
     <a href="{{ url_for('developer.index') }}"
        class="nav-link {{ 'active' if active_page == 'developer' }}">
       <i class="fe fe-terminal"></i>