[UI][UX][P] fixed tour.js bug, where first point is not on logo

Author: lorderikir

.gitignore

@@ -51,7 +51,7 @@ Temporary Items
 
 # Node modules and build folder
 node_modules
-build
+build/*
 working
 
 # Vim

build/about.html

@@ -61,7 +61,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand">
+      <a class="navbar-brand" id="logo">
           <img src="images/logo.png" style="height:100%" alt="logo">
       </a>
     </div>

build/index.html

@@ -61,7 +61,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand">
+      <a class="navbar-brand" id="logo">
           <img src="images/logo.png" style="height:100%" alt="logo">
       </a>
     </div>
@@ -354,7 +354,7 @@ <h4>Input Value</h4>
                         <h4 class="modal-title">MARIE.js | <i class="fa fa-hashtag"></i> Current Version</h4>
                     </div>
                     <div class="modal-body">
-                        <p>This version of <strong>MARIE.js</strong>is: v1.0.12</p>
+                        <p>This version of <strong>MARIE.js</strong> is: v1.0.12</p>
                     </div>
                 </div>
             </div>

src/js/tour.js

@@ -12,10 +12,9 @@ $(document).ready(function() {
             onEnd: viewHome,
             steps: [
             {
-                onShow: viewHome,
                 smartPlacement: true,
                 backdrop: false,
-                element: "#brand",
+                element: "#logo",
                 title: "Welcome to MARIE.js",
                 content: "This tour introduces the features and how to use MARIE.js"
             },

src/templates/partials/nav.ejs

@@ -9,7 +9,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand">
+      <a class="navbar-brand" id="logo">
           <img src="images/logo.png" style="height:100%" alt="logo">
       </a>
     </div>