viithiisys / spotlight-frontend

Download as
Browse Code ยป

Commit 5c9c1581cf54825f85a1f1565576703d06f23fd9

Authored by Digvijay Singh
1 parent 2b91d45ce4
Exists in master

new ui changes

Showing 22 changed files with 131 additions and 47 deletions   Show diff stats
src/assets/css/custom.css
Diff comments   View file @5c9c158
... ... @@ -11,6 +11,7 @@ body {
11 11 padding-top: 0px;
12 12 padding-bottom: 0px;
13 13 background-color:#DFE7EF;
  14 + font-family: 'Montserrat', sans-serif;
14 15 }
15 16 #app, .landing-page{ width: 100%; display: block; float: left; height: 100%; margin-top: 0px; padding: 0px;}
16 17 /* heading */
... ... @@ -193,8 +194,8 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font
193 194  
194 195 /* profile data wrp */
195 196 .profile-data-wrp{ background:#dfe7ef; position: absolute; width: 100%; left: 0px;}
196   -.data-wrp{padding-left: 88px; padding-right: 37px; padding-bottom:50px; padding-top: 88px;}
197   -.card-warpper{ width: 283px; background: #fff; margin-bottom: 100px; border-radius: 4px; padding:23px; background-image: url('../images/card-bg.png'); background-repeat: repeat-y; background-position: top 0 right 20px; float: left; margin-right: 68px;}
  197 +.data-wrp{padding-left: 88px; padding-right: 37px; padding-bottom:50px; padding-top: 50px;}
  198 +.card-warpper{ width: 340px; padding-bottom: 35px !important; position: relative; background: #fff; margin-bottom: 100px; border-radius: 4px; padding:23px; background-image: url('../images/card-bg.png'); background-repeat: repeat-y; background-position: top 0 right 20px; float: left; margin-right: 68px;}
198 199 .company-detail{ width: 100%;
199 200 display: block;
200 201 float: left;
... ... @@ -205,12 +206,12 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font
205 206 .company-detail .c-logo img{ width: 100%;}
206 207 .company-detail .c-tag img{ width: 100%;}
207 208 .company-detail .c-tag { width: 89px; display: block; float: right;}
208   -.card-warpper h1{width: 198px; padding-bottom: 7px; border-bottom:1px solid #a5a5a5; font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 400; font-size: 35px; line-height: 42px; letter-spacing: 0.36px; color: #000000;}
209   -.card-warpper .u-detail{ padding: 7px 0 7px 0; border-bottom:1px solid #a5a5a5; width: 198px; display: block; float: left;}
  209 +.card-warpper h1{width: 260px; font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 400; font-size: 35px; line-height: 42px; letter-spacing: 0.36px; color: #000000;}
  210 +.card-warpper .u-detail{ padding: 15px 0 15px 0; border-bottom:1px solid #a5a5a5; width:260px; display: block; float: left;}
210 211 .card-warpper .u-detail img{ display: block; float: left; width: 24px; margin-right:17px;}
211 212 .card-warpper .u-detail h2{font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.15px; color: #000000;}
212   -.card-warpper p{ float: left; padding: 12px 0 12px 0; width: 198px; border-bottom:1px solid #a5a5a5; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 14px;line-height: 18px; letter-spacing: 0.15px; color: #000000; }
213   -.card-warpper .tags-list{ width: 198px; float: left; display: block; list-style-type: none; margin:0px; padding:0px;}
  213 +.card-warpper p{ float: left; padding: 12px 0 12px 0; width: 260px; border-bottom:1px solid #a5a5a5; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 400; font-size: 14px;line-height: 18px; letter-spacing: 0.15px; color: #000000; }
  214 +.card-warpper .tags-list{ width: 198px; float: left; display: block; list-style-type: none; margin:0px; padding:0px; opacity: 0.5;}
214 215 .card-warpper .tags-list li{ float: left; margin-right:9px ; margin-bottom: 9px;}
215 216 .card-warpper .tags-list li a{text-transform: uppercase; padding:5px 13px; border-radius: 10px; color: #fff;font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 600; font-size: 12px;line-height: 16px; letter-spacing: 0.15px;}
216 217 /* colors */
... ... @@ -771,22 +772,24 @@ color: #514DA7;opacity:1;
771 772 .intro-startup .footer-top .top-intro-bt{display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; }
772 773 .intro-startup .footer-top .top-intro-bt li{display: block; float: left;}
773 774 .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 15px;}
774   -.intro-startup .footer-top .top-intro-bt li a{ height: 30px; border: 1px solid #514DA7;box-sizing: border-box; border-radius: 5px; color: #514DA7; font-weight: 400; font-size: 13px; font-style: normal; line-height: 15px; padding: 6px 10px; display: block; float: left;}
775   -.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 3px; margin-right: 4px;}
  775 +.intro-startup .footer-top .top-intro-bt li a{ height: 39px; border: 1px solid #514DA7;box-sizing: border-box; border-radius: 5px; color: #514DA7; font-weight: 400; font-size: 13px; font-style: normal; line-height: 26px; padding: 6px 10px; display: block; float: left;}
  776 +.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 8px; margin-right: 4px;}
776 777 .intro-startup .footer-top .top-intro-bt li a:hover{ background-color: #fff; text-decoration: none; border: 1px solid #fff;}
777   -.smasung-g-10wrp{ width: 404px; display: block; height: 838px; position: absolute; background-image:url('../images/Samsung-Galaxy-S10.svg'); background-repeat: no-repeat; left: 0;
  778 +.smasung-g-10wrp{ width: 404px; display: block; height: 695px; position: absolute; border: 1px solid #000000; border-radius: 45px 45px 0 0; left: 0;
778 779 right: 0;
779 780 margin: 0 auto;
780 781 bottom: 0;
781 782 top: unset;
782 783 background-position: bottom;}
783   - .samsung-compare-c{ width: 211px;
  784 + .samsung-compare-c{ width: 382px;
784 785 display: block;
785 786 margin: 0 auto;
786 787 position: absolute;
787   - bottom: 25%;
  788 + top: 21px;
788 789 left: 0;
789   - right: 0;}
  790 + right: 0;
  791 + height: 671px;
  792 + overflow: hidden;}
790 793 .samsung-compare-c img{ width: 100%;}
791 794 .samsung-compare-c .vs{ width: 100%; display: block; float: left; text-align:center; color: #EF484F; font-size: 12px; line-height: 15px; font-weight: 700; margin: 27px 0 14px 0;}
792 795  
... ... @@ -846,6 +849,9 @@ color: #514DA7;opacity:1;
846 849 .ft-comments-group .count-comments{ font-size: 12px; line-height: 14px; font-weight: 700;color: #000000; float: left; margin-right: 15px; margin-top:8px ;}
847 850 .ft-comments-group .comments-photos{ display: block; float: left; list-style-type: none; margin:0px; padding: 0px;}
848 851 .ft-comments-group .comments-photos li{ display: block; float: left; margin-left: -8px;}
  852 + .ft-comments-group .comments-photos li:nth-child(1){ width: 21px; margin-top: 2px !important;}
  853 + .ft-comments-group .comments-photos li:nth-child(2){ width: 26px; margin-top: 3px !important;}
  854 + .ft-comments-group .comments-photos li:nth-child(3){ width: 31px;}
849 855 .ft-comments-group .comments-detail{display: block; float: left; width: 100%; padding-right: 30px; }
850 856 .ft-comments-group .comments-detail span{font-size: 10px; line-height: 12px; font-weight: 400;color: #A8C2DC; width: 100%; display: block; float: left;}
851 857 .ft-comments-group .comments-detail p{ margin-top: 2px;
... ... @@ -993,7 +999,7 @@ color: #514DA7;opacity:1;
993 999 .p-users span{ font-size: 14px; line-height: 22px; font-weight: 500; color:#fff; float: left; margin-top: 15px; }
994 1000 .p-users h1{ font-size: 39px; line-height: 43px; font-weight: 400; color:#fff;float: left;padding:0 10px; margin-bottom: -6px;}
995 1001 /* single mobile */
996   - .single-mobileInsight{ width: 441px; display: block; height: 730px;position: absolute; background-image:url('../images/s-mobile.svg'); background-repeat: no-repeat; left: 0;
  1002 + .single-mobileInsight{ width: 441px; display: block; height: 730px;position: absolute;border: 1px solid #000000;border-radius: 45px 45px 0 0; left: 0;
997 1003 right: 0;
998 1004 margin: 0 auto;
999 1005 bottom: 0;
... ... @@ -1373,4 +1379,22 @@ input:focus{ outline: none;}
1373 1379 margin: 12px 0 0 0;}
1374 1380 .update_profile:hover{ color: #fff; text-decoration: none;}
1375 1381 .top-area-blank{ width: 195px; height: 30px; display: block; margin: 0 auto; background: #DFE7EF; border-radius: 0px 0px 23.4986px 23.4986px; position: absolute; z-index: 1; left: 0; right: 0; top: 15px;}
1376   -.custom-selected-style-2{ border-radius:25px 25px 25px 0px;border: 1.09903px solid #EF484F;}
1377 1382 \ No newline at end of file
  1383 +.custom-selected-style-2{ border-radius:25px 25px 25px 0px;border: 1.09903px solid #EF484F;}
  1384 +.talk-to-me-about{ width: 100%; display: block; float: left;}
  1385 +.talk-to-me-about span{ font-weight: 600; font-size: 14px; color: #000000;opacity: 0.3; letter-spacing: 2px; text-transform: uppercase;}
  1386 +.talk-to-me-about strong{ font-weight: 500; font-size: 16px; color: #000000; margin-left: 10px;}
  1387 +.user-views{display: block; float: left; border-bottom:1px solid #a5a5a5; width: 260px; padding-bottom:15px;}
  1388 +.user-views ul{ display: block; float: left; list-style-type: none; width: 100%; padding:0px; margin:0px;}
  1389 +.user-views li{ display: block; margin-right: 10px; float: left; font-size: 10px; font-weight: 500; color: #000; opacity: 0.5;}
  1390 +.user-views li img{ width: 15px; display: block; float: left; margin: -1px 5px 0 0px;}
  1391 +.user-views li{ display: block; float: left; font-size: 10px; font-weight: 500; color: #000; opacity: 0.5;}
  1392 +.user-views li img.spctp{ margin-top: 2px;}
  1393 +.action-set{ width: 52px; height: 52px; display: block; border-radius: 8px; background:#514da7; float: right; position: absolute;right: 4px;bottom: 4px;}
  1394 +.action-set img{width: 21px;margin: 16px;}
  1395 +.read-time{ width: 150px; display: block; height: 57px; background:url('../images/read-m-b.svg'); background-repeat: no-repeat; float: left;
  1396 + position: absolute;left: 0;bottom: -35px; height: 36px;overflow: hidden;
  1397 + background-position: left bottom; }
  1398 +.read-time a{ font-weight: 500; color: #000; opacity: 0.5; font-size: 10px;display: block; float: left;margin: 10px 0px 0 18px;}
  1399 +.read-time a img{ width: 13px; display: block; float: left; margin-right: 7px; margin-top: 1px;}
  1400 +.insight-two-img{width: 403px; position: relative;}
  1401 +.m-screen-hidden{width: 403px;overflow: hidden; height:722px;margin: 0 auto;}
1378 1402 \ No newline at end of file
... ...
src/assets/images/arrow-right-action.svg
Diff comments   View file @5c9c158
... ... @@ -0,0 +1,4 @@
  1 +<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  2 +<path d="M4.79724 11.3535H17.2031" stroke="white" stroke-width="3.42785" stroke-linecap="round" stroke-linejoin="round"/>
  3 +<path d="M10.9994 5.15039L17.2023 11.3533L10.9994 17.5563" stroke="white" stroke-width="3.42785" stroke-linecap="round" stroke-linejoin="round"/>
  4 +</svg>
... ...
src/assets/images/calendar.svg
Diff comments   View file @5c9c158
... ... @@ -0,0 +1,6 @@
  1 +<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
  2 +<path d="M11.4 2.2998H2.3C1.58203 2.2998 1 2.88183 1 3.5998V12.6998C1 13.4178 1.58203 13.9998 2.3 13.9998H11.4C12.118 13.9998 12.7 13.4178 12.7 12.6998V3.5998C12.7 2.88183 12.118 2.2998 11.4 2.2998Z" stroke="#979797" stroke-linecap="round" stroke-linejoin="round"/>
  3 +<path d="M9.44995 1V3.6" stroke="#979797" stroke-linecap="round" stroke-linejoin="round"/>
  4 +<path d="M4.25 1V3.6" stroke="#979797" stroke-linecap="round" stroke-linejoin="round"/>
  5 +<path d="M1 6.2002H12.7" stroke="#979797" stroke-linecap="round" stroke-linejoin="round"/>
  6 +</svg>
... ...
src/assets/images/facebook.png
Diff comments   View file @5c9c158

319 Bytes | W: | H:

533 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
src/assets/images/read-m-b.svg
Diff comments   View file @5c9c158
... ... @@ -0,0 +1,3 @@
  1 +<svg width="135" height="58" viewBox="0 0 135 58" fill="none" xmlns="http://www.w3.org/2000/svg">
  2 +<path d="M0 16.1957C0 7.25106 7.25104 0 16.1957 0L118.145 0C131.198 0 138.888 14.6514 131.474 25.3948L114.149 50.4981C111.126 54.879 106.143 57.4946 100.82 57.4946H16.1957C7.25106 57.4946 0 50.2435 0 41.2989V16.1957Z" fill="#F6F9FC"/>
  3 +</svg>
... ...
src/assets/images/star.svg
Diff comments   View file @5c9c158
... ... @@ -0,0 +1,3 @@
  1 +<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  2 +<path d="M7.5 1L9.5085 5.069L14 5.7255L10.75 8.891L11.517 13.363L7.5 11.2505L3.483 13.363L4.25 8.891L1 5.7255L5.4915 5.069L7.5 1Z" stroke="#979797" stroke-linecap="round" stroke-linejoin="round"/>
  3 +</svg>
... ...
src/components/AuthorIntro.vue
Diff comments   View file @5c9c158
... ... @@ -7,6 +7,7 @@
7 7 <!-- menu wrapper -->
8 8 <div class="intro-startup">
9 9 <div class="smasung-g-10wrp">
  10 + <div class="top-area-blank"></div>
10 11 <div class="samsung-compare-c">
11 12 <div class="logo-1"><img :src="currentSlideData.payload.metaData.mobileImage" /></div>
12 13  
... ...
src/components/NoScreenshotSingleAuthor.vue
Diff comments   View file @5c9c158
... ... @@ -13,7 +13,7 @@
13 13 <img src="../assets/images/bounce-icon.svg" /> Bounce Board
14 14 </span>
15 15 <div class="action-sort">
16   - <span class="sort-by">SORT BY</span>
  16 + <!-- <span class="sort-by">SORT BY</span>
17 17 <div class="btn-group">
18 18 <button
19 19 type="button"
... ... @@ -35,7 +35,7 @@
35 35 >BEST 3</a
36 36 >
37 37 </div>
38   - </div>
  38 + </div> -->
39 39 <a
40 40 href="javasript:void(0);"
41 41 @click="chtbox_close"
... ... @@ -393,9 +393,9 @@
393 393 Comments</span
394 394 ><!-- count commets -->
395 395 <ul class="comments-photos">
396   - <!-- <li><img src="../assets/images/c-photo-1.png" /></li> -->
397   - <!-- <li><img src="../assets/images/c-photo-2.png" /></li> -->
398   - <!-- <li><img src="../assets/images/c-photo-3.png" /></li> -->
  396 + <!-- <li><img src="../assets/images/c-photo-1.png" /></li>
  397 + <li><img src="../assets/images/c-photo-2.png" /></li>
  398 + <li><img src="../assets/images/c-photo-3.png" /></li> -->
399 399 </ul>
400 400 <!-- comment photos -->
401 401 </div>
... ...
src/components/Profile.vue
Diff comments   View file @5c9c158
... ... @@ -423,7 +423,11 @@
423 423 </li>
424 424 </ul>
425 425 <p>{{ userData.bio }}</p>
  426 + <div class="talk-to-me-about" v-if="userData.interests.length != 0">
  427 + <span>Talk to me about</span> <strong>{{createString(userData.interests)}}</strong>
  428 + </div><!-- talk to me about -->
426 429 </div>
  430 +
427 431 </div>
428 432 <!-- user profile -->
429 433 <div class="col-sm-4 col-md-12 col-lg-4 col-xl-4">
... ... @@ -551,13 +555,23 @@
551 555 />
552 556 </div>
553 557 </div>
  558 +
554 559 <!-- company detail-->
555 560 <h1>{{ study.intro.name }}</h1>
  561 + <div class="user-views">
  562 + <ul>
  563 + <li><img src="../assets/images/eye.svg" class="spctp" /> {{ study.views }} Views</li>
  564 + <li><img src="../assets/images/star.svg" /> {{ study.avgRating }} <span v-if="!study.avgRating">0</span> Rating</li>
  565 + <li><img src="../assets/images/calendar.svg" /> {{ moment(study.createdAt).format("DD MMM YYYY") }}</li>
  566 + </ul>
  567 +
  568 + </div><!-- user views -->
556 569 <div class="u-detail">
557 570 <img src="../assets/images/user-2.png" />
558 571 <h2 v-for="(name, j) in study.intro.authors" :key="j">
559 572 {{ name }}
560 573 </h2>
  574 +
561 575 </div>
562 576 <!-- user detail -->
563 577 <p>
... ... @@ -602,6 +616,12 @@
602 616 <li><a href="javasript:void(0);" class="pattens-blue">Product</a></li> -->
603 617 </ul>
604 618 <div class="clearfix"></div>
  619 + <a href="#" class="action-set">
  620 + <img src="../assets/images/arrow-right-action.svg" />
  621 + </a>
  622 + <div class="read-time">
  623 + <a href="#"><img src="../assets/images/clock.svg" /> {{ study.intro.readTime}} Min Read</a>
  624 + </div><!-- read time -->
605 625 </div>
606 626 <!-- card wrpper -->
607 627 <!-- card wrpper -->
... ... @@ -854,6 +874,15 @@ export default {
854 874 cols[i].style.backgroundColor = this.userData.bgColor;
855 875 }
856 876 },
  877 + createString(list){
  878 + var name = "";
  879 + list.forEach(element => {
  880 + name = name+','+element;
  881 + });
  882 +
  883 + console.log("name is",name);
  884 + return name.substring(1);;
  885 + },
857 886 changeColor(clr) {
858 887 console.log(this.oldId, "clr", clr);
859 888 var element = document.getElementById(clr);
... ...
src/components/ReadingFlowBounceBoard.vue
Diff comments   View file @5c9c158
... ... @@ -76,7 +76,7 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
76 76 </p>
77 77 <div class="footer">
78 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>
  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 -->
... ...
src/components/ReadingFlowBounceBoard_chat.vue
Diff comments   View file @5c9c158
... ... @@ -223,7 +223,7 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
223 223 </p>
224 224 <div class="footer">
225 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>
  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 -->
... ...
src/components/SingleMobileScreenInsightOne.vue
Diff comments   View file @5c9c158
... ... @@ -14,7 +14,7 @@
14 14 <img src="../assets/images/bounce-icon.svg" /> Bounce Board
15 15 </span>
16 16 <div class="action-sort">
17   - <span class="sort-by">SORT BY</span>
  17 + <!-- <span class="sort-by">SORT BY</span>
18 18 <div class="btn-group">
19 19 <button
20 20 type="button"
... ... @@ -36,7 +36,7 @@
36 36 >BEST 3</a
37 37 >
38 38 </div>
39   - </div>
  39 + </div> -->
40 40 <a
41 41 href="javasript:void(0);"
42 42 @click="chtbox_close"
... ... @@ -213,8 +213,10 @@
213 213 <!-- chat box -->
214 214  
215 215 <div class="single-mobileInsight">
  216 + <div class="m-screen-hidden">
216 217 <div class="top-area-blank"></div>
217   - <img :src="currentSlideData.payload.metaData.mobileImage" class="m-screen" />
  218 + <img :src="currentSlideData.payload.metaData.mobileImage" class="m-screen insight-two-img" />
  219 + </div>
218 220 <div class="single-left-Insight-comments">
219 221 <div class="author-thoughts">
220 222  
... ... @@ -326,10 +328,10 @@
326 328 <p>{{currentSlideData.payload.insight.description}}
327 329 <div class="footer">
328 330 <a href="javascript:void(0);" class="cit-16">{{currentSlideData.payload.insight.citations.length}} Citations</a>
329   - <a href="javascript:void(0);" class="ft-share"
  331 + <!-- <a href="javascript:void(0);" class="ft-share"
330 332 ><img src="../assets/images/reply-red.svg" /> Share from
331 333 library</a
332   - >
  334 + > -->
333 335 </div>
334 336 <!-- footer -->
335 337 </div>
... ...
src/components/SingleMobileScreenInsightTwo.vue
Diff comments   View file @5c9c158
... ... @@ -34,7 +34,7 @@
34 34 <img src="../assets/images/bounce-icon.svg" /> Bounce Board
35 35 </span>
36 36 <div class="action-sort">
37   - <span class="sort-by">SORT BY</span>
  37 + <!-- <span class="sort-by">SORT BY</span>
38 38 <div class="btn-group">
39 39 <button
40 40 type="button"
... ... @@ -56,7 +56,7 @@
56 56 >BEST 3</a
57 57 >
58 58 </div>
59   - </div>
  59 + </div> -->
60 60 <a
61 61 href="javasript:void(0);"
62 62 @click="chtbox_close"
... ... @@ -233,12 +233,14 @@
233 233 <!-- chat box -->
234 234  
235 235 <div class="single-mobileInsight">
  236 + <div class="m-screen-hidden">
236 237 <div class="top-area-blank"></div>
237 238 <!-- <img src="../assets/images/slide.png" class="slide-img" /> -->
238 239 <img
239 240 :src="currentSlideData.payload.metaData.mobileImage"
240   - class="m-screen"
  241 + class="m-screen insight-two-img"
241 242 />
  243 + </div>
242 244 <div class="single-left-Insight-comments">
243 245 <div class="author-thoughts">
244 246 <img src="../assets/images/thoughts-upper.svg" class="upper-th" />
... ...
src/components/SingleScreengrabOneInsight.vue
Diff comments   View file @5c9c158
... ... @@ -44,7 +44,7 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
44 44 </p>
45 45 <div class="footer">
46 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>
  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 -->
... ...
src/components/SingleWebScreenInsightOne.vue
Diff comments   View file @5c9c158
... ... @@ -44,7 +44,7 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
44 44 </p>
45 45 <div class="footer">
46 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>
  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 -->
... ...
src/components/ToAddYourComment.vue
Diff comments   View file @5c9c158
... ... @@ -52,7 +52,7 @@ When the user is already onboarded and is in the &lt;strong&gt; engage stage &lt;/strong&gt;
52 52 </p>
53 53 <div class="footer">
54 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>
  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 -->
... ...
src/components/TwoScreenWithInsight.vue
Diff comments   View file @5c9c158
... ... @@ -13,7 +13,7 @@
13 13 <img src="../assets/images/bounce-icon.svg" /> Bounce Board
14 14 </span>
15 15 <div class="action-sort">
16   - <span class="sort-by">SORT BY</span>
  16 + <!-- <span class="sort-by">SORT BY</span>
17 17 <div class="btn-group">
18 18 <button
19 19 type="button"
... ... @@ -35,7 +35,7 @@
35 35 >BEST 3</a
36 36 >
37 37 </div>
38   - </div>
  38 + </div> -->
39 39 <a
40 40 href="javasript:void(0);"
41 41 @click="chtbox_close"
... ... @@ -322,10 +322,10 @@
322 322 }}
323 323 Citations</a
324 324 >
325   - <a href="javascript:void(0);" class="ft-share"
  325 + <!-- <a href="javascript:void(0);" class="ft-share"
326 326 ><img src="../assets/images/reply-red.svg" /> Share from
327 327 library</a
328   - >
  328 + > -->
329 329 </div>
330 330 <!-- footer -->
331 331 </div>
... ... @@ -357,9 +357,9 @@
357 357 Comments</span
358 358 ><!-- count commets -->
359 359 <ul class="comments-photos">
360   - <!-- <li><img src="../assets/images/c-photo-1.png" /></li> -->
361   - <!-- <li><img src="../assets/images/c-photo-2.png" /></li> -->
362   - <!-- <li><img src="../assets/images/c-photo-3.png" /></li> -->
  360 + <li><img src="../assets/images/c-photo-1.png" /></li>
  361 + <li><img src="../assets/images/c-photo-2.png" /></li>
  362 + <li><img src="../assets/images/c-photo-3.png" /></li>
363 363 </ul>
364 364 <!-- comment photos -->
365 365 </div>
... ...
src/components/TwoScreenWithoutInsight.vue
Diff comments   View file @5c9c158
... ... @@ -13,7 +13,7 @@
13 13 <img src="../assets/images/bounce-icon.svg" /> Bounce Board
14 14 </span>
15 15 <div class="action-sort">
16   - <span class="sort-by">SORT BY</span>
  16 + <!-- <span class="sort-by">SORT BY</span>
17 17 <div class="btn-group">
18 18 <button
19 19 type="button"
... ... @@ -35,7 +35,7 @@
35 35 >BEST 3</a
36 36 >
37 37 </div>
38   - </div>
  38 + </div> -->
39 39 <a
40 40 href="javasript:void(0);"
41 41 @click="chtbox_close"
... ...
src/components/TwoScreengrabWithComments.vue
Diff comments   View file @5c9c158
... ... @@ -52,7 +52,7 @@
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 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>
  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 -->
... ...
src/components/TwoWebScreenWithInsight.vue
Diff comments   View file @5c9c158
... ... @@ -52,7 +52,7 @@
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 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>
  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 -->
... ...
src/components/noscreenshotSingleautho.vue
Diff comments   View file @5c9c158
... ... @@ -13,7 +13,7 @@
13 13 <img src="../assets/images/bounce-icon.svg" /> Bounce Board
14 14 </span>
15 15 <div class="action-sort">
16   - <span class="sort-by">SORT BY</span>
  16 + <!-- <span class="sort-by">SORT BY</span>
17 17 <div class="btn-group">
18 18 <button
19 19 type="button"
... ... @@ -35,7 +35,7 @@
35 35 >BEST 3</a
36 36 >
37 37 </div>
38   - </div>
  38 + </div> -->
39 39 <a
40 40 href="javasript:void(0);"
41 41 @click="chtbox_close"
... ... @@ -301,7 +301,7 @@
301 301 </p>
302 302 <div class="footer">
303 303 <a href="javascript:void(0);" class="cit-16">{{currentSlideData.payload.insight.citations.length}} Citations</a>
304   - <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a>
  304 + <!-- <a href="javascript:void(0);" class="ft-share"><img src="../assets/images/reply-red.svg" /> Share from library</a> -->
305 305 </div><!-- footer -->
306 306  
307 307 </div><!-- comments box -->
... ...
src/components/outro.vue
Diff comments   View file @5c9c158
... ... @@ -90,7 +90,7 @@
90 90 scrolling back and adding your comments!
91 91 </p>
92 92 <div class="clearfix"></div>
93   - <a href="javascript:void(0);" class="back-bt" @click="goToProfile">
  93 + <a href="javascript:void(0);" class="back-bt" @click="goHome">
94 94 <span class="s1"></span>
95 95 <span class="s2"></span>
96 96 <span class="s3"></span>
... ... @@ -254,6 +254,16 @@ export default {
254 254 },
255 255 });
256 256 },
  257 + goHome() {
  258 + this.currentSlideIndex--;
  259 + this.$router.push({
  260 + name: this.allSlide[0].ur,
  261 + params: {
  262 + caseStudyId: this.allSlide[0].caseStudyId,
  263 + slideId: this.allSlide[0].slideId,
  264 + },
  265 + });
  266 + },
257 267  
258 268 getCaseStudies() {
259 269 var userdata = localStorage.getItem("spotlight_usertoken");
... ...