Impr : Change fonts for blog content (#595)

* Update version and change font * run prettier --------- Co-authored-by: cp-contact-c <[email protected]>
canopas · Nov 26, 2024 · 6e3d1ec · 6e3d1ec
1 parent 911bb04
commit 6e3d1ec
Show file tree

Hide file tree

Showing 31 changed files with 1,124 additions and 472 deletions.
diff --git a/nuxt-frontend/assets/css/app.css b/nuxt-frontend/assets/css/app.css
@@ -149,3 +149,35 @@
   font-weight: 700;
   src: url(~/assets/fonts/Helvetica-Bold.woff2) format("woff2");
 }
+
+@font-face {
+  font-display: swap;
+  font-family: Charter-Regular;
+  font-style: normal;
+  font-weight: 400;
+  src: url(~/assets/fonts/charter-regular.woff2) format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Charter-Regular-Italic;
+  font-style: italic;
+  font-weight: 400;
+  src: url(~/assets/fonts/charter-regular-italic.woff2) format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Charter-Bold;
+  font-style: normal;
+  font-weight: 700;
+  src: url(~/assets/fonts/charter-bold.woff2) format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Charter-Bold-Italic;
+  font-style: italic;
+  font-weight: 700;
+  src: url(~/assets/fonts/charter-bold-italic.woff2) format("woff2");
+}
diff --git a/nuxt-frontend/assets/fonts/charter-bold-italic.woff2 b/nuxt-frontend/assets/fonts/charter-bold-italic.woff2
diff --git a/nuxt-frontend/assets/fonts/charter-bold.woff2 b/nuxt-frontend/assets/fonts/charter-bold.woff2
diff --git a/nuxt-frontend/assets/fonts/charter-regular-italic.woff2 b/nuxt-frontend/assets/fonts/charter-regular-italic.woff2
diff --git a/nuxt-frontend/assets/fonts/charter-regular.woff2 b/nuxt-frontend/assets/fonts/charter-regular.woff2
diff --git a/nuxt-frontend/components/CTA/CTA2.vue b/nuxt-frontend/components/CTA/CTA2.vue
@@ -41,8 +41,8 @@
                   autoComplete="given-username"
                   placeholder=" "
                   @input="
-                    showNameValidationError =
-                      $event.target.value.trim().length === 0
+                    (showNameValidationError =
+                      $event.target.value.trim().length === 0)
                   "
                 />
                 <label
@@ -71,10 +71,10 @@
                   autoComplete="given-email"
                   placeholder=" "
                   @input="
-                    showEmailValidationError =
-                      $event.target.value.trim().length === 0
+                    (showEmailValidationError =
+                      $event.target.value.trim().length === 0)
                   "
-                  @blur="showValidEmailError = isValidEmail(email)"
+                  @blur="(showValidEmailError = isValidEmail(email))"
                 />
                 <label
                   htmlFor="email"
@@ -107,10 +107,12 @@
                   autoComplete="given-phonenumber"
                   placeholder=" "
                   @input="
-                    showPhoneNumberValidationError =
-                      $event.target.value.trim().length === 0
+                    (showPhoneNumberValidationError =
+                      $event.target.value.trim().length === 0)
+                  "
+                  @blur="
+                    (showValidPhoneNumberError = isValidPhone(phoneNumber))
                   "
-                  @blur="showValidPhoneNumberError = isValidPhone(phoneNumber)"
                 />
                 <label
                   htmlFor="phonenumber"

diff --git a/nuxt-frontend/components/CTA/CTA3.vue b/nuxt-frontend/components/CTA/CTA3.vue
@@ -47,8 +47,8 @@
                     autoComplete="given-username"
                     placeholder=" "
                     @input="
-                      showNameValidationError =
-                        $event.target.value.trim().length === 0
+                      (showNameValidationError =
+                        $event.target.value.trim().length === 0)
                     "
                   />
                   <label
