Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Impr : Change fonts for blog content #595

Merged
merged 2 commits into from
Nov 26, 2024
Merged

Impr : Change fonts for blog content #595

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ded2b9b
Update version and change font
Nov 26, 2024
91acc88
run prettier
Nov 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 32 additions & 0 deletions nuxt-frontend/assets/css/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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");
}
Binary file added nuxt-frontend/assets/fonts/charter-bold-italic.woff2
View file
Open in desktop
Binary file not shown.
Binary file added nuxt-frontend/assets/fonts/charter-bold.woff2
View file
Open in desktop
Binary file not shown.
Binary file added nuxt-frontend/assets/fonts/charter-regular-italic.woff2
View file
Open in desktop
Binary file not shown.
Binary file added nuxt-frontend/assets/fonts/charter-regular.woff2
View file
Open in desktop
Binary file not shown.
18 changes: 10 additions & 8 deletions nuxt-frontend/components/CTA/CTA2.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,8 @@
autoComplete="given-username"
placeholder=" "
@input="
showNameValidationError =
$event.target.value.trim().length === 0
(showNameValidationError =
$event.target.value.trim().length === 0)
"
/>
<label
Expand Down Expand Up @@ -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"
Expand Down Expand Up @@ -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"
Expand Down
16 changes: 8 additions & 8 deletions nuxt-frontend/components/CTA/CTA3.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,8 +47,8 @@
autoComplete="given-username"
placeholder=" "
@input="
showNameValidationError =
$event.target.value.trim().length === 0
(showNameValidationError =
$event.target.value.trim().length === 0)
"
/>
<label
Expand Down Expand Up @@ -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"
Expand Down Expand Up @@ -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
Expand Down
6 changes: 3 additions & 3 deletions nuxt-frontend/components/android-app-development/DevelopmentSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
2 changes: 1 addition & 1 deletion nuxt-frontend/components/android-app-development/FaqSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" }}
Expand Down
2 changes: 1 addition & 1 deletion nuxt-frontend/components/backend-development/FaqSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" }}
Expand Down
20 changes: 10 additions & 10 deletions nuxt-frontend/components/contact/NewContactForm.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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')"
/>
Expand All @@ -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
Expand Down Expand Up @@ -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')
Expand Down Expand Up @@ -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')"
/>
Expand Down Expand Up @@ -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">{{
Expand Down
2 changes: 1 addition & 1 deletion nuxt-frontend/components/contributions/GithubContribution.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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] '
Expand Down
24 changes: 12 additions & 12 deletions nuxt-frontend/components/contributions/WhatsTrending.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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')"
>
Expand Down Expand Up @@ -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')"
>
Expand Down Expand Up @@ -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')"
>
Expand Down
2 changes: 1 addition & 1 deletion nuxt-frontend/components/flutter-app-development/FaqSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" }}
Expand Down
2 changes: 1 addition & 1 deletion nuxt-frontend/components/frontend-development/FaqSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" }}
Expand Down
10 changes: 5 additions & 5 deletions nuxt-frontend/components/home-new/BlogSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
>
Expand All @@ -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>
Expand All @@ -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')"
Expand Down
6 changes: 3 additions & 3 deletions nuxt-frontend/components/home-new/PortfolioSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
4 changes: 2 additions & 2 deletions nuxt-frontend/components/home-new/ServiceSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
6 changes: 3 additions & 3 deletions nuxt-frontend/components/ios-app-development/DevelopmentSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
2 changes: 1 addition & 1 deletion nuxt-frontend/components/ios-app-development/FaqSection.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" }}
Expand Down
8 changes: 4 additions & 4 deletions nuxt-frontend/components/jobs/VirtuesView.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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
Expand Down
Loading
Loading