viithiisys / spotlight-frontend

Download as
Browse Code »

Commit 56f4b7548f68b27f603a02a9bfe12ea71927836a

Authored by Digvijay Singh
1 parent 9e1d93fad0
Exists in master

landing page url changed

Showing 35 changed files with 458 additions and 403 deletions   Show diff stats
src/assets/css/custom.css
Diff comments   View file @56f4b75
... ... @@ -223,6 +223,15 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font
223 223 .insight-marketing{ background: #F74536;}
224 224 .insight-pricing{ background: #C1C0FE;}
225 225 .insight-psychology{ background: #477970;}
  226 +.no-cursor{
  227 + cursor: default !important;
  228 +}
  229 +.no-underline{
  230 + text-decoration: none !important;
  231 +}
  232 +.cursor-pointer{
  233 + cursor: pointer !important;
  234 +}
226 235 /* add new card */
227 236 .add-card-warpper{ width: 283px; background: transparent; border-radius: 4px; padding:23px; height: 356px; float: left; margin-right: 0px; border:2px dashed #fff;}
228 237 .add-card-warpper a{ display: block;
... ...
src/components/AuthorIntro.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/lock.svg"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/lock.svg"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -122,10 +122,10 @@ export default {
122 122  
123 123 },
124 124 goToLogin() {
125   - this.$router.push("/");
  125 + this.$router.push("/login");
126 126 },
127 127 goToSignUp() {
128   - this.$router.push("/signup");
  128 + this.$router.push("/");
129 129 },
130 130 goToProfile() {
131 131 this.$router.push("/profile");
... ...
src/components/AuthorReadingNow.vue
Diff comments   View file @56f4b75
... ... @@ -2,14 +2,14 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid episode-intro app-discovery-bg">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  5 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
6 6 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
7 7 <span class="navbar-toggler-icon"></span>
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 </button>
11 11 <div class="user-profile-photo insights-profile">
12   - <a href="#"><img src="../assets/images/lock.svg"></a>
  12 + <a href="javascript:void(0);"><img src="../assets/images/lock.svg"></a>
13 13 </div>
14 14 </nav>
15 15 <!-- menu wrapper -->
... ... @@ -30,8 +30,8 @@
30 30 <div class="footer-nav">
31 31 <div class="footer-top">
32 32 <ul class="top-intro-bt">
33   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
34   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  33 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  34 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
35 35 </ul>
36 36 </div><!-- footer top -->
37 37 <div class="footer-bottom">
... ... @@ -62,10 +62,10 @@ export default {
62 62 mounted() {},
63 63 methods: {
64 64 goToLogin() {
65   - this.$router.push("/");
  65 + this.$router.push("/login");
66 66 },
67 67 goToSignUp() {
68   - this.$router.push("/signup");
  68 + this.$router.push("/");
69 69 },
70 70  
71 71 },
... ...
src/components/ChangePassword.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid main-wrp">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -22,21 +22,21 @@
22 22 <div class="collapse navbar-collapse" id="navbarsExample03">
23 23 <ul class="navbar-nav mr-auto">
24 24 <li class="nav-item active">
25   - <a class="nav-link" href="#">About</a>
  25 + <a class="nav-link" href="javascript:void(0);">About</a>
26 26 </li>
27 27 <li class="nav-item">
28   - <a class="nav-link" href="#">Masterclass</a>
  28 + <a class="nav-link" href="javascript:void(0);">Masterclass</a>
29 29 </li>
30 30 <li class="nav-item">
31   - <a class="nav-link" href="#">Stories</a>
  31 + <a class="nav-link" href="javascript:void(0);">Stories</a>
32 32 </li>
33 33 <li class="nav-item spotLight-img">
34   - <a class="nav-link" href="#"
  34 + <a class="nav-link" href="javascript:void(0);"
35 35 ><img src="../assets/images/SPOTLight.svg"
36 36 /></a>
37 37 </li>
38 38 <li class="nav-item">
39   - <a class="nav-link" href="#">Library</a>
  39 + <a class="nav-link" href="javascript:void(0);">Library</a>
40 40 </li>
41 41 </ul>
42 42 </div>
... ... @@ -46,12 +46,33 @@
46 46 <div class="row col-reverse">
47 47 <div class="col-sm-3 col-md-1 col-lg-1 col-xl-3"></div>
48 48 <!-- users land image -->
49   - <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
50   - <h1 class="welcome-hd-back">
51   - Welcome <br />
52   - back
53   - </h1>
54   - </div>
  49 + <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
  50 + <h1>
  51 + <!-- Welcome to <br />
  52 + Productgrowth -->
  53 + Hello, there!<br />
  54 +welcome to spotlight
  55 + </h1>
  56 + <ul class="sign-in-up-list">
  57 + <li>
  58 + <img src="../assets/images/check.svg" /><span
  59 + >Collaborate, Contribute and Explore with fellow product enthusiasts</span
  60 + >
  61 + </li>
  62 + <li>
  63 + <img src="../assets/images/check.svg" /><span
  64 + >Get access to insightful Case Studies and participate in Roundtables</span
  65 + >
  66 + </li>
  67 + <li>
  68 + <img src="../assets/images/check.svg" /><span
  69 + >Engage actively on the
  70 +Bounce Board - we’re all ears!
  71 +</span
  72 + >
  73 + </li>
  74 + </ul>
  75 + </div>
55 76 <!-- users land image -->
56 77 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
57 78 <div class="form-layout signup-frm-spc">
... ... @@ -60,13 +81,13 @@
60 81 <div class="social-login" style="visibility: hidden">
61 82 <ul>
62 83 <li>
63   - <a href="#"><img src="../assets/images/google.svg" /></a>
  84 + <a href="javascript:void(0);"><img src="../assets/images/google.svg" /></a>
64 85 </li>
65 86 <li>
66   - <a href="#"><img src="../assets/images/linkdin.svg" /></a>
  87 + <a href="javascript:void(0);"><img src="../assets/images/linkdin.svg" /></a>
67 88 </li>
68 89 <li>
69   - <a href="#"><img src="../assets/images/twitter.svg" /></a>
  90 + <a href="javascript:void(0);"><img src="../assets/images/twitter.svg" /></a>
70 91 </li>
71 92 </ul>
72 93 </div>
... ... @@ -101,7 +122,7 @@
101 122 <a href="javascript:void(0);" class="btn btn-lg sb-button" @click="changePassword">
102 123 <img src="../assets/images/password-reload.png" />Update Password
103 124 </a>
104   - <p class="forget-pass">Didn’t Get the OTP? <a @click="ResendEmail">Resend</a></p>
  125 + <h3 class="ft-normal">Didn’t Get the OTP? <a class="cursor-pointer no-underline" @click="ResendEmail">Resend</a></h3>
105 126 <!-- <h3>Didn’t Get the OTP?<a @click="goToLogin">Login</a></h3> -->
106 127 </div>
107 128 </form>
... ... @@ -140,7 +161,7 @@ export default {
140 161 },
141 162 methods: {
142 163 goToLogin() {
143   - this.$router.push("/");
  164 + this.$router.push("/login");
144 165 },
145 166 changePassword(){
146 167 axios
... ... @@ -149,7 +170,7 @@ export default {
149 170 console.log("resetPassword- response",response)
150 171 this.$toaster.success(response.data.message)
151 172 if(response.data.status == "success"){
152   - this.$router.push("/");
  173 + this.$router.push("/login");
153 174 }
154 175 })
155 176 .catch( (error) =>{
... ...
src/components/EpisodeIntro.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/lock.svg"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/lock.svg"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -28,7 +28,7 @@
28 28 <img src="../assets/images/spot-light.svg" class="epi-bg" />
29 29 <div class="bottom-startup">
30 30 <div class="logo-wrp">
31   - <a href="#"><img src="../assets/images/ps-growth.svg" />
  31 + <a href="javascript:void(0);"><img src="../assets/images/ps-growth.svg" />
32 32 <span>Product Growth</span>
33 33 </a>
34 34 </div><!-- logo wrp -->
... ... @@ -132,10 +132,10 @@ export default {
132 132  
133 133 },
134 134 goToLogin() {
135   - this.$router.push("/");
  135 + this.$router.push("/login");
136 136 },
137 137 goToSignUp() {
138   - this.$router.push("/signup");
  138 + this.$router.push("/");
139 139 },
140 140  
141 141 createString(list){
... ...
src/components/Insight.vue
Diff comments   View file @56f4b75
... ... @@ -2,9 +2,9 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid insights-wrp">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png" /></a>
  5 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png" /></a>
6 6 <div class="user-profile-photo insights-profile">
7   - <a href="#"><img src="../assets/images/user.png" /></a>
  7 + <a href="javascript:void(0);"><img src="../assets/images/user.png" /></a>
8 8 </div>
9 9 </nav><!-- menu wrapper -->
10 10 <div class="clearfix"></div>
... ... @@ -13,7 +13,7 @@
13 13 <form class="insights-searh">
14 14 <div class="form-group">
15 15 <input type="text" class="form-control" value="" placeholder="Search Insights Library" id="fname">
16   - <a href="#"><img src="../assets/images//search-icon.svg" /></a>
  16 + <a href="javascript:void(0);"><img src="../assets/images//search-icon.svg" /></a>
17 17 </div>
18 18 </form>
19 19 </div>
... ... @@ -38,42 +38,42 @@
38 38 <div class="row">
39 39 <div class="col-lg-4 insight-mb-spc">
40 40 <div class="insights-products radical-red-border">
41   -<h3 class="radical-red-col">PRODUCT Insight <a href="#"><img src="../assets/images/radical-red-icon.svg"></a></h3>
  41 +<h3 class="radical-red-col">PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/radical-red-icon.svg"></a></h3>
42 42 <h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
43 43 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
44 44 </div>
45 45 </div>
46 46 <div class="col-lg-4 insight-mb-spc">
47 47 <div class="insights-products selective-yellow-border">
48   -<h3 class="selective-yellow-col">PRODUCT Insight <a href="#"><img src="../assets/images/selective-yellow-icon.svg"></a></h3>
  48 +<h3 class="selective-yellow-col">PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/selective-yellow-icon.svg"></a></h3>
49 49 <h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
50 50 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
51 51 </div>
52 52 </div>
53 53 <div class="col-lg-4 insight-mb-spc">
54 54 <div class="insights-products lavender-blue-border">
55   -<h3 class="lavender-blue-col">PRODUCT Insight <a href="#"><img src="../assets/images/lavender-blue-icon.svg"></a></h3>
  55 +<h3 class="lavender-blue-col">PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/lavender-blue-icon.svg"></a></h3>
56 56 <h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
57 57 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
58 58 </div>
59 59 </div>
60 60 <div class="col-lg-4 insight-mb-spc">
61 61 <div class="insights-products dark-green-copper-border">
62   -<h3 class="dark-green-copper-col">PRODUCT Insight <a href="#"><img src="../assets/images/dark-green-copper-icon.svg"></a></h3>
  62 +<h3 class="dark-green-copper-col">PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/dark-green-copper-icon.svg"></a></h3>
63 63 <h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
64 64 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
65 65 </div>
66 66 </div>
67 67 <div class="col-lg-4 insight-mb-spc">
68 68 <div class="insights-products purple-heart-border">
69   -<h3 class="purple-heart-col">PRODUCT Insight <a href="#"><img src="../assets/images/purple-heart-icon.svg"></a></h3>
  69 +<h3 class="purple-heart-col">PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/purple-heart-icon.svg"></a></h3>
70 70 <h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
71 71 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
72 72 </div>
73 73 </div>
74 74 <div class="col-lg-4 insight-mb-spc">
75 75 <div class="insights-products silver-border">
76   -<h3 class="silver-col">PRODUCT Insight <a href="#"><img src="../assets/images/silver-icon.svg"></a></h3>
  76 +<h3 class="silver-col">PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/silver-icon.svg"></a></h3>
77 77 <h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
78 78 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in...</p>
79 79 </div>
... ... @@ -98,10 +98,10 @@ export default {
98 98 mounted() {},
99 99 methods: {
100 100 goToLogin() {
101   - this.$router.push("/");
  101 + this.$router.push("/login");
102 102 },
103 103 goToSignUp() {
104   - this.$router.push("/signup");
  104 + this.$router.push("/");
105 105 },
106 106  
107 107 },
... ...
src/components/LandingPage.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid main-wrp">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -22,21 +22,21 @@
22 22 <div class="collapse navbar-collapse" id="navbarsExample03">
23 23 <ul class="navbar-nav mr-auto">
24 24 <li class="nav-item active">
25   - <a class="nav-link" href="#">About</a>
  25 + <a class="nav-link" href="javascript:void(0);">About</a>
26 26 </li>
27 27 <li class="nav-item">
28   - <a class="nav-link" href="#">Masterclass</a>
  28 + <a class="nav-link" href="javascript:void(0);">Masterclass</a>
29 29 </li>
30 30 <li class="nav-item">
31   - <a class="nav-link" href="#">Stories</a>
  31 + <a class="nav-link" href="javascript:void(0);">Stories</a>
32 32 </li>
33 33 <li class="nav-item spotLight-img">
34   - <a class="nav-link" href="#"
  34 + <a class="nav-link" href="javascript:void(0);"
35 35 ><img src="../assets/images/SPOTLight.svg"
36 36 /></a>
37 37 </li>
38 38 <li class="nav-item">
39   - <a class="nav-link" href="#">Library</a>
  39 + <a class="nav-link" href="javascript:void(0);">Library</a>
40 40 </li>
41 41 </ul>
42 42 </div>
... ... @@ -48,29 +48,29 @@
48 48 <!-- users land image -->
49 49 <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
50 50 <h1 class="welcome-hd-back">
51   - Welcome <br />
52   - back
  51 + we’re stoked
  52 +you’re back!
53 53 </h1>
54 54 </div>
55 55 <!-- users land image -->
56 56 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
57 57 <div class="form-layout signup-frm-spc">
58   - <form>
59   - <h5>LogIn using</h5>
  58 + <form v-on:keyup.enter="loginWIthEmail">
  59 + <h5>Log In using</h5>
60 60 <div class="social-login">
61 61 <ul>
62 62 <li>
63   - <a @click="login"><img src="../assets/images/google.svg" /></a>
  63 + <a @click="login" class="cursor-pointer"><img src="../assets/images/google.svg" /></a>
64 64 </li>
65 65 <li>
66   - <a @click="login"><img src="../assets/images/linkdin.svg" /></a>
  66 + <a @click="login" class="cursor-pointer"><img src="../assets/images/linkdin.svg" /></a>
67 67 </li>
68 68 <li>
69   - <a @click="login"><img src="../assets/images/twitter.svg" /></a>
  69 + <a @click="login" class="cursor-pointer"><img src="../assets/images/twitter.svg" /></a>
70 70 </li>
71 71 </ul>
72 72 </div>
73   - <h5>or LogIn with email</h5>
  73 + <h5>or Log In with email</h5>
74 74 <div class="fill-form">
75 75 <label for="inputEmail" class="sr-only">Email address</label>
76 76 <input
... ... @@ -89,13 +89,14 @@
89 89 v-model="userData.password"
90 90 />
91 91  
92   - <a href="javascript:void(0);" class="btn btn-lg sb-button" type="submit" @click="loginWIthEmail">
  92 + <a href="javascript:void(0);" class="btn btn-lg sb-button" type="submit"
  93 + @click="loginWIthEmail">
93 94 <img src="../assets/images/key.svg" /> Log In to your account
94 95 </a>
95 96 <p class="forget-pass light-font-weight">
96   - Forgot Password? <a @click="goToReset">Reset</a>
  97 + Forgot Password? <a class="cursor-pointer light-font-weight" @click="goToReset">Reset</a>
97 98 </p>
98   - <h3 class="ft-normal">Don’t have an account? <a @click="goToSignUp">SignUp</a></h3>
  99 + <h3 class="ft-normal">Don’t have an account? <a class="cursor-pointer no-underline" @click="goToSignUp">SignUp</a></h3>
99 100 </div>
100 101 </form>
101 102 </div>
... ... @@ -133,7 +134,7 @@ export default {
133 134 this.$auth.loginWithRedirect();
134 135 },
135 136 goToSignUp(){
136   - this.$router.push("/signup");
  137 + this.$router.push("/");
137 138 },
138 139 goToReset() {
139 140 this.$router.push("/reset");
... ... @@ -164,8 +165,10 @@ export default {
164 165 </script>
165 166 <style>
166 167 .light-font-weight {
167   - font-weight: 400 !important;
  168 + font-weight: 500 !important;
  169 +}
  170 +.no-underline{
  171 + text-decoration: none;
168 172 }
169   -
170 173  
171 174 </style>
... ...
src/components/NoScreenshotSingleAuthor.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid episode-intro">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -19,7 +19,7 @@
19 19 <span class="navbar-toggler-icon"></span>
20 20 </button>
21 21 <div class="user-profile-photo insights-profile">
22   - <a href="#"><img src="../assets/images/lock.svg" /></a>
  22 + <a href="javascript:void(0);"><img src="../assets/images/lock.svg" /></a>
23 23 </div>
24 24 </nav>
25 25 <!-- menu wrapper -->
... ... @@ -263,7 +263,7 @@
263 263 <ul class="rly-comment-set">
264 264 <li>
265 265 <img src="../assets/images/color-heart.svg" />
266   - <a href="#">0</a>
  266 + <a href="javascript:void(0);">0</a>
267 267 </li>
268 268 <li>
269 269 <img src="../assets/images/rply.svg" />
... ... @@ -277,7 +277,7 @@
277 277 <!-- <div class="a-intro-comments custom-selected-author-style">
278 278 <img src="../assets/images/org-rect.svg" class="rect" />
279 279 <div class="top-wrp">
280   - Product Insight <a href="#"><img src="../assets/images/org-link.svg" /></a>
  280 + Product Insight <a href="javascript:void(0);"><img src="../assets/images/org-link.svg" /></a>
281 281 </div>
282 282 <div class="top-head">Automate your customer support for better engagement</div>
283 283 <p>Only 9% of consumers believe it’s acceptable to wait up to one minute to speak with an agent. Automated service is a critical step in giving customers a platform to become self-sufficient. </p>
... ... @@ -540,10 +540,10 @@ export default {
540 540 return result;
541 541 },
542 542 goToLogin() {
543   - this.$router.push("/");
  543 + this.$router.push("/login");
544 544 },
545 545 goToSignUp() {
546   - this.$router.push("/signup");
  546 + this.$router.push("/");
547 547 },
548 548 chtbox_close() {
549 549 $("#cht_box_close").removeClass("cht_close");
... ...
src/components/NoScreenshotTwoAuthor.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -26,8 +26,8 @@
26 26 <img src="../assets/images/user-2-set.svg" class="user-b-1" />
27 27 <p>COVID has accelerated the growth of some sectors in particular. </p>
28 28 <ul class="rly-comment-set">
29   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
30   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  29 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  30 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
31 31 </ul>
32 32 </div><!-- comments box -->
33 33 </div><!-- single author comments -->
... ... @@ -36,8 +36,8 @@
36 36 <img src="../assets/images/user.png" class="all-c-user-b-r" />
37 37 <p>COVID has accelerated the growth of some sectors in particular. </p>
38 38 <ul class="rly-comment-set">
39   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
40   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  39 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  40 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
41 41 </ul>
42 42 </div><!-- comments box -->
43 43 </div><!-- single author comments -->
... ... @@ -46,8 +46,8 @@
46 46 <img src="../assets/images/user-2-set.svg" class="user-b-1" />
47 47 <p>COVID has accelerated the growth of some sectors in particular. </p>
48 48 <ul class="rly-comment-set">
49   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
50   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  49 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  50 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
51 51 </ul>
52 52 </div><!-- comments box -->
53 53 </div><!-- single author comments -->
... ... @@ -56,8 +56,8 @@
56 56 <img src="../assets/images/user.png" class="all-c-user-b-r" />
57 57 <p>COVID has accelerated the growth of some sectors in particular. </p>
58 58 <ul class="rly-comment-set">
59   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
60   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  59 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  60 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
61 61 </ul>
62 62 </div><!-- comments box -->
63 63 </div><!-- single author comments -->
... ... @@ -71,8 +71,8 @@
71 71 <div class="row h-100p">
72 72 <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
73 73 <ul class="top-intro-bt">
74   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
75   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  74 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  75 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
76 76 </ul>
77 77 </div>
78 78 <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
... ... @@ -86,7 +86,7 @@
86 86 </ul><!-- comment photos -->
87 87 </div>
88 88 <div class="comments-detail all-c-space">
89   - <span>Saudrika commented <a href="#">View All</a></span>
  89 + <span>Saudrika commented <a href="javascript:void(0);">View All</a></span>
90 90 <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
91 91 </div><!-- comments detail -->
92 92  
... ... @@ -102,7 +102,7 @@
102 102 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
103 103 </div></div>
104 104 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
105   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  105 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
106 106 </div>
107 107 </div><!-- comment from -->
108 108 </div> </div></div>
... ... @@ -135,10 +135,10 @@ export default {
135 135 mounted() {},
136 136 methods: {
137 137 goToLogin() {
138   - this.$router.push("/");
  138 + this.$router.push("/login");
139 139 },
140 140 goToSignUp() {
141   - this.$router.push("/signup");
  141 + this.$router.push("/");
142 142 },
143 143  
144 144 },
... ...
src/components/Otp.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid main-wrp">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -22,21 +22,21 @@
22 22 <div class="collapse navbar-collapse" id="navbarsExample03">
23 23 <ul class="navbar-nav mr-auto">
24 24 <li class="nav-item active">
25   - <a class="nav-link" href="#">About</a>
  25 + <a class="nav-link" href="javascript:void(0);">About</a>
26 26 </li>
27 27 <li class="nav-item">
28   - <a class="nav-link" href="#">Masterclass</a>
  28 + <a class="nav-link" href="javascript:void(0);">Masterclass</a>
29 29 </li>
30 30 <li class="nav-item">
31   - <a class="nav-link" href="#">Stories</a>
  31 + <a class="nav-link" href="javascript:void(0);">Stories</a>
32 32 </li>
33 33 <li class="nav-item spotLight-img">
34   - <a class="nav-link" href="#"
  34 + <a class="nav-link" href="javascript:void(0);"
35 35 ><img src="../assets/images/SPOTLight.svg"
36 36 /></a>
37 37 </li>
38 38 <li class="nav-item">
39   - <a class="nav-link" href="#">Library</a>
  39 + <a class="nav-link" href="javascript:void(0);">Library</a>
40 40 </li>
41 41 </ul>
42 42 </div>
... ... @@ -60,13 +60,13 @@
60 60 <div class="social-login" style="visibility: hidden">
61 61 <ul>
62 62 <li>
63   - <a href="#"><img src="../assets/images/google.svg" /></a>
  63 + <a href="javascript:void(0);"><img src="../assets/images/google.svg" /></a>
64 64 </li>
65 65 <li>
66   - <a href="#"><img src="../assets/images/linkdin.svg" /></a>
  66 + <a href="javascript:void(0);"><img src="../assets/images/linkdin.svg" /></a>
67 67 </li>
68 68 <li>
69   - <a href="#"><img src="../assets/images/twitter.svg" /></a>
  69 + <a href="javascript:void(0);"><img src="../assets/images/twitter.svg" /></a>
70 70 </li>
71 71 </ul>
72 72 </div>
... ... @@ -129,7 +129,7 @@ export default {
129 129 },
130 130 methods: {
131 131 goToLogin() {
132   - this.$router.push("/");
  132 + this.$router.push("/login");
133 133 },
134 134 verifyOtp(){
135 135 axios
... ...
src/components/ProductInsight.vue
Diff comments   View file @56f4b75
... ... @@ -4,19 +4,19 @@
4 4  
5 5  
6 6 <nav class="navbar navbar-expand-sm spotLight-nav">
7   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png" /></a>
  7 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png" /></a>
8 8  
9 9  
10 10  
11 11 <div class="user-profile-photo insights-profile">
12   - <a href="#"><img src="../assets/images/user.png" /></a>
  12 + <a href="javascript:void(0);"><img src="../assets/images/user.png" /></a>
13 13 </div>
14 14 </nav><!-- menu wrapper -->
15 15 <div class="row profile-tab-spc-top insights-spc">
16 16 <div class="col-sm-8 col-md-12 col-lg-8 col-xl-8">
17   - <a href="#" class="back-to-lib"><img src="../assets/images/arrow-left.svg" />Back to library</a>
  17 + <a href="javascript:void(0);" class="back-to-lib"><img src="../assets/images/arrow-left.svg" />Back to library</a>
18 18 <ul class="insights-list">
19   - <li><a href="#">PRODUCT Insight</a></li>
  19 + <li><a href="javascript:void(0);">PRODUCT Insight</a></li>
20 20 </ul>
21 21 <div class="insights-details">
22 22 <h2>Decide on using multiple call to action vs single call to action depending on the stage of the user journey</h2>
... ... @@ -33,10 +33,10 @@
33 33 <div class="features-group">
34 34 <h3>Further Reading</h3>
35 35 <ul class="features-group-list">
36   -<li><a href="#">The Aesthetic-Usability Effect <img src="../assets/images/link.svg" /></a>
  36 +<li><a href="javascript:void(0);">The Aesthetic-Usability Effect <img src="../assets/images/link.svg" /></a>
37 37 <span>Wikipedia</span>
38 38 </li>
39   -<li><a href="#">The Aesthetic-Usability Effect: Why beautiful-looking products are preferred over usable-but-not-beautiful ones. <img src="../assets/images/link.svg" /></a>
  39 +<li><a href="javascript:void(0);">The Aesthetic-Usability Effect: Why beautiful-looking products are preferred over usable-but-not-beautiful ones. <img src="../assets/images/link.svg" /></a>
40 40 <span>Nielsen Norman Group</span>
41 41 </li>
42 42 </ul>
... ... @@ -47,12 +47,12 @@
47 47 <div class="row top-brd profile-tab-spc-top">
48 48 <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
49 49 <ul class="profile-tab">
50   - <li class="active-green"><a href="#">Citations(16)</a></li>
  50 + <li class="active-green"><a href="javascript:void(0);">Citations(16)</a></li>
51 51 </ul>
52 52  
53 53 </div>
54 54 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
55   -<a href="#" class="insights-rply"><img src="../assets/images/reply.svg" /> Share Insight</a>
  55 +<a href="javascript:void(0);" class="insights-rply"><img src="../assets/images/reply.svg" /> Share Insight</a>
56 56  
57 57 </div>
58 58 </div><!-- tab style -->
... ... @@ -76,9 +76,9 @@
76 76 </div><!-- user detail -->
77 77 <p>Onboarding, Core usage,<br> Customer Suport</p>
78 78 <ul class="tags-list">
79   - <li><a href="#" class="cape-honey">Design</a></li>
80   - <li><a href="#" class="rose-bud">Marketing</a></li>
81   - <li><a href="#" class="pattens-blue">Product</a></li>
  79 + <li><a href="javascript:void(0);" class="cape-honey">Design</a></li>
  80 + <li><a href="javascript:void(0);" class="rose-bud">Marketing</a></li>
  81 + <li><a href="javascript:void(0);" class="pattens-blue">Product</a></li>
82 82 </ul>
83 83 <div class="clearfix"></div>
84 84 </div><!-- card wrpper -->
... ... @@ -98,9 +98,9 @@
98 98 </div><!-- user detail -->
99 99 <p>Onboarding, Core usage,<br> Customer Suport</p>
100 100 <ul class="tags-list">
101   - <li><a href="#" class="cape-honey">Design</a></li>
102   - <li><a href="#" class="rose-bud">Marketing</a></li>
103   - <li><a href="#" class="pattens-blue">Product</a></li>
  101 + <li><a href="javascript:void(0);" class="cape-honey">Design</a></li>
  102 + <li><a href="javascript:void(0);" class="rose-bud">Marketing</a></li>
  103 + <li><a href="javascript:void(0);" class="pattens-blue">Product</a></li>
104 104 </ul>
105 105 <div class="clearfix"></div>
106 106 </div><!-- card wrpper -->
... ... @@ -120,9 +120,9 @@
120 120 </div><!-- user detail -->
121 121 <p>Onboarding, Core usage,<br> Customer Suport</p>
122 122 <ul class="tags-list">
123   - <li><a href="#" class="cape-honey">Design</a></li>
124   - <li><a href="#" class="rose-bud">Marketing</a></li>
125   - <li><a href="#" class="pattens-blue">Product</a></li>
  123 + <li><a href="javascript:void(0);" class="cape-honey">Design</a></li>
  124 + <li><a href="javascript:void(0);" class="rose-bud">Marketing</a></li>
  125 + <li><a href="javascript:void(0);" class="pattens-blue">Product</a></li>
126 126 </ul>
127 127 <div class="clearfix"></div>
128 128 </div><!-- card wrpper -->
... ... @@ -150,10 +150,10 @@ export default {
150 150 mounted() {},
151 151 methods: {
152 152 goToLogin() {
153   - this.$router.push("/");
  153 + this.$router.push("/login");
154 154 },
155 155 goToSignUp() {
156   - this.$router.push("/signup");
  156 + this.$router.push("/");
157 157 },
158 158  
159 159 },
... ...
src/components/Profile.vue
Diff comments   View file @56f4b75
... ... @@ -356,20 +356,20 @@
356 356 <div class="user-profile">
357 357 <h1>
358 358 {{ userData.firstName }} {{ userData.lastName }}
359   - <a href="javasript:void(0);" class="tags no-cursor">{{ userData.role }}</a>
  359 + <span href="javasript:void(0);" class="tags no-cursor no-underline">{{ userData.role }}</span>
360 360 </h1>
361 361 <ul class="joined-info">
362 362 <li>
363 363 <a href="javascript:void(0);" v-if="userData.designation.length == 0 && userData.organisation.length == 0" @click="addProfileDialog"
364 364 >Add your work</a
365 365 >
366   - <a class="no-cursor" href="javascript:void(0);" v-if="userData.designation.length != 0"
  366 + <a class="no-cursor no-underline" href="javascript:void(0);" v-if="userData.designation.length != 0"
367 367 >{{userData.designation}}</a
368 368 >
369   - <a class="no-cursor" href="javascript:void(0);" v-if="userData.designation.length != 0 && userData.organisation.length != 0"
  369 + <a class="no-cursor no-underline" href="javascript:void(0);" v-if="userData.designation.length != 0 && userData.organisation.length != 0"
370 370 >at</a
371 371 >
372   - <a class="no-cursor" href="javascript:void(0);" v-if="userData.organisation.length != 0"
  372 + <a class="no-cursor no-underline" href="javascript:void(0);" v-if="userData.organisation.length != 0"
373 373 >{{userData.organisation}}</a
374 374 >
375 375 <img src="../assets/images/u-info-icon.png" /> <span></span>
... ... @@ -379,7 +379,7 @@
379 379 </li>
380 380 <li>
381 381 <a href="javasript:void(0);"
382   - class="no-cursor">Joined on
  382 + class="no-cursor no-underline">Joined on
383 383 {{ moment(userData.createdAt).format("MMM YYYY") }}</a
384 384 >
385 385 </li>
... ... @@ -606,13 +606,13 @@ data: () =&gt;({
606 606 },
607 607 methods: {
608 608 goToSignUp() {
609   - this.$router.push("/signup");
  609 + this.$router.push("/");
610 610 },
611 611 goToReset() {
612 612 this.$router.push("/reset");
613 613 },
614 614 logout() {
615   - this.$router.push("/");
  615 + this.$router.push("/login");
616 616 },
617 617 addSocialLink(obj) {
618 618 this.socialLink.push();
... ... @@ -887,4 +887,7 @@ data: () =&gt;({
887 887 .no-cursor{
888 888 cursor: default !important;
889 889 }
  890 +.no-underline{
  891 + text-decoration: none !important;
  892 +}
890 893 </style>
... ...
src/components/ReadingFlowBounceBoard.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -27,9 +27,9 @@
27 27 BEST
28 28 </button>
29 29 <div class="dropdown-menu">
30   - <a class="dropdown-item" href="#">BEST 1</a>
31   - <a class="dropdown-item" href="#">BEST 2</a>
32   - <a class="dropdown-item" href="#">BEST 3</a>
  30 + <a class="dropdown-item" href="javascript:void(0);">BEST 1</a>
  31 + <a class="dropdown-item" href="javascript:void(0);">BEST 2</a>
  32 + <a class="dropdown-item" href="javascript:void(0);">BEST 3</a>
33 33 </div>
34 34 </div>
35 35 </div><!-- action sort -->
... ... @@ -47,8 +47,8 @@
47 47 <div class="a-intro-comments custom-c-style">
48 48 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
49 49 <ul class="rly-comment-set">
50   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
51   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  50 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  51 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
52 52 </ul>
53 53 </div><!-- comments box -->
54 54 </div><!-- single author comments -->
... ... @@ -56,8 +56,8 @@
56 56 <div class="a-intro-comments custom-c-style">
57 57 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
58 58 <ul class="rly-comment-set">
59   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
60   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  59 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  60 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
61 61 </ul>
62 62 </div><!-- comments box -->
63 63 </div><!-- single author comments -->
... ... @@ -67,7 +67,7 @@
67 67 <div class="a-intro-comments custom-selected-style">
68 68 <img src="../assets/images/rect.svg" class="rect" />
69 69 <div class="top-wrp">
70   - PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
  70 + PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
71 71 </div>
72 72 <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
73 73 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product.
... ... @@ -75,8 +75,8 @@
75 75 When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
76 76 </p>
77 77 <div class="footer">
78   - <a href="#" class="cit-16">16 Citations</a>
79   - <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  78 + <a href="javascript:void(0);" class="cit-16">16 Citations</a>
  79 + <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
80 80 </div><!-- footer -->
81 81  
82 82 </div><!-- comments box -->
... ... @@ -91,8 +91,8 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
91 91 <div class="row h-100p">
92 92 <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
93 93 <ul class="top-intro-bt">
94   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
95   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to the next slide</a></li>
  94 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  95 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to the next slide</a></li>
96 96 </ul>
97 97 </div>
98 98  
... ... @@ -128,10 +128,10 @@ export default {
128 128 mounted() {},
129 129 methods: {
130 130 goToLogin() {
131   - this.$router.push("/");
  131 + this.$router.push("/login");
132 132 },
133 133 goToSignUp() {
134   - this.$router.push("/signup");
  134 + this.$router.push("/");
135 135 },
136 136  
137 137 },
... ...
src/components/ReadingFlowBounceBoard_chat.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -27,9 +27,9 @@
27 27 BEST
28 28 </button>
29 29 <div class="dropdown-menu short_by">
30   - <a class="dropdown-item" href="#">BEST 1</a>
31   - <a class="dropdown-item" href="#">BEST 2</a>
32   - <a class="dropdown-item" href="#">BEST 3</a>
  30 + <a class="dropdown-item" href="javascript:void(0);">BEST 1</a>
  31 + <a class="dropdown-item" href="javascript:void(0);">BEST 2</a>
  32 + <a class="dropdown-item" href="javascript:void(0);">BEST 3</a>
33 33 </div>
34 34 </div>
35 35 </div><!-- action sort -->
... ... @@ -54,9 +54,9 @@
54 54 <div class="joined_wrapper">
55 55 <ul class="joined-info info_bc_spc">
56 56 <li> <img src="../assets/images/purple-heart.png"> </li>
57   - <li> <a href="#"> 4</a> </li>
  57 + <li> <a href="javascript:void(0);"> 4</a> </li>
58 58 <li class="comment-spc"> <img src="../assets/images/purple-comment.png"> </li>
59   - <li> <a href="#"> 6</a> </li>
  59 + <li> <a href="javascript:void(0);"> 6</a> </li>
60 60 </ul>
61 61 <div class="add_rply">
62 62 <input type="text" placeholder="Add your reply" />
... ... @@ -80,9 +80,9 @@
80 80 <div class="joined_wrapper">
81 81 <ul class="joined-info info_bc_spc">
82 82 <li> <img src="../assets/images/purple-heart.png"> </li>
83   - <li> <a href="#"> 4</a> </li>
  83 + <li> <a href="javascript:void(0);"> 4</a> </li>
84 84 <li class="comment-spc"> <img src="../assets/images/purple-comment.png"> </li>
85   - <li> <a href="#"> 6</a> </li>
  85 + <li> <a href="javascript:void(0);"> 6</a> </li>
86 86 </ul>
87 87 <div class="add_rply">
88 88 <input type="text" placeholder="Add your reply" />
... ... @@ -112,9 +112,9 @@
112 112 <div class="joined_wrapper">
113 113 <ul class="joined-info info_bc_spc">
114 114 <li> <img src="../assets/images/purple-heart.png"> </li>
115   - <li> <a href="#"> 4</a> </li>
  115 + <li> <a href="javascript:void(0);"> 4</a> </li>
116 116 <li class="comment-spc"> <img src="../assets/images/purple-comment.png"> </li>
117   - <li> <a href="#"> 6</a> </li>
  117 + <li> <a href="javascript:void(0);"> 6</a> </li>
118 118 </ul>
119 119 <div class="add_rply">
120 120 <input type="text" placeholder="Add your reply" />
... ... @@ -138,9 +138,9 @@
138 138 <div class="joined_wrapper">
139 139 <ul class="joined-info info_bc_spc">
140 140 <li> <img src="../assets/images/purple-heart.png"> </li>
141   - <li> <a href="#"> 4</a> </li>
  141 + <li> <a href="javascript:void(0);"> 4</a> </li>
142 142 <li class="comment-spc"> <img src="../assets/images/purple-comment.png"> </li>
143   - <li> <a href="#"> 6</a> </li>
  143 + <li> <a href="javascript:void(0);"> 6</a> </li>
144 144 </ul>
145 145 <div class="add_rply">
146 146 <input type="text" placeholder="Add your reply" />
... ... @@ -164,9 +164,9 @@
164 164 <div class="joined_wrapper">
165 165 <ul class="joined-info info_bc_spc">
166 166 <li> <img src="../assets/images/purple-heart.png"> </li>
167   - <li> <a href="#"> 4</a> </li>
  167 + <li> <a href="javascript:void(0);"> 4</a> </li>
168 168 <li class="comment-spc"> <img src="../assets/images/purple-comment.png"> </li>
169   - <li> <a href="#"> 6</a> </li>
  169 + <li> <a href="javascript:void(0);"> 6</a> </li>
170 170 </ul>
171 171 <div class="add_rply">
172 172 <input type="text" placeholder="Add your reply" />
... ... @@ -181,7 +181,7 @@
181 181 <div class="comments-footer">
182 182 <textarea></textarea>
183 183 <div class="comments-footer-wrp">
184   - <a href="#" class="add_comments_chat"><img src="../assets/images/add-comment.svg" /> Comment</a>
  184 + <a href="javascript:void(0);" class="add_comments_chat"><img src="../assets/images/add-comment.svg" /> Comment</a>
185 185 </div>
186 186 </div><!-- comments footer -->
187 187 </div>
... ... @@ -194,8 +194,8 @@
194 194 <div class="a-intro-comments custom-c-style">
195 195 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
196 196 <ul class="rly-comment-set">
197   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
198   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  197 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  198 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
199 199 </ul>
200 200 </div><!-- comments box -->
201 201 </div><!-- single author comments -->
... ... @@ -203,8 +203,8 @@
203 203 <div class="a-intro-comments custom-c-style">
204 204 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
205 205 <ul class="rly-comment-set">
206   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
207   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  206 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  207 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
208 208 </ul>
209 209 </div><!-- comments box -->
210 210 </div><!-- single author comments -->
... ... @@ -214,7 +214,7 @@
214 214 <div class="a-intro-comments custom-selected-style">
215 215 <img src="../assets/images/rect.svg" class="rect" />
216 216 <div class="top-wrp">
217   - PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
  217 + PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
218 218 </div>
219 219 <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
220 220 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product.
... ... @@ -222,8 +222,8 @@
222 222 When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
223 223 </p>
224 224 <div class="footer">
225   - <a href="#" class="cit-16">16 Citations</a>
226   - <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  225 + <a href="javascript:void(0);" class="cit-16">16 Citations</a>
  226 + <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
227 227 </div><!-- footer -->
228 228  
229 229 </div><!-- comments box -->
... ... @@ -238,8 +238,8 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
238 238 <div class="row h-100p">
239 239 <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
240 240 <ul class="top-intro-bt">
241   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
242   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to the next slide</a></li>
  241 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  242 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to the next slide</a></li>
243 243 </ul>
244 244 </div>
245 245  
... ... @@ -275,10 +275,10 @@ export default {
275 275 mounted() {},
276 276 methods: {
277 277 goToLogin() {
278   - this.$router.push("/");
  278 + this.$router.push("/login");
279 279 },
280 280 goToSignUp() {
281   - this.$router.push("/signup");
  281 + this.$router.push("/");
282 282 },
283 283 best_sort(){
284 284 $(".short_by").toggle();
... ...
src/components/Reset.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid main-wrp">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -22,21 +22,21 @@
22 22 <div class="collapse navbar-collapse" id="navbarsExample03">
23 23 <ul class="navbar-nav mr-auto">
24 24 <li class="nav-item active">
25   - <a class="nav-link" href="#">About</a>
  25 + <a class="nav-link" href="javascript:void(0);">About</a>
26 26 </li>
27 27 <li class="nav-item">
28   - <a class="nav-link" href="#">Masterclass</a>
  28 + <a class="nav-link" href="javascript:void(0);">Masterclass</a>
29 29 </li>
30 30 <li class="nav-item">
31   - <a class="nav-link" href="#">Stories</a>
  31 + <a class="nav-link" href="javascript:void(0);">Stories</a>
32 32 </li>
33 33 <li class="nav-item spotLight-img">
34   - <a class="nav-link" href="#"
  34 + <a class="nav-link" href="javascript:void(0);"
35 35 ><img src="../assets/images/SPOTLight.svg"
36 36 /></a>
37 37 </li>
38 38 <li class="nav-item">
39   - <a class="nav-link" href="#">Library</a>
  39 + <a class="nav-link" href="javascript:void(0);">Library</a>
40 40 </li>
41 41 </ul>
42 42 </div>
... ... @@ -47,23 +47,27 @@
47 47 <!-- users land image -->
48 48 <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
49 49 <h1>
50   - Welcome to <br />
51   - Productgrowth
  50 + <!-- Welcome to <br />
  51 + Productgrowth -->
  52 + Hello, there!<br />
  53 +welcome to spotlight
52 54 </h1>
53 55 <ul class="sign-in-up-list">
54 56 <li>
55 57 <img src="../assets/images/check.svg" /><span
56   - >Connect & learn from fellow product enthusiasts</span
  58 + >Collaborate, Contribute and Explore with fellow product enthusiasts</span
57 59 >
58 60 </li>
59 61 <li>
60 62 <img src="../assets/images/check.svg" /><span
61   - >Share & pickup deeper insights from real world products</span
  63 + >Get access to insightful Case Studies and participate in Roundtables</span
62 64 >
63 65 </li>
64 66 <li>
65 67 <img src="../assets/images/check.svg" /><span
66   - >Access to XX Casestudies</span
  68 + >Engage actively on the
  69 +Bounce Board - we’re all ears!
  70 +</span
67 71 >
68 72 </li>
69 73 </ul>
... ... @@ -71,10 +75,9 @@
71 75 <!-- users land image -->
72 76 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
73 77 <div class="form-layout signup-frm-spc">
74   - <form class="reset-pass-spc">
  78 + <form >
75 79 <h5>
76   - Forgot password? Enter your e-Mail ID<br />
77   - to retrive
  80 + Forgot password? Enter your Email <br /> ID to retrieve it
78 81 </h5>
79 82 <div class="fill-form">
80 83 <label for="inputEmail" class="sr-only">Email address</label>
... ... @@ -90,9 +93,9 @@
90 93 <img src="../assets/images/key.svg" /> Reset Password
91 94 </a>
92 95  
93   - <h3 class="go-back">
94   - <span>Go back to </span><a @click="goToLogin">Login</a><span> / </span
95   - ><a @click="goToSignUp">SignUp</a>
  96 + <h3 class="ft-normal">
  97 + <span>Go back to </span><a class="cursor-pointer no-underline" @click="goToLogin">Login</a><span> / </span
  98 + ><a class="cursor-pointer no-underline" @click="goToSignUp">SignUp</a>
96 99 </h3>
97 100 </div>
98 101 </form>
... ... @@ -122,10 +125,10 @@ export default {
122 125 mounted() {},
123 126 methods: {
124 127 goToLogin() {
125   - this.$router.push("/");
  128 + this.$router.push("/login");
126 129 },
127 130 goToSignUp() {
128   - this.$router.push("/signup");
  131 + this.$router.push("/");
129 132 },
130 133 forgotPassword(){
131 134 axios
... ...
src/components/SignUp.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid main-wrp">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -22,21 +22,21 @@
22 22 <div class="collapse navbar-collapse" id="navbarsExample03">
23 23 <ul class="navbar-nav mr-auto">
24 24 <li class="nav-item active">
25   - <a class="nav-link" href="#">About</a>
  25 + <a class="nav-link" href="javascript:void(0);">About</a>
26 26 </li>
27 27 <li class="nav-item">
28   - <a class="nav-link" href="#">Masterclass</a>
  28 + <a class="nav-link" href="javascript:void(0);">Masterclass</a>
29 29 </li>
30 30 <li class="nav-item">
31   - <a class="nav-link" href="#">Stories</a>
  31 + <a class="nav-link" href="javascript:void(0);">Stories</a>
32 32 </li>
33 33 <li class="nav-item spotLight-img">
34   - <a class="nav-link" href="#"
  34 + <a class="nav-link" href="javascript:void(0);"
35 35 ><img src="../assets/images/SPOTLight.svg"
36 36 /></a>
37 37 </li>
38 38 <li class="nav-item">
39   - <a class="nav-link" href="#">Library</a>
  39 + <a class="nav-link" href="javascript:void(0);">Library</a>
40 40 </li>
41 41 </ul>
42 42 </div>
... ... @@ -48,23 +48,27 @@
48 48 <!-- users land image -->
49 49 <div class="col-sm-5 col-md-6 col-lg-7 col-xl-4 wc-spc-lf-tp">
50 50 <h1>
51   - Welcome to <br />
52   - Productgrowth
  51 + Hello, there!<br />
  52 +welcome to spotlight
  53 + <!-- Welcome to <br />
  54 + Productgrowth -->
53 55 </h1>
54 56 <ul class="sign-in-up-list">
55 57 <li>
56 58 <img src="../assets/images/check.svg" /><span
57   - >Connect & learn from fellow product enthusiasts</span
  59 + >Collaborate, Contribute and Explore with fellow product enthusiasts</span
58 60 >
59 61 </li>
60 62 <li>
61 63 <img src="../assets/images/check.svg" /><span
62   - >Share & pickup deeper insights from real world products</span
  64 + >Get access to insightful Case Studies and participate in Roundtables</span
63 65 >
64 66 </li>
65 67 <li>
66 68 <img src="../assets/images/check.svg" /><span
67   - >Access to XX Casestudies</span
  69 + >Engage actively on the
  70 +Bounce Board - we’re all ears!
  71 +</span
68 72 >
69 73 </li>
70 74 </ul>
... ... @@ -72,22 +76,22 @@
72 76 <!-- users land image -->
73 77 <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
74 78 <div class="form-layout signup-frm-spc">
75   - <form>
76   - <h5>SignUp Using</h5>
  79 + <form v-on:keyup.enter="signup">
  80 + <h5>Sign Up using</h5>
77 81 <div class="social-login">
78   - <ul>
79   - <li>
80   - <a href="#"><img src="../assets/images/google.svg" /></a>
81   - </li>
82   - <li>
83   - <a href="#"><img src="../assets/images/linkdin.svg" /></a>
84   - </li>
85   - <li>
86   - <a href="#"><img src="../assets/images/twitter.svg" /></a>
87   - </li>
88   - </ul>
89   - </div>
90   - <h5>or Signup with email</h5>
  82 + <ul>
  83 + <li>
  84 + <a @click="login" class="cursor-pointer"><img src="../assets/images/google.svg" /></a>
  85 + </li>
  86 + <li>
  87 + <a @click="login" class="cursor-pointer"><img src="../assets/images/linkdin.svg" /></a>
  88 + </li>
  89 + <li>
  90 + <a @click="login" class="cursor-pointer"><img src="../assets/images/twitter.svg" /></a>
  91 + </li>
  92 + </ul>
  93 + </div>
  94 + <h5>or Sign Up with Email</h5>
91 95 <div class="fill-form">
92 96 <label for="inputEmail" class="sr-only">Email address</label>
93 97 <input
... ... @@ -114,7 +118,7 @@
114 118 By signing up I agree to the <a>Privacy Policy</a> and
115 119 <a>Terms of Service</a>
116 120 </p>
117   - <h3>Have an account? <a @click="goToLogin">Login</a></h3>
  121 + <h3 class="ft-normal">Have an account? <a class="cursor-pointer no-underline" @click="goToLogin">Login</a></h3>
118 122 </div>
119 123 </form>
120 124 </div>
... ... @@ -140,10 +144,17 @@ export default {
140 144 userData: {},
141 145 };
142 146 },
143   - mounted() {},
  147 + mounted() {
  148 + // this.$auth.logout();
  149 + localStorage.removeItem("spotlight_usertoken");
  150 + localStorage.removeItem("spotlight_email");
  151 + },
144 152 methods: {
  153 + login() {
  154 + this.$auth.loginWithRedirect();
  155 + },
145 156 goToLogin() {
146   - this.$router.push("/");
  157 + this.$router.push("/login");
147 158 },
148 159 signup() {
149 160 axios
... ... @@ -164,3 +175,8 @@ export default {
164 175 },
165 176 };
166 177 </script>
  178 +<style>
  179 +.light-font-weight {
  180 + font-weight: 500 !important;
  181 +}
  182 +</style>
... ...
src/components/SingleAuthor.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/lock.svg"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/lock.svg"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -22,8 +22,8 @@
22 22 <div class="a-intro-comments">
23 23 <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
24 24 <ul class="rly-comment-set">
25   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
26   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  25 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  26 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
27 27 </ul>
28 28 </div><!-- comments box -->
29 29 </div><!-- single author comments -->
... ... @@ -31,8 +31,8 @@
31 31 <div class="a-intro-comments">
32 32 <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
33 33 <ul class="rly-comment-set">
34   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
35   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  34 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  35 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
36 36 </ul>
37 37 </div><!-- comments box -->
38 38 </div><!-- single author comments -->
... ... @@ -40,8 +40,8 @@
40 40 <div class="a-intro-comments">
41 41 <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
42 42 <ul class="rly-comment-set">
43   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
44   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  43 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  44 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
45 45 </ul>
46 46 </div><!-- comments box -->
47 47 </div><!-- single author comments -->
... ... @@ -54,8 +54,8 @@
54 54 <div class="row h-100p">
55 55 <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
56 56 <ul class="top-intro-bt">
57   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
58   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  57 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  58 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
59 59 </ul>
60 60 </div>
61 61 <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
... ... @@ -69,7 +69,7 @@
69 69 </ul><!-- comment photos -->
70 70 </div>
71 71 <div class="comments-detail all-c-space">
72   - <span>Saudrika commented <a href="#">View All</a></span>
  72 + <span>Saudrika commented <a href="javascript:void(0);">View All</a></span>
73 73 <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
74 74 </div><!-- comments detail -->
75 75  
... ... @@ -85,7 +85,7 @@
85 85 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
86 86 </div></div>
87 87 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
88   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  88 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
89 89 </div>
90 90 </div><!-- comment from -->
91 91 </div> </div></div>
... ... @@ -118,10 +118,10 @@ export default {
118 118 mounted() {},
119 119 methods: {
120 120 goToLogin() {
121   - this.$router.push("/");
  121 + this.$router.push("/login");
122 122 },
123 123 goToSignUp() {
124   - this.$router.push("/signup");
  124 + this.$router.push("/");
125 125 },
126 126  
127 127 },
... ...
src/components/SingleMobileInsight.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -32,8 +32,8 @@
32 32 <div class="a-intro-comments custom-c-style">
33 33 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
34 34 <ul class="rly-comment-set">
35   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
36   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  35 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  36 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
37 37 </ul>
38 38 </div><!-- comments box -->
39 39 </div><!-- single author comments -->
... ... @@ -41,8 +41,8 @@
41 41 <div class="a-intro-comments custom-c-style">
42 42 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
43 43 <ul class="rly-comment-set">
44   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
45   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  44 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  45 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
46 46 </ul>
47 47 </div><!-- comments box -->
48 48 </div><!-- single author comments -->
... ... @@ -52,8 +52,8 @@
52 52 <div class="a-intro-comments">
53 53 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
54 54 <ul class="rly-comment-set">
55   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
56   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  55 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  56 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
57 57 </ul>
58 58 </div><!-- comments box -->
59 59 </div><!-- single author comments -->
... ... @@ -61,8 +61,8 @@
61 61 <div class="a-intro-comments">
62 62 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
63 63 <ul class="rly-comment-set">
64   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
65   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  64 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  65 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
66 66 </ul>
67 67 </div><!-- comments box -->
68 68 </div><!-- single author comments -->
... ... @@ -75,8 +75,8 @@
75 75 <div class="row h-100p">
76 76 <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
77 77 <ul class="top-intro-bt">
78   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
79   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  78 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  79 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
80 80 </ul>
81 81 </div>
82 82 <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
... ... @@ -102,7 +102,7 @@
102 102 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
103 103 </div></div>
104 104 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
105   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  105 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
106 106 </div>
107 107 </div><!-- comment from -->
108 108 </div> </div></div>
... ... @@ -135,10 +135,10 @@ export default {
135 135 mounted() {},
136 136 methods: {
137 137 goToLogin() {
138   - this.$router.push("/");
  138 + this.$router.push("/login");
139 139 },
140 140 goToSignUp() {
141   - this.$router.push("/signup");
  141 + this.$router.push("/");
142 142 },
143 143  
144 144 },
... ...
src/components/SingleMobileScreenChatComments.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -24,8 +24,8 @@
24 24 <img src="../assets/images/user.png" class="user-t-1" />
25 25 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
26 26 <ul class="rly-comment-set">
27   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
28   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  27 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  28 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
29 29 </ul>
30 30 </div><!-- comments box -->
31 31 </div><!-- single author comments -->
... ... @@ -34,8 +34,8 @@
34 34 <img src="../assets/images/user.png" class="user-t-1" />
35 35 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
36 36 <ul class="rly-comment-set">
37   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
38   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  37 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  38 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
39 39 </ul>
40 40 </div><!-- comments box -->
41 41 </div><!-- single author comments -->
... ... @@ -47,8 +47,8 @@
47 47 <img src="../assets/images/user-2-set.svg" class="user-t-2" />
48 48 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
49 49 <ul class="rly-comment-set">
50   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
51   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  50 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  51 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
52 52 </ul>
53 53 </div><!-- comments box -->
54 54 </div><!-- single author comments -->
... ... @@ -57,8 +57,8 @@
57 57 <img src="../assets/images/user-2-set.svg" class="user-t-2" />
58 58 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
59 59 <ul class="rly-comment-set">
60   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
61   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  60 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  61 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
62 62 </ul>
63 63 </div><!-- comments box -->
64 64 </div><!-- single author comments -->
... ... @@ -71,8 +71,8 @@
71 71 <div class="row h-100p">
72 72 <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
73 73 <ul class="top-intro-bt">
74   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
75   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  74 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  75 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
76 76 </ul>
77 77 </div>
78 78 <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
... ... @@ -98,7 +98,7 @@
98 98 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
99 99 </div></div>
100 100 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
101   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  101 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
102 102 </div>
103 103 </div><!-- comment from -->
104 104 </div> </div></div>
... ... @@ -131,10 +131,10 @@ export default {
131 131 mounted() {},
132 132 methods: {
133 133 goToLogin() {
134   - this.$router.push("/");
  134 + this.$router.push("/login");
135 135 },
136 136 goToSignUp() {
137   - this.$router.push("/signup");
  137 + this.$router.push("/");
138 138 },
139 139  
140 140 },
... ...
src/components/SingleMobileScreenInsightOne.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid episode-intro">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -19,7 +19,7 @@
19 19 <span class="navbar-toggler-icon"></span>
20 20 </button>
21 21 <div class="user-profile-photo insights-profile">
22   - <a href="#"><img src="../assets/images/user.png" /></a>
  22 + <a href="javascript:void(0);"><img src="../assets/images/user.png" /></a>
23 23 </div>
24 24 </nav>
25 25 <!-- menu wrapper -->
... ... @@ -247,7 +247,7 @@
247 247 <img src="../assets/images/rect.svg" class="rect" />
248 248 <div class="top-wrp">
249 249 {{currentSlideData.payload.insight.tag}} Insight
250   - <a href="#"><img src="../assets/images/link-red.svg" /></a>
  250 + <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
251 251 </div>
252 252 <!-- <div class="top-head">
253 253 Decide on using multiple call to action vs single call to
... ... @@ -265,8 +265,8 @@
265 265 <div class="top-head">{{currentSlideData.payload.insight.title}}</div>
266 266 <p>{{currentSlideData.payload.insight.description}}
267 267 <div class="footer">
268   - <a href="#" class="cit-16">{{currentSlideData.payload.insight.citations.length}} Citations</a>
269   - <a href="#" class="ft-share"
  268 + <a href="javascript:void(0);" class="cit-16">{{currentSlideData.payload.insight.citations.length}} Citations</a>
  269 + <a href="javascript:void(0);" class="ft-share"
270 270 ><img src="../assets/images/reply-red.svg" /> Share from
271 271 library</a
272 272 >
... ... @@ -531,10 +531,10 @@ export default {
531 531 return result;
532 532 },
533 533 goToLogin() {
534   - this.$router.push("/");
  534 + this.$router.push("/login");
535 535 },
536 536 goToSignUp() {
537   - this.$router.push("/signup");
  537 + this.$router.push("/");
538 538 },
539 539 chtbox_close() {
540 540 $("#cht_box_close").removeClass("cht_close");
... ...
src/components/SingleMobileScreenInsightTwo.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid episode-intro">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -19,7 +19,7 @@
19 19 <span class="navbar-toggler-icon"></span>
20 20 </button>
21 21 <div class="user-profile-photo insights-profile">
22   - <a href="#"><img src="../assets/images/user.png" /></a>
  22 + <a href="javascript:void(0);"><img src="../assets/images/user.png" /></a>
23 23 </div>
24 24 </nav>
25 25 <!-- menu wrapper -->
... ... @@ -538,10 +538,10 @@ export default {
538 538 return result;
539 539 },
540 540 goToLogin() {
541   - this.$router.push("/");
  541 + this.$router.push("/login");
542 542 },
543 543 goToSignUp() {
544   - this.$router.push("/signup");
  544 + this.$router.push("/");
545 545 },
546 546 chtbox_close() {
547 547 $("#cht_box_close").removeClass("cht_close");
... ...
src/components/SingleScreengrabOneInsight.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -23,8 +23,8 @@
23 23 <div class="a-intro-comments custom-c-style">
24 24 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
25 25 <ul class="rly-comment-set">
26   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
27   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  26 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  27 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
28 28 </ul>
29 29 </div><!-- comments box -->
30 30 </div><!-- single author comments -->
... ... @@ -35,7 +35,7 @@
35 35 <div class="a-intro-comments custom-selected-style">
36 36 <img src="../assets/images/rect.svg" class="rect" />
37 37 <div class="top-wrp">
38   - PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
  38 + PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
39 39 </div>
40 40 <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
41 41 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product.
... ... @@ -43,8 +43,8 @@
43 43 When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
44 44 </p>
45 45 <div class="footer">
46   - <a href="#" class="cit-16">16 Citations</a>
47   - <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  46 + <a href="javascript:void(0);" class="cit-16">16 Citations</a>
  47 + <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
48 48 </div><!-- footer -->
49 49  
50 50 </div><!-- comments box -->
... ... @@ -59,8 +59,8 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
59 59 <div class="row h-100p">
60 60 <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
61 61 <ul class="top-intro-bt">
62   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
63   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  62 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  63 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
64 64 </ul>
65 65 </div>
66 66 <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
... ... @@ -86,7 +86,7 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
86 86 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
87 87 </div></div>
88 88 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
89   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  89 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
90 90 </div>
91 91 </div><!-- comment from -->
92 92 </div> </div></div>
... ... @@ -119,10 +119,10 @@ export default {
119 119 mounted() {},
120 120 methods: {
121 121 goToLogin() {
122   - this.$router.push("/");
  122 + this.$router.push("/login");
123 123 },
124 124 goToSignUp() {
125   - this.$router.push("/signup");
  125 + this.$router.push("/");
126 126 },
127 127  
128 128 },
... ...
src/components/SingleWebScreenInsightOne.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -23,8 +23,8 @@
23 23 <div class="a-intro-comments custom-c-style">
24 24 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
25 25 <ul class="rly-comment-set">
26   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
27   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  26 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  27 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
28 28 </ul>
29 29 </div><!-- comments box -->
30 30 </div><!-- single author comments -->
... ... @@ -35,7 +35,7 @@
35 35 <div class="a-intro-comments custom-selected-style">
36 36 <img src="../assets/images/rect.svg" class="rect" />
37 37 <div class="top-wrp">
38   - PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
  38 + PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
39 39 </div>
40 40 <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
41 41 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product.
... ... @@ -43,8 +43,8 @@
43 43 When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
44 44 </p>
45 45 <div class="footer">
46   - <a href="#" class="cit-16">16 Citations</a>
47   - <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  46 + <a href="javascript:void(0);" class="cit-16">16 Citations</a>
  47 + <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
48 48 </div><!-- footer -->
49 49  
50 50 </div><!-- comments box -->
... ... @@ -59,8 +59,8 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
59 59 <div class="row h-100p">
60 60 <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
61 61 <ul class="top-intro-bt">
62   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
63   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  62 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  63 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
64 64 </ul>
65 65 </div>
66 66 <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
... ... @@ -86,7 +86,7 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
86 86 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
87 87 </div></div>
88 88 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
89   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  89 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
90 90 </div>
91 91 </div><!-- comment from -->
92 92 </div> </div></div>
... ... @@ -119,10 +119,10 @@ export default {
119 119 mounted() {},
120 120 methods: {
121 121 goToLogin() {
122   - this.$router.push("/");
  122 + this.$router.push("/login");
123 123 },
124 124 goToSignUp() {
125   - this.$router.push("/signup");
  125 + this.$router.push("/");
126 126 },
127 127  
128 128 },
... ...
src/components/ToAddYourComment.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -23,8 +23,8 @@
23 23 <div class="a-intro-comments custom-c-style">
24 24 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
25 25 <ul class="rly-comment-set">
26   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
27   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  26 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  27 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
28 28 </ul>
29 29 </div><!-- comments box -->
30 30 </div><!-- single author comments -->
... ... @@ -32,8 +32,8 @@
32 32 <div class="a-intro-comments custom-c-style">
33 33 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
34 34 <ul class="rly-comment-set">
35   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
36   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  35 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  36 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
37 37 </ul>
38 38 </div><!-- comments box -->
39 39 </div><!-- single author comments -->
... ... @@ -43,7 +43,7 @@
43 43 <div class="a-intro-comments custom-selected-style">
44 44 <img src="../assets/images/rect.svg" class="rect" />
45 45 <div class="top-wrp">
46   - PRODUCT Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
  46 + PRODUCT Insight <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
47 47 </div>
48 48 <div class="top-head">Decide on using multiple call to action vs single call to action depending on the stage of the user journey</div>
49 49 <p>Marketing 101 teaches us to use one single, call to action (CTA) at the top of the funnel before the uer has shown interest in the product.
... ... @@ -51,13 +51,13 @@
51 51 When the user is already onboarded and is in the <strong> engage stage </strong>, it may be better to use a single CTA for each use case in order to <strong> avoid ambiguity.</strong>
52 52 </p>
53 53 <div class="footer">
54   - <a href="#" class="cit-16">16 Citations</a>
55   - <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  54 + <a href="javascript:void(0);" class="cit-16">16 Citations</a>
  55 + <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
56 56 </div><!-- footer -->
57 57  
58 58 </div><!-- comments box -->
59 59 </div><!-- single author comments -->
60   - <a href="#" class="add-comments-bt"><img src="../assets/images/rotate.svg" /> To add your comment</a>
  60 + <a href="javascript:void(0);" class="add-comments-bt"><img src="../assets/images/rotate.svg" /> To add your comment</a>
61 61 </div><!-- single mobile Right insight -->
62 62 </div><!-- Single Mobile Insight -->
63 63 <div class="footer-nav">
... ... @@ -67,8 +67,8 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
67 67 <div class="row h-100p">
68 68 <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
69 69 <ul class="top-intro-bt">
70   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
71   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Next</a></li>
  70 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  71 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Next</a></li>
72 72 </ul>
73 73 </div>
74 74  
... ... @@ -104,10 +104,10 @@ export default {
104 104 mounted() {},
105 105 methods: {
106 106 goToLogin() {
107   - this.$router.push("/");
  107 + this.$router.push("/login");
108 108 },
109 109 goToSignUp() {
110   - this.$router.push("/signup");
  110 + this.$router.push("/");
111 111 },
112 112  
113 113 },
... ...
src/components/TwoAuthor.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/lock.svg"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/lock.svg"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -20,7 +20,7 @@
20 20 <div class="comment-box-s-1 custom-2-author">
21 21 <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
22 22 <div class="footer">
23   - <img src="../assets/images/comment-user.svg" /> <a href="#">View My Profile</a>
  23 + <img src="../assets/images/comment-user.svg" /> <a href="javascript:void(0);">View My Profile</a>
24 24 </div><!-- footer -->
25 25 </div><!-- comment box 1 -->
26 26  
... ... @@ -38,7 +38,7 @@
38 38 <div class="comment-box-s-1">
39 39 <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
40 40 <div class="footer">
41   - <img src="../assets/images/comment-user.svg" /> <a href="#">View My Profile</a>
  41 + <img src="../assets/images/comment-user.svg" /> <a href="javascript:void(0);">View My Profile</a>
42 42 </div><!-- footer -->
43 43 </div><!-- comment box 1 -->
44 44 <div class="comment-box-s-1 comment-w-397">
... ... @@ -55,8 +55,8 @@
55 55 <div class="footer-nav">
56 56 <div class="footer-top">
57 57 <ul class="top-intro-bt">
58   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
59   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  58 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  59 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
60 60 </ul>
61 61 </div><!-- footer top -->
62 62 <div class="footer-bottom">
... ... @@ -87,10 +87,10 @@ export default {
87 87 mounted() {},
88 88 methods: {
89 89 goToLogin() {
90   - this.$router.push("/");
  90 + this.$router.push("/login");
91 91 },
92 92 goToSignUp() {
93   - this.$router.push("/signup");
  93 + this.$router.push("/");
94 94 },
95 95  
96 96 },
... ...
src/components/TwoAuthorDesktop.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -20,7 +20,7 @@
20 20 <div class="comment-box-s-1 custom-2-author">
21 21 <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
22 22 <div class="footer">
23   - <img src="../assets/images/comment-user.svg" /> <a href="#">View My Profile</a>
  23 + <img src="../assets/images/comment-user.svg" /> <a href="javascript:void(0);">View My Profile</a>
24 24 </div><!-- footer -->
25 25 </div><!-- comment box 1 -->
26 26  
... ... @@ -36,7 +36,7 @@
36 36 <div class="comment-box-s-1">
37 37 <p>👋 Hi there! My name is <strong> Rashmi</strong>, and these are a few observations on the user workflows that I had while using the WhiteHat Jr. app.</p>
38 38 <div class="footer">
39   - <img src="../assets/images/comment-user.svg" /> <a href="#">View My Profile</a>
  39 + <img src="../assets/images/comment-user.svg" /> <a href="javascript:void(0);">View My Profile</a>
40 40 </div><!-- footer -->
41 41 </div><!-- comment box 1 -->
42 42 <div class="comment-box-s-1 comment-w-397">
... ... @@ -53,8 +53,8 @@
53 53 <div class="footer-nav">
54 54 <div class="footer-top">
55 55 <ul class="top-intro-bt">
56   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
57   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  56 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  57 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
58 58 </ul>
59 59 </div><!-- footer top -->
60 60 <div class="footer-bottom">
... ... @@ -85,10 +85,10 @@ export default {
85 85 mounted() {},
86 86 methods: {
87 87 goToLogin() {
88   - this.$router.push("/");
  88 + this.$router.push("/login");
89 89 },
90 90 goToSignUp() {
91   - this.$router.push("/signup");
  91 + this.$router.push("/");
92 92 },
93 93  
94 94 },
... ...
src/components/TwoAuthorReadingNow.vue
Diff comments   View file @56f4b75
... ... @@ -2,14 +2,14 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid episode-intro app-discovery-bg">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  5 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
6 6 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
7 7 <span class="navbar-toggler-icon"></span>
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 </button>
11 11 <div class="user-profile-photo insights-profile">
12   - <a href="#"><img src="../assets/images/lock.svg"></a>
  12 + <a href="javascript:void(0);"><img src="../assets/images/lock.svg"></a>
13 13 </div>
14 14 </nav>
15 15 <!-- menu wrapper -->
... ... @@ -31,8 +31,8 @@
31 31 <div class="footer-nav">
32 32 <div class="footer-top">
33 33 <ul class="top-intro-bt">
34   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
35   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  34 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  35 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
36 36 </ul>
37 37 </div><!-- footer top -->
38 38 <div class="footer-bottom">
... ... @@ -63,10 +63,10 @@ export default {
63 63 mounted() {},
64 64 methods: {
65 65 goToLogin() {
66   - this.$router.push("/");
  66 + this.$router.push("/login");
67 67 },
68 68 goToSignUp() {
69   - this.$router.push("/signup");
  69 + this.$router.push("/");
70 70 },
71 71  
72 72 },
... ...
src/components/TwoScreenWithInsight.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid episode-intro">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -19,7 +19,7 @@
19 19 <span class="navbar-toggler-icon"></span>
20 20 </button>
21 21 <div class="user-profile-photo insights-profile">
22   - <a href="#"><img src="../assets/images/user.png" /></a>
  22 + <a href="javascript:void(0);"><img src="../assets/images/user.png" /></a>
23 23 </div>
24 24 </nav>
25 25 <!-- menu wrapper -->
... ... @@ -269,20 +269,20 @@
269 269  
270 270 <div class="top-wrp">
271 271 {{ currentSlideData.payload.insight.tag }} Insight
272   - <a href="#"><img src="../assets/images/link-red.svg" /></a>
  272 + <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
273 273 </div>
274 274 <div class="top-head">
275 275 {{ currentSlideData.payload.insight.title }}
276 276 </div>
277 277 <p>{{ currentSlideData.payload.insight.description }}</p>
278 278 <div class="footer">
279   - <a href="#" class="cit-16"
  279 + <a href="javascript:void(0);" class="cit-16"
280 280 >{{
281 281 currentSlideData.payload.insight.citations.length
282 282 }}
283 283 Citations</a
284 284 >
285   - <a href="#" class="ft-share"
  285 + <a href="javascript:void(0);" class="ft-share"
286 286 ><img src="../assets/images/reply-red.svg" /> Share from
287 287 library</a
288 288 >
... ... @@ -550,10 +550,10 @@ export default {
550 550 return result;
551 551 },
552 552 goToLogin() {
553   - this.$router.push("/");
  553 + this.$router.push("/login");
554 554 },
555 555 goToSignUp() {
556   - this.$router.push("/signup");
  556 + this.$router.push("/");
557 557 },
558 558 chtbox_close() {
559 559 $("#cht_box_close").removeClass("cht_close");
... ...
src/components/TwoScreenWithoutInsight.vue
Diff comments   View file @56f4b75
... ... @@ -550,10 +550,10 @@ export default {
550 550 return result;
551 551 },
552 552 goToLogin() {
553   - this.$router.push("/");
  553 + this.$router.push("/login");
554 554 },
555 555 goToSignUp() {
556   - this.$router.push("/signup");
  556 + this.$router.push("/");
557 557 },
558 558 chtbox_close() {
559 559 $("#cht_box_close").removeClass("cht_close");
... ...
src/components/TwoScreengrabWithComments.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -22,8 +22,8 @@
22 22 <div class="a-intro-comments">
23 23 <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
24 24 <ul class="rly-comment-set">
25   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
26   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  25 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  26 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
27 27 </ul>
28 28 </div><!-- comments box -->
29 29 </div><!-- single author comments -->
... ... @@ -31,8 +31,8 @@
31 31 <div class="a-intro-comments">
32 32 <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
33 33 <ul class="rly-comment-set">
34   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
35   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  34 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  35 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
36 36 </ul>
37 37 </div><!-- comments box -->
38 38 </div><!-- single author comments -->
... ... @@ -46,13 +46,13 @@
46 46 <div class="a-intro-comments custom-selected-style">
47 47 <img src="../assets/images/rect.svg" class="rect" />
48 48 <div class="top-wrp">
49   - Design Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
  49 + Design Insight <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
50 50 </div>
51 51 <div class="top-head">Jakob’s law</div>
52 52 <p>By leveraging existing mental models, we can create superior user experiences in which the user can focus on their task rather than learning new models.</p>
53 53 <div class="footer">
54   - <a href="#" class="cit-16">16 Citations</a>
55   - <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  54 + <a href="javascript:void(0);" class="cit-16">16 Citations</a>
  55 + <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
56 56 </div><!-- footer -->
57 57  
58 58 </div><!-- comments box -->
... ... @@ -69,8 +69,8 @@
69 69 <div class="row h-100p">
70 70 <div class="col-4 col-sm-5 col-md-4 col-lg-4 col-xl-4">
71 71 <ul class="top-intro-bt">
72   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
73   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  72 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  73 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
74 74 </ul>
75 75 </div>
76 76 <div class="col-8 col-sm-7 col-md-5 col-lg-8 col-xl-8 bord-r">
... ... @@ -96,7 +96,7 @@
96 96 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
97 97 </div></div>
98 98 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
99   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  99 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
100 100 </div>
101 101 </div><!-- comment from -->
102 102 </div> </div></div>
... ... @@ -128,10 +128,10 @@ export default {
128 128 mounted() {},
129 129 methods: {
130 130 goToLogin() {
131   - this.$router.push("/");
  131 + this.$router.push("/login");
132 132 },
133 133 goToSignUp() {
134   - this.$router.push("/signup");
  134 + this.$router.push("/");
135 135 },
136 136  
137 137 },
... ...
src/components/TwoScreensWithTwoAuthor.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -23,8 +23,8 @@
23 23 <img src="../assets/images/user.png" class="user-b-1" />
24 24 <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
25 25 <ul class="rly-comment-set">
26   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
27   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  26 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  27 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
28 28 </ul>
29 29 </div><!-- comments box -->
30 30 </div><!-- single author comments -->
... ... @@ -33,8 +33,8 @@
33 33 <img src="../assets/images/user.png" class="user-b-1" />
34 34 <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
35 35 <ul class="rly-comment-set">
36   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
37   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  36 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  37 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
38 38 </ul>
39 39 </div><!-- comments box -->
40 40 </div><!-- single author comments -->
... ... @@ -49,8 +49,8 @@
49 49 <img src="../assets/images/user-2-set.svg" class="user-t-2" />
50 50 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
51 51 <ul class="rly-comment-set">
52   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
53   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  52 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  53 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
54 54 </ul>
55 55 </div><!-- comments box -->
56 56 </div><!-- single author comments -->
... ... @@ -59,8 +59,8 @@
59 59 <img src="../assets/images/user-2-set.svg" class="user-t-2" />
60 60 <p>I wonder what the difference between “ <strong>Dunzo Assistant </strong>” and “<strong>Pickup and Drop </strong>” are. If they are the same, there are two “call to actions” for the same workflow</p>
61 61 <ul class="rly-comment-set">
62   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
63   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  62 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  63 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
64 64 </ul>
65 65 </div><!-- comments box -->
66 66 </div><!-- single author comments -->
... ... @@ -76,8 +76,8 @@
76 76 <div class="row h-100p">
77 77 <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
78 78 <ul class="top-intro-bt">
79   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
80   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  79 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  80 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
81 81 </ul>
82 82 </div>
83 83 <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
... ... @@ -91,7 +91,7 @@
91 91 </ul><!-- comment photos -->
92 92 </div>
93 93 <div class="comments-detail all-c-space">
94   - <span>Saudrika commented <a href="#">View All</a></span>
  94 + <span>Saudrika commented <a href="javascript:void(0);">View All</a></span>
95 95 <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
96 96 </div><!-- comments detail -->
97 97  
... ... @@ -107,7 +107,7 @@
107 107 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
108 108 </div></div>
109 109 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
110   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  110 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
111 111 </div>
112 112 </div><!-- comment from -->
113 113 </div> </div></div>
... ... @@ -140,10 +140,10 @@ export default {
140 140 mounted() {},
141 141 methods: {
142 142 goToLogin() {
143   - this.$router.push("/");
  143 + this.$router.push("/login");
144 144 },
145 145 goToSignUp() {
146   - this.$router.push("/signup");
  146 + this.$router.push("/");
147 147 },
148 148  
149 149 },
... ...
src/components/TwoWebScreenWithInsight.vue
Diff comments   View file @56f4b75
... ... @@ -3,14 +3,14 @@
3 3  
4 4 <div class="container-fluid episode-intro">
5 5 <nav class="navbar navbar-expand-sm spotLight-nav">
6   - <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
  6 + <a class="navbar-brand" href="javascript:void(0);"><img src="../assets/images/logo.png"></a>
7 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
8 8 <span class="navbar-toggler-icon"></span>
9 9 <span class="navbar-toggler-icon"></span>
10 10 <span class="navbar-toggler-icon"></span>
11 11 </button>
12 12 <div class="user-profile-photo insights-profile">
13   - <a href="#"><img src="../assets/images/user.png"></a>
  13 + <a href="javascript:void(0);"><img src="../assets/images/user.png"></a>
14 14 </div>
15 15 </nav>
16 16 <!-- menu wrapper -->
... ... @@ -22,8 +22,8 @@
22 22 <div class="a-intro-comments">
23 23 <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
24 24 <ul class="rly-comment-set">
25   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
26   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  25 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  26 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
27 27 </ul>
28 28 </div><!-- comments box -->
29 29 </div><!-- single author comments -->
... ... @@ -31,8 +31,8 @@
31 31 <div class="a-intro-comments">
32 32 <p>As he was getting <strong>impatient</strong>, hopelessly I've <strong>switched back to the PhonePe app</strong> to search for support.</p>
33 33 <ul class="rly-comment-set">
34   - <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
35   - <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
  34 + <li><img src="../assets/images/color-heart.svg" /> <a href="javascript:void(0);">4</a></li>
  35 + <li><img src="../assets/images/rply.svg" /> <a href="javascript:void(0);">Reply</a></li>
36 36 </ul>
37 37 </div><!-- comments box -->
38 38 </div><!-- single author comments -->
... ... @@ -46,13 +46,13 @@
46 46 <div class="a-intro-comments custom-selected-style">
47 47 <img src="../assets/images/rect.svg" class="rect" />
48 48 <div class="top-wrp">
49   - Design Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
  49 + Design Insight <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
50 50 </div>
51 51 <div class="top-head">Jakob’s law</div>
52 52 <p>By leveraging existing mental models, we can create superior user experiences in which the user can focus on their task rather than learning new models.</p>
53 53 <div class="footer">
54   - <a href="#" class="cit-16">16 Citations</a>
55   - <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  54 + <a href="javascript:void(0);" class="cit-16">16 Citations</a>
  55 + <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
56 56 </div><!-- footer -->
57 57  
58 58 </div><!-- comments box -->
... ... @@ -67,8 +67,8 @@
67 67 <div class="row h-100p">
68 68 <div class="col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4">
69 69 <ul class="top-intro-bt">
70   - <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
71   - <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
  70 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
  71 + <li><a href="javascript:void(0);"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
72 72 </ul>
73 73 </div>
74 74 <div class="col-8 col-sm-8 col-md-8 col-lg-8 col-xl-8 bord-r">
... ... @@ -82,7 +82,7 @@
82 82 </ul><!-- comment photos -->
83 83 </div>
84 84 <div class="comments-detail all-c-space">
85   - <span>Saudrika commented <a href="#">View All</a></span>
  85 + <span>Saudrika commented <a href="javascript:void(0);">View All</a></span>
86 86 <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
87 87 </div><!-- comments detail -->
88 88  
... ... @@ -98,7 +98,7 @@
98 98 <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
99 99 </div></div>
100 100 <div class="col-2 col-sm-4 col-md-4 col-lg-4 col-xl-2">
101   - <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
  101 + <a href="javascript:void(0);" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
102 102 </div>
103 103 </div><!-- comment from -->
104 104 </div> </div></div>
... ... @@ -131,10 +131,10 @@ export default {
131 131 mounted() {},
132 132 methods: {
133 133 goToLogin() {
134   - this.$router.push("/");
  134 + this.$router.push("/login");
135 135 },
136 136 goToSignUp() {
137   - this.$router.push("/signup");
  137 + this.$router.push("/");
138 138 },
139 139  
140 140 },
... ...
src/components/noscreenshotSingleautho.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid episode-intro">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -19,7 +19,7 @@
19 19 <span class="navbar-toggler-icon"></span>
20 20 </button>
21 21 <div class="user-profile-photo insights-profile">
22   - <a href="#"><img src="../assets/images/lock.svg" /></a>
  22 + <a href="javascript:void(0);"><img src="../assets/images/lock.svg" /></a>
23 23 </div>
24 24 </nav>
25 25 <!-- menu wrapper -->
... ... @@ -233,14 +233,14 @@
233 233 <div class="a-intro-comments custom-selected-style custom-selected-style-2">
234 234  
235 235 <div class="top-wrp">
236   - {{currentSlideData.payload.insight.tag}} Insight <a href="#"><img src="../assets/images/link-red.svg" /></a>
  236 + {{currentSlideData.payload.insight.tag}} Insight <a href="javascript:void(0);"><img src="../assets/images/link-red.svg" /></a>
237 237 </div>
238 238 <div class="top-head">{{currentSlideData.payload.insight.title}}</div>
239 239 <p>{{currentSlideData.payload.insight.description}}
240 240 </p>
241 241 <div class="footer">
242   - <a href="#" class="cit-16">{{currentSlideData.payload.insight.citations.length}} Citations</a>
243   - <a href="#" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  242 + <a href="javascript:void(0);" class="cit-16">{{currentSlideData.payload.insight.citations.length}} Citations</a>
  243 + <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
244 244 </div><!-- footer -->
245 245  
246 246 </div><!-- comments box -->
... ... @@ -499,10 +499,10 @@ data() {
499 499 return result;
500 500 },
501 501 goToLogin() {
502   - this.$router.push("/");
  502 + this.$router.push("/login");
503 503 },
504 504 goToSignUp() {
505   - this.$router.push("/signup");
  505 + this.$router.push("/");
506 506 },
507 507 chtbox_close() {
508 508 $("#cht_box_close").removeClass("cht_close");
... ...
src/components/outro.vue
Diff comments   View file @56f4b75
... ... @@ -2,7 +2,7 @@
2 2 <main class="landing-page">
3 3 <div class="container-fluid episode-intro">
4 4 <nav class="navbar navbar-expand-sm spotLight-nav">
5   - <a class="navbar-brand" href="#"
  5 + <a class="navbar-brand" href="javascript:void(0);"
6 6 ><img src="../assets/images/logo.png"
7 7 /></a>
8 8 <button
... ... @@ -19,7 +19,7 @@
19 19 <span class="navbar-toggler-icon"></span>
20 20 </button>
21 21 <div class="user-profile-photo insights-profile">
22   - <a href="#"><img src="../assets/images/user.png" /></a>
  22 + <a href="javascript:void(0);"><img src="../assets/images/user.png" /></a>
23 23 </div>
24 24 </nav>
25 25 <!-- menu wrapper -->
... ... @@ -47,7 +47,7 @@
47 47 </li>
48 48  
49 49 <!-- <li class="payments-spc-57">
50   - <a href="#">
  50 + <a href="javascript:void(0);">
51 51 <img src="../assets/images/g-pay.svg" />
52 52 <span
53 53 ><img src="../assets/images/p-eye.svg" /> 19.4k
... ... @@ -56,7 +56,7 @@
56 56 </a>
57 57 </li>
58 58 <li>
59   - <a href="#">
  59 + <a href="javascript:void(0);">
60 60 <img src="../assets/images/bb.svg" />
61 61 <span
62 62 ><img src="../assets/images/p-eye.svg" /> 19.4k
... ... @@ -68,7 +68,7 @@
68 68 <!-- payments options -->
69 69 <!-- <ul class="">
70 70 <li>
71   - <a href="#">
  71 + <a href="javascript:void(0);">
72 72 <img src="../assets/images/payment.svg" />
73 73 <span
74 74 ><img src="../assets/images/p-eye.svg" /> 19.4k
... ... @@ -77,7 +77,7 @@
77 77 </a>
78 78 </li>
79 79 <li class="payments-spc-57">
80   - <a href="#">
  80 + <a href="javascript:void(0);">
81 81 <img src="../assets/images/uc.svg" />
82 82 <span
83 83 ><img src="../assets/images/p-eye.svg" /> 19.4k
... ... @@ -122,7 +122,7 @@
122 122 Excited to <strong> create case studies</strong> or help build
123 123 Product Growth?
124 124 </p>
125   - <a href="#" class="publish">Publish</a>
  125 + <a href="javascript:void(0);" class="publish">Publish</a>
126 126 </li>
127 127 <li>
128 128 <p class="wdth">How would you rate this case study?</p>
... ... @@ -145,17 +145,17 @@
145 145 <span>Follow us at</span>
146 146 <ul class="p-follows">
147 147 <li>
148   - <a href="#">
  148 + <a href="javascript:void(0);">
149 149 <img src="../assets/images/p-rss.svg" />
150 150 </a>
151 151 </li>
152 152 <li>
153   - <a href="#">
  153 + <a href="javascript:void(0);">
154 154 <img src="../assets/images/p-linkedin.svg" />
155 155 </a>
156 156 </li>
157 157 <li>
158   - <a href="#">
  158 + <a href="javascript:void(0);">
159 159 <img src="../assets/images/p-twitter.svg" />
160 160 </a>
161 161 </li>
... ... @@ -326,10 +326,10 @@ export default {
326 326 }
327 327 },
328 328 goToLogin() {
329   - this.$router.push("/");
  329 + this.$router.push("/login");
330 330 },
331 331 goToSignUp() {
332   - this.$router.push("/signup");
  332 + this.$router.push("/");
333 333 },
334 334 goToProfile() {
335 335 this.$router.push("/profile");
... ...
src/router/index.js
Diff comments   View file @56f4b75
... ... @@ -44,7 +44,7 @@ Vue.use(Router)
44 44 export default new Router({
45 45 mode: 'history',
46 46 routes: [{
47   - path: '/',
  47 + path: '/login',
48 48 name: 'LandingPage',
49 49 component: LandingPage,
50 50 // beforeEnter: function(to, from, next) {
... ... @@ -56,7 +56,7 @@ export default new Router({
56 56 // }
57 57 },
58 58 {
59   - path: '/signup',
  59 + path: '/',
60 60 name: 'SignUp',
61 61 component: SignUp,
62 62 },
... ...