@@ -77,10 +77,10 @@
                     autoComplete="given-email"
                     placeholder=" "
                     @input="
-                      showEmailValidationError =
-                        $event.target.value.trim().length === 0
+                      (showEmailValidationError =
+                        $event.target.value.trim().length === 0)
                     "
-                    @blur="showValidEmailError = isValidEmail(email)"
+                    @blur="(showValidEmailError = isValidEmail(email))"
                   />
                   <label
                     htmlFor="email"
@@ -114,11 +114,11 @@
                     autoComplete="given-phonenumber"
                     placeholder=" "
                     @input="
-                      showPhoneNumberValidationError =
-                        $event.target.value.trim().length === 0
+                      (showPhoneNumberValidationError =
+                        $event.target.value.trim().length === 0)
                     "
                     @blur="
-                      showValidPhoneNumberError = isValidPhone(phoneNumber)
+                      (showValidPhoneNumberError = isValidPhone(phoneNumber))
                     "
                   />
                   <label

diff --git a/nuxt-frontend/components/android-app-development/DevelopmentSection.vue b/nuxt-frontend/components/android-app-development/DevelopmentSection.vue
@@ -109,9 +109,9 @@
             index == 4 || index == 0 ? item.className : '',
           ]"
           class="flex justify-center items-center w-12 w-12 rounded-full border-2 border-black-8"
-          @mouseover="slideTo(index), (activeIndex = index)"
-          @touchstart.passive="slideTo(index), (activeIndex = index)"
-          @touchmove.passive="slideTo(index), (activeIndex = index)"
+          @mouseover="(slideTo(index), (activeIndex = index))"
+          @touchstart.passive="(slideTo(index), (activeIndex = index))"
+          @touchmove.passive="(slideTo(index), (activeIndex = index))"
         >
           <img
             v-if="activeIndex != index"

diff --git a/nuxt-frontend/components/android-app-development/FaqSection.vue b/nuxt-frontend/components/android-app-development/FaqSection.vue
@@ -145,7 +145,7 @@
             <div class="mx-auto my-8 lg:hidden">
               <div
                 class="border border-white primary-btn"
-                @click="showAdditionalFAQs = !showAdditionalFAQs"
+                @click="(showAdditionalFAQs = !showAdditionalFAQs)"
               >
                 <span class="text-white sub-h3-semibold"
                   >{{ showAdditionalFAQs ? "View Less" : "View More" }}

diff --git a/nuxt-frontend/components/backend-development/FaqSection.vue b/nuxt-frontend/components/backend-development/FaqSection.vue
@@ -128,7 +128,7 @@
       ></collapse-transition>
       <div
         class="primary-btn gradient-border-btn white-btn mt-8 lg:hidden mx-auto"
-        @click="showAdditionalFAQs = !showAdditionalFAQs"
+        @click="(showAdditionalFAQs = !showAdditionalFAQs)"
       >
         <span class="sub-h3-semibold"
           >{{ showAdditionalFAQs ? "View Less" : "View More" }}

diff --git a/nuxt-frontend/components/contact/NewContactForm.vue b/nuxt-frontend/components/contact/NewContactForm.vue
@@ -17,8 +17,8 @@
                 v-model="name"
                 placeholder=" "
                 @input="
-                  showNameValidationError =
-                    $event.target.value.trim().length === 0
+                  (showNameValidationError =
+                    $event.target.value.trim().length === 0)
                 "
                 @click.native="$mixpanel.track('tap_contact_name_input')"
               />
@@ -42,10 +42,10 @@
                 v-model="email"
                 placeholder=" "
                 @input="
-                  showEmailValidationError =
-                    $event.target.value.trim().length === 0
+                  (showEmailValidationError =
+                    $event.target.value.trim().length === 0)
                 "
-                @blur="showValidEmailError = isValidEmail()"
+                @blur="(showValidEmailError = isValidEmail())"
                 @click.native="$mixpanel.track('tap_contact_email_input')"
               />
               <label
