improve onboarding

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">

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>

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>