diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index cde1cda..5ec793f 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -11,6 +11,7 @@ body { padding-top: 0px; padding-bottom: 0px; background-color:#DFE7EF; + font-family: 'Montserrat', sans-serif; } #app, .landing-page{ width: 100%; display: block; float: left; height: 100%; margin-top: 0px; padding: 0px;} /* heading */ @@ -193,8 +194,8 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font /* profile data wrp */ .profile-data-wrp{ background:#dfe7ef; position: absolute; width: 100%; left: 0px;} -.data-wrp{padding-left: 88px; padding-right: 37px; padding-bottom:50px; padding-top: 88px;} -.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;} +.data-wrp{padding-left: 88px; padding-right: 37px; padding-bottom:50px; padding-top: 50px;} +.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;} .company-detail{ width: 100%; display: block; float: left; @@ -205,12 +206,12 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font .company-detail .c-logo img{ width: 100%;} .company-detail .c-tag img{ width: 100%;} .company-detail .c-tag { width: 89px; display: block; float: right;} -.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;} -.card-warpper .u-detail{ padding: 7px 0 7px 0; border-bottom:1px solid #a5a5a5; width: 198px; display: block; float: left;} +.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;} +.card-warpper .u-detail{ padding: 15px 0 15px 0; border-bottom:1px solid #a5a5a5; width:260px; display: block; float: left;} .card-warpper .u-detail img{ display: block; float: left; width: 24px; margin-right:17px;} .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;} -.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; } -.card-warpper .tags-list{ width: 198px; float: left; display: block; list-style-type: none; margin:0px; padding:0px;} +.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; } +.card-warpper .tags-list{ width: 198px; float: left; display: block; list-style-type: none; margin:0px; padding:0px; opacity: 0.5;} .card-warpper .tags-list li{ float: left; margin-right:9px ; margin-bottom: 9px;} .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;} /* colors */ @@ -771,22 +772,24 @@ color: #514DA7;opacity:1; .intro-startup .footer-top .top-intro-bt{display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; } .intro-startup .footer-top .top-intro-bt li{display: block; float: left;} .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 15px;} -.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;} -.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 3px; margin-right: 4px;} +.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;} +.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 8px; margin-right: 4px;} .intro-startup .footer-top .top-intro-bt li a:hover{ background-color: #fff; text-decoration: none; border: 1px solid #fff;} -.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; +.smasung-g-10wrp{ width: 404px; display: block; height: 695px; position: absolute; border: 1px solid #000000; border-radius: 45px 45px 0 0; left: 0; right: 0; margin: 0 auto; bottom: 0; top: unset; background-position: bottom;} - .samsung-compare-c{ width: 211px; + .samsung-compare-c{ width: 382px; display: block; margin: 0 auto; position: absolute; - bottom: 25%; + top: 21px; left: 0; - right: 0;} + right: 0; + height: 671px; + overflow: hidden;} .samsung-compare-c img{ width: 100%;} .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;} @@ -846,6 +849,9 @@ color: #514DA7;opacity:1; .ft-comments-group .count-comments{ font-size: 12px; line-height: 14px; font-weight: 700;color: #000000; float: left; margin-right: 15px; margin-top:8px ;} .ft-comments-group .comments-photos{ display: block; float: left; list-style-type: none; margin:0px; padding: 0px;} .ft-comments-group .comments-photos li{ display: block; float: left; margin-left: -8px;} + .ft-comments-group .comments-photos li:nth-child(1){ width: 21px; margin-top: 2px !important;} + .ft-comments-group .comments-photos li:nth-child(2){ width: 26px; margin-top: 3px !important;} + .ft-comments-group .comments-photos li:nth-child(3){ width: 31px;} .ft-comments-group .comments-detail{display: block; float: left; width: 100%; padding-right: 30px; } .ft-comments-group .comments-detail span{font-size: 10px; line-height: 12px; font-weight: 400;color: #A8C2DC; width: 100%; display: block; float: left;} .ft-comments-group .comments-detail p{ margin-top: 2px; @@ -993,7 +999,7 @@ color: #514DA7;opacity:1; .p-users span{ font-size: 14px; line-height: 22px; font-weight: 500; color:#fff; float: left; margin-top: 15px; } .p-users h1{ font-size: 39px; line-height: 43px; font-weight: 400; color:#fff;float: left;padding:0 10px; margin-bottom: -6px;} /* single mobile */ - .single-mobileInsight{ width: 441px; display: block; height: 730px;position: absolute; background-image:url('../images/s-mobile.svg'); background-repeat: no-repeat; left: 0; + .single-mobileInsight{ width: 441px; display: block; height: 730px;position: absolute;border: 1px solid #000000;border-radius: 45px 45px 0 0; left: 0; right: 0; margin: 0 auto; bottom: 0; @@ -1373,4 +1379,22 @@ input:focus{ outline: none;} margin: 12px 0 0 0;} .update_profile:hover{ color: #fff; text-decoration: none;} .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;} -.custom-selected-style-2{ border-radius:25px 25px 25px 0px;border: 1.09903px solid #EF484F;} \ No newline at end of file +.custom-selected-style-2{ border-radius:25px 25px 25px 0px;border: 1.09903px solid #EF484F;} +.talk-to-me-about{ width: 100%; display: block; float: left;} +.talk-to-me-about span{ font-weight: 600; font-size: 14px; color: #000000;opacity: 0.3; letter-spacing: 2px; text-transform: uppercase;} +.talk-to-me-about strong{ font-weight: 500; font-size: 16px; color: #000000; margin-left: 10px;} +.user-views{display: block; float: left; border-bottom:1px solid #a5a5a5; width: 260px; padding-bottom:15px;} +.user-views ul{ display: block; float: left; list-style-type: none; width: 100%; padding:0px; margin:0px;} +.user-views li{ display: block; margin-right: 10px; float: left; font-size: 10px; font-weight: 500; color: #000; opacity: 0.5;} +.user-views li img{ width: 15px; display: block; float: left; margin: -1px 5px 0 0px;} +.user-views li{ display: block; float: left; font-size: 10px; font-weight: 500; color: #000; opacity: 0.5;} +.user-views li img.spctp{ margin-top: 2px;} +.action-set{ width: 52px; height: 52px; display: block; border-radius: 8px; background:#514da7; float: right; position: absolute;right: 4px;bottom: 4px;} +.action-set img{width: 21px;margin: 16px;} +.read-time{ width: 150px; display: block; height: 57px; background:url('../images/read-m-b.svg'); background-repeat: no-repeat; float: left; + position: absolute;left: 0;bottom: -35px; height: 36px;overflow: hidden; + background-position: left bottom; } +.read-time a{ font-weight: 500; color: #000; opacity: 0.5; font-size: 10px;display: block; float: left;margin: 10px 0px 0 18px;} +.read-time a img{ width: 13px; display: block; float: left; margin-right: 7px; margin-top: 1px;} +.insight-two-img{width: 403px; position: relative;} +.m-screen-hidden{width: 403px;overflow: hidden; height:722px;margin: 0 auto;} \ No newline at end of file diff --git a/src/assets/images/arrow-right-action.svg b/src/assets/images/arrow-right-action.svg new file mode 100644 index 0000000..5dddf1d --- /dev/null +++ b/src/assets/images/arrow-right-action.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/images/calendar.svg b/src/assets/images/calendar.svg new file mode 100644 index 0000000..0ec6aad --- /dev/null +++ b/src/assets/images/calendar.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/images/facebook.png b/src/assets/images/facebook.png index cce75589ac7cd672ccd35f9892821a52f5c85448..5d79fe5d2c43c9beecc29917ab50c40d75af5529 100644 GIT binary patch delta 493 zcmdnbG?hiMGr-TCmrII^fq{Y7)59eQNb3M`00$e8OiG!)d!nLAJ>x1*7srqa#IsWm!B-f>*(iO~ySauxt`16s&z%ij|1EaD5)3WZ2M>z-BcJNQq4F0*J*ubUZ z*}pxT{i^0G6?S>V+u9!QV`aK2B3`Lzlzpa9#v!j(wDjCB zNhXg68Qa+slT4RS{h^_k&o{wFQQ`H2Z5qa3vo{2_OEMKjaPD+?5OFr^(EZD`$2oM= z@A#LCY}1~Yta9w&>_uk`5542-X%;TAbW5pO8vK3BaXGygy;k@0Hy(|S3ZJhQU%zFi zNqWKM1Z_VbXLd97ST^ywJGS>;J<}}vzWDO>RZYy#XV1T2F+++y_;Es(j8AX#N>_26 zTaTiYdA;+i0dGGD|W5Q}5 zHt&z(Ir#NoJ4aLf_weq#L&yB9V&Bid{IuKo^5xWj-7Y|L3k^*9mK{5I1;sKH!EU`D Z+;1;L&F_!O>j%algQu&X%Q~loCIBZK*rosg delta 277 zcmV+w0qXvh1iu0yiBL{Q4GJ0x0000DNk~Le0000B0000J2nGNE07fbI(2*fDe*n}; zL_t(|0o9Vh5rQxjME3^@kPff|?7*9h7wG`4z_9{L&y80W^@rD27P{ z6p!vD$>!z%O(uj6mGdNmkST~F<4LHi-vVdJ8dB{w==co89k`5>5YS+cn7dS4e2^PM zA%f{nsGw*Pn2%Bp8X>9NR^mP9Szkhz- bGk@w1_t-!9q56XU00000NkvXXu0mjf-R^ZU diff --git a/src/assets/images/read-m-b.svg b/src/assets/images/read-m-b.svg new file mode 100644 index 0000000..d257127 --- /dev/null +++ b/src/assets/images/read-m-b.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/star.svg b/src/assets/images/star.svg new file mode 100644 index 0000000..b0b614a --- /dev/null +++ b/src/assets/images/star.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/AuthorIntro.vue b/src/components/AuthorIntro.vue index 7db815a..ddf3644 100644 --- a/src/components/AuthorIntro.vue +++ b/src/components/AuthorIntro.vue @@ -7,6 +7,7 @@
+
diff --git a/src/components/NoScreenshotSingleAuthor.vue b/src/components/NoScreenshotSingleAuthor.vue index 126e798..49178d1 100644 --- a/src/components/NoScreenshotSingleAuthor.vue +++ b/src/components/NoScreenshotSingleAuthor.vue @@ -13,7 +13,7 @@ Bounce Board
- SORT BY +
    - - - +
diff --git a/src/components/Profile.vue b/src/components/Profile.vue index f57e00b..59928f2 100644 --- a/src/components/Profile.vue +++ b/src/components/Profile.vue @@ -423,7 +423,11 @@

{{ userData.bio }}

+
+ Talk to me about {{createString(userData.interests)}} +
+
@@ -551,13 +555,23 @@ />
+

{{ study.intro.name }}

+
+
    +
  • {{ study.views }} Views
    • +
  • {{ study.avgRating }} 0 Rating
    • +
  • {{ moment(study.createdAt).format("DD MMM YYYY") }}
    • +
+ +

{{ name }}

+

@@ -602,6 +616,12 @@

  • Product
    • -->
    + + + +
    + {{ study.intro.readTime}} Min Read +
    @@ -854,6 +874,15 @@ export default { cols[i].style.backgroundColor = this.userData.bgColor; } }, + createString(list){ + var name = ""; + list.forEach(element => { + name = name+','+element; + }); + + console.log("name is",name); + return name.substring(1);; + }, changeColor(clr) { console.log(this.oldId, "clr", clr); var element = document.getElementById(clr); diff --git a/src/components/ReadingFlowBounceBoard.vue b/src/components/ReadingFlowBounceBoard.vue index c043777..09b5a3b 100644 --- a/src/components/ReadingFlowBounceBoard.vue +++ b/src/components/ReadingFlowBounceBoard.vue @@ -76,7 +76,7 @@ When the user is already onboarded and is in the engage stage

    16 Citations - Share from library +
    diff --git a/src/components/ReadingFlowBounceBoard_chat.vue b/src/components/ReadingFlowBounceBoard_chat.vue index 9c2840a..a9735c3 100644 --- a/src/components/ReadingFlowBounceBoard_chat.vue +++ b/src/components/ReadingFlowBounceBoard_chat.vue @@ -223,7 +223,7 @@ When the user is already onboarded and is in the engage stage

    16 Citations - Share from library +
    diff --git a/src/components/SingleMobileScreenInsightOne.vue b/src/components/SingleMobileScreenInsightOne.vue index 7e8b4db..14b063d 100644 --- a/src/components/SingleMobileScreenInsightOne.vue +++ b/src/components/SingleMobileScreenInsightOne.vue @@ -14,7 +14,7 @@ Bounce Board
    - SORT BY +
    +
    - + +
    @@ -326,10 +328,10 @@

    {{currentSlideData.payload.insight.description}}

    {{currentSlideData.payload.insight.citations.length}} Citations - Share from library + > -->
    diff --git a/src/components/SingleMobileScreenInsightTwo.vue b/src/components/SingleMobileScreenInsightTwo.vue index 7a17505..be0c2c1 100644 --- a/src/components/SingleMobileScreenInsightTwo.vue +++ b/src/components/SingleMobileScreenInsightTwo.vue @@ -34,7 +34,7 @@ Bounce Board
    - SORT BY +
    +
    +
    diff --git a/src/components/SingleScreengrabOneInsight.vue b/src/components/SingleScreengrabOneInsight.vue index 9439b21..342b205 100644 --- a/src/components/SingleScreengrabOneInsight.vue +++ b/src/components/SingleScreengrabOneInsight.vue @@ -44,7 +44,7 @@ When the user is already onboarded and is in the engage stage

    16 Citations - Share from library +
    diff --git a/src/components/SingleWebScreenInsightOne.vue b/src/components/SingleWebScreenInsightOne.vue index 1f4cd84..ed2588a 100644 --- a/src/components/SingleWebScreenInsightOne.vue +++ b/src/components/SingleWebScreenInsightOne.vue @@ -44,7 +44,7 @@ When the user is already onboarded and is in the engage stage

    16 Citations - Share from library +
    diff --git a/src/components/ToAddYourComment.vue b/src/components/ToAddYourComment.vue index 4771eae..3651434 100644 --- a/src/components/ToAddYourComment.vue +++ b/src/components/ToAddYourComment.vue @@ -52,7 +52,7 @@ When the user is already onboarded and is in the engage stage

    16 Citations - Share from library +
    diff --git a/src/components/TwoScreenWithInsight.vue b/src/components/TwoScreenWithInsight.vue index d0a51f3..95aa0b1 100644 --- a/src/components/TwoScreenWithInsight.vue +++ b/src/components/TwoScreenWithInsight.vue @@ -13,7 +13,7 @@ Bounce Board
    - SORT BY + - Share from library + > -->
    @@ -357,9 +357,9 @@ Comments
      - - - +
      • +
      • +
    diff --git a/src/components/TwoScreenWithoutInsight.vue b/src/components/TwoScreenWithoutInsight.vue index a27edbd..bb5fc81 100644 --- a/src/components/TwoScreenWithoutInsight.vue +++ b/src/components/TwoScreenWithoutInsight.vue @@ -13,7 +13,7 @@ Bounce Board
    - SORT BY + 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.

    16 Citations - Share from library +
    diff --git a/src/components/TwoWebScreenWithInsight.vue b/src/components/TwoWebScreenWithInsight.vue index 817ad2c..da334db 100644 --- a/src/components/TwoWebScreenWithInsight.vue +++ b/src/components/TwoWebScreenWithInsight.vue @@ -52,7 +52,7 @@

    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.

    16 Citations - Share from library +
    diff --git a/src/components/noscreenshotSingleautho.vue b/src/components/noscreenshotSingleautho.vue index 462163a..9868ba0 100644 --- a/src/components/noscreenshotSingleautho.vue +++ b/src/components/noscreenshotSingleautho.vue @@ -13,7 +13,7 @@ Bounce Board
    - SORT BY +
    {{currentSlideData.payload.insight.citations.length}} Citations - Share from library +
    diff --git a/src/components/outro.vue b/src/components/outro.vue index be660ed..27d1e3f 100644 --- a/src/components/outro.vue +++ b/src/components/outro.vue @@ -90,7 +90,7 @@ scrolling back and adding your comments!

    - + @@ -254,6 +254,16 @@ export default { }, }); }, + goHome() { + this.currentSlideIndex--; + this.$router.push({ + name: this.allSlide[0].ur, + params: { + caseStudyId: this.allSlide[0].caseStudyId, + slideId: this.allSlide[0].slideId, + }, + }); + }, getCaseStudies() { var userdata = localStorage.getItem("spotlight_usertoken");