@@ -73,8 +73,8 @@
                 v-model="projectInfo"
                 placeholder=" "
                 @input="
-                  showProjectInfoValidationError =
-                    $event.target.value.trim().length === 0
+                  (showProjectInfoValidationError =
+                    $event.target.value.trim().length === 0)
                 "
                 @click.native="
                   $mixpanel.track('tap_contact_project_info_input')
@@ -102,8 +102,8 @@
                 v-model="reference"
                 placeholder=" "
                 @input="
-                  showReferenceValidationError =
-                    $event.target.value.trim().length === 0
+                  (showReferenceValidationError =
+                    $event.target.value.trim().length === 0)
                 "
                 @click.native="$mixpanel.track('tap_contact_reference_input')"
               />
@@ -139,7 +139,7 @@
                         ? 'text-black-core'
                         : 'text-black-60',
                     ]"
-                    @click="floatable = !floatable"
+                    @click="(floatable = !floatable)"
                     >I'll invest</label
                   >
                   <span class="sub-h1-regular lg:sub-h2-regular">{{

diff --git a/nuxt-frontend/components/contributions/GithubContribution.vue b/nuxt-frontend/components/contributions/GithubContribution.vue
@@ -17,7 +17,7 @@
           v-for="(navbar, index) in navbars"
           :key="index"
           class="portfolio-nav m-0 w-full rounded-lg py-2 text-center sub-h3-semibold lg:sub-h1-semibold active:scale-[0.98] md:py-[0.813rem] lg:hover:from-orange-300 lg:hover:to-pink-300 lg:hover:text-white lg:hover:bg-gradient-[270.11deg]"
-          @click="slideTo(index), changeContributions(index)"
+          @click="(slideTo(index), changeContributions(index))"
           :class="
             activeIndex == index
               ? 'from-orange-300 to-pink-300 text-white bg-gradient-[270.11deg] '

diff --git a/nuxt-frontend/components/contributions/WhatsTrending.vue b/nuxt-frontend/components/contributions/WhatsTrending.vue
@@ -17,10 +17,10 @@
             :key="index"
             class="ml-8 flex flex-[0_0_320px] flex-col justify-center rounded-xl text-left sm:flex-[0_0_480px]"
             :class="pausedId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
-            @mouseover="pausedId = post.id"
-            @mouseleave="pausedId = 0"
-            @touchstart.passive="pausedId = post.id"
-            @touchend="pausedId = 0"
+            @mouseover="(pausedId = post.id)"
+            @mouseleave="(pausedId = 0)"
+            @touchstart.passive="(pausedId = post.id)"
+            @touchend="(pausedId = 0)"
             :ref="'card-1-' + index"
             @click="openBlog(post.link, 'tap_contribution_trending_section')"
           >
@@ -71,10 +71,10 @@
               :key="index"
               class="relative ml-8 flex flex-col justify-center rounded-xl flex-[0_0_528px]"
               :class="pausedId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
-              @mouseover="pausedId = post.id"
-              @mouseleave="pausedId = 0"
-              @touchstart.passive="pausedId = post.id"
-              @touchend="pausedId = 0"
+              @mouseover="(pausedId = post.id)"
+              @mouseleave="(pausedId = 0)"
+              @touchstart.passive="(pausedId = post.id)"
+              @touchend="(pausedId = 0)"
               :ref="'card-2-' + index"
               @click="openBlog(post.link, 'tap_contribution_trending_section')"
             >
@@ -125,10 +125,10 @@
               :key="index"
               class="relative ml-8 mt-8 flex flex-col justify-center rounded-xl text-left flex-[0_0_528px]"
               :class="pauseId == post.id ? 'scale-[0.97] cursor-pointer' : ''"
-              @mouseover="pauseId = post.id"
-              @mouseleave="pauseId = 0"
-              @touchstart.passive="pauseId = post.id"
-              @touchend="pauseId = 0"
+              @mouseover="(pauseId = post.id)"
+              @mouseleave="(pauseId = 0)"
+              @touchstart.passive="(pauseId = post.id)"
+              @touchend="(pauseId = 0)"
               :ref="'card-3-' + index"
               @click="openBlog(post.link, 'tap_contribution_trending_section')"
             >

diff --git a/nuxt-frontend/components/flutter-app-development/FaqSection.vue b/nuxt-frontend/components/flutter-app-development/FaqSection.vue
@@ -116,7 +116,7 @@
       </collapse-transition>
       <div
         class="border primary-btn mt-8 lg:hidden"
-        @click="showAdditionalFAQs = !showAdditionalFAQs"
+        @click="(showAdditionalFAQs = !showAdditionalFAQs)"
       >
         <span class="sub-h3-semibold"
           >{{ showAdditionalFAQs ? "View Less" : "View More" }}

diff --git a/nuxt-frontend/components/frontend-development/FaqSection.vue b/nuxt-frontend/components/frontend-development/FaqSection.vue
@@ -116,7 +116,7 @@
       </collapse-transition>
       <div
         class="border primary-btn mt-8 lg:hidden"
-        @click="showAdditionalFAQs = !showAdditionalFAQs"
+        @click="(showAdditionalFAQs = !showAdditionalFAQs)"
       >
         <span class="sub-h3-semibold"
           >{{ showAdditionalFAQs ? "View Less" : "View More" }}

diff --git a/nuxt-frontend/components/home-new/BlogSection.vue b/nuxt-frontend/components/home-new/BlogSection.vue
@@ -44,7 +44,7 @@
               activeBlog = blog;
               animate = true;
             "
-            @touchstart.passive="activeIndex = index"
+            @touchstart.passive="(activeIndex = index)"
             @click.native="$mixpanel.track('tap_blog_post')"
             class="w-full"
           >
@@ -58,13 +58,13 @@
                 >
                   <span
                     class="mobile-header-2 lg:desk-header-2"
-                    @mouseleave="animate = false"
+                    @mouseleave="(animate = false)"
                   >
                     {{ blog.published_on[1] }}
                   </span>
                   <span
                     class="text-center sub-h4-regular lg:sub-h4-medium"
-                    @mouseleave="animate = false"
+                    @mouseleave="(animate = false)"
                   >
                     {{ blog.published_on[0] }}
                   </span>
@@ -76,14 +76,14 @@
                     activeBlog = blog;
                     animate = true;
                   "
-                  @touchend="animate = false"
+                  @touchend="(animate = false)"
                 >
                   <hr
                     v-if="index == 0"
                     class="h-[0.063rem] mb-4 lg:mb-8 bg-[#C6C6C6]"
                   />
                   <div>
-                    <div @mouseleave="animate = false">
+                    <div @mouseleave="(animate = false)">
                       <nuxt-link
                         :to="'/' + blog.slug"
                         @click.native="$mixpanel.track('tap_blog_post')"

diff --git a/nuxt-frontend/components/home-new/PortfolioSection.vue b/nuxt-frontend/components/home-new/PortfolioSection.vue
@@ -14,9 +14,9 @@
           portfolio.video ? 'sm:!p-0' : '',
         ]"
         class="relative lg:transition-all lg:duration-500 lg:ease-in-out lg:transform cursor-pointer rounded-xl mt-4 lg:mt-0 md:w-[80%] md:mx-auto"
-        @mouseover="activeIndex = portfolio.id"
-        @mouseleave="activeIndex = null"
-        @touchstart.passive="activeIndex = portfolio.id"
+        @mouseover="(activeIndex = portfolio.id)"
+        @mouseleave="(activeIndex = null)"
+        @touchstart.passive="(activeIndex = portfolio.id)"
       >
         <nuxt-link
           :to="portfolio.url"

diff --git a/nuxt-frontend/components/home-new/ServiceSection.vue b/nuxt-frontend/components/home-new/ServiceSection.vue
@@ -10,8 +10,8 @@
     <nuxt-link
       v-for="(service, index) in services"
       :key="service"
-      @mouseover="activeIndex = index"
-      @touchstart.passive="activeIndex = index"
+      @mouseover="(activeIndex = index)"
+      @touchstart.passive="(activeIndex = index)"
       :href="service.url"
       :class="[
         activeIndex === index

diff --git a/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue b/nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
@@ -76,9 +76,9 @@
             index == 4 || index == 0 ? item.className : '',
           ]"
           class="flex flex-col justify-center items-center h-[7.5rem] h-[5.8rem] xl:h-[6.8rem] w-40 xl:w-60 xl:h-[6.2rem] bg-[#F5F5F5] border-b border-[#E3E3E3] border-r-[5px]"
-          @mouseover="slideTo(index), (activeIndex = index)"
-          @touchstart.passive="slideTo(index), (activeIndex = index)"
-          @touchmove.passive="slideTo(index), (activeIndex = index)"
+          @mouseover="(slideTo(index), (activeIndex = index))"
+          @touchstart.passive="(slideTo(index), (activeIndex = index))"
+          @touchmove.passive="(slideTo(index), (activeIndex = index))"
         >
           <img
             v-if="activeIndex != index"

diff --git a/nuxt-frontend/components/ios-app-development/FaqSection.vue b/nuxt-frontend/components/ios-app-development/FaqSection.vue
@@ -143,7 +143,7 @@
             >
               <div
                 class="m-[5px] rounded-[0.6rem] border border-solid border-transparent bg-gradient-to-r from-[#ff9472] via-[#ff909c] to-[#f2709c] p-[1rem] text-center shadow-[inset_2px_1000px_1px_#fff] active:scale-[0.98] border border-black w-[155px] cursor-pointer h-[57px]"
-                @click="showAdditionalFAQs = !showAdditionalFAQs"
+                @click="(showAdditionalFAQs = !showAdditionalFAQs)"
               >
                 <span class="sub-h3-semibold v2-canopas-gradient-text"
                   >{{ showAdditionalFAQs ? "View Less" : "View More" }}

diff --git a/nuxt-frontend/components/jobs/VirtuesView.vue b/nuxt-frontend/components/jobs/VirtuesView.vue
@@ -13,7 +13,7 @@
           class="relative basis-full lg:basis-[33%]"
           v-for="virtue in virtues.slice(0, 3)"
           :key="virtue.id"
-          @touchstart.passive="activeIndex = virtue.id"
+          @touchstart.passive="(activeIndex = virtue.id)"
           @hover.native="$mixpanel.track('hover_virtue')"
         >
           <div
@@ -54,7 +54,7 @@
           class="relative basis-full lg:basis-1/2"
           v-for="virtue in virtues.slice(3, 5)"
           :key="virtue.id"
-          @touchstart.passive="activeIndex = virtue.id"
+          @touchstart.passive="(activeIndex = virtue.id)"
           @hover.native="$mixpanel.track('hover_virtue')"
         >
           <div
@@ -96,7 +96,7 @@
           class="relative basis-full lg:basis-[33%]"
           v-for="virtue in virtues.slice(5, 8)"
           :key="virtue.id"
-          @touchstart.passive="activeIndex = virtue.id"
+          @touchstart.passive="(activeIndex = virtue.id)"
           @hover.native="$mixpanel.track('hover_virtue')"
         >
           <div
@@ -138,7 +138,7 @@
           class="relative basis-full lg:basis-1/2"
           v-for="virtue in virtues.slice(8, 10)"
           :key="virtue.id"
-          @touchstart.passive="activeIndex = virtue.id"
+          @touchstart.passive="(activeIndex = virtue.id)"
           @hover.native="$mixpanel.track('hover_virtue')"
         >
           <div