diff --git a/app.config.ts b/app.config.ts index 5de148f..31fd7ec 100644 --- a/app.config.ts +++ b/app.config.ts @@ -1,7 +1,7 @@ export default defineAppConfig({ instagramUrl: 'https://www.instagram.com/samatk7/?igsh=Mm9keGxnbXBrdGQ4', telegramUrl: 'https://t.me/+vOQDGC3VoUJmY2Qy', - whatsappUrl: 'https://api.whatsapp.com/send/?phone=7077407714&text&type=phone_number&app_absent=0', + whatsappUrl: 'https://api.whatsapp.com/send/?phone=77473990582&text&type=phone_number&app_absent=0', phoneNumber: '+7 747 399 05 82', email: 'support@quantumbot.kz', appUrl: 'https://app.quantumbot.kz', diff --git a/app.vue b/app.vue index 7b55170..0bab58c 100644 --- a/app.vue +++ b/app.vue @@ -6,10 +6,11 @@ - + + diff --git a/components/app-footer.vue b/components/app-footer.vue index a710218..b3de17a 100644 --- a/components/app-footer.vue +++ b/components/app-footer.vue @@ -52,16 +52,16 @@ const app = useAppConfig() display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: - 'documents copyright' - 'socials dev'; + 'documents copyright' + 'socials dev'; padding-inline: 60px; gap: 32px; @include mobile { grid-template-areas: - 'documents documents' - 'copyright copyright' - 'socials dev'; + 'documents documents' + 'copyright copyright' + 'socials dev'; padding-inline: 16px; column-gap: 16px; } diff --git a/components/homepage/any-questions.vue b/components/homepage/any-questions.vue index 2368714..d90b1da 100644 --- a/components/homepage/any-questions.vue +++ b/components/homepage/any-questions.vue @@ -88,7 +88,8 @@ const app = useAppConfig() } } - &__right {} + &__right { + } &__call-us { color: $color-gray-600; @@ -100,7 +101,6 @@ const app = useAppConfig() @include mobile { @include font(16px, 700, 20px, 'phone-number', true); - } } } diff --git a/components/homepage/faq.vue b/components/homepage/faq.vue index 457edab..c3254bd 100644 --- a/components/homepage/faq.vue +++ b/components/homepage/faq.vue @@ -53,7 +53,6 @@ margin-bottom: 24px; } - } } diff --git a/components/homepage/hero.vue b/components/homepage/hero.vue index 0fd7bc2..e2c3d05 100644 --- a/components/homepage/hero.vue +++ b/components/homepage/hero.vue @@ -148,7 +148,7 @@ align-items: center; justify-content: center; gap: 40px; - padding-blocK: 16px; + padding-block: 16px; margin-top: 24px; @include mobile { diff --git a/components/homepage/how-it-works.vue b/components/homepage/how-it-works.vue index ea24d02..ee0e821 100644 --- a/components/homepage/how-it-works.vue +++ b/components/homepage/how-it-works.vue @@ -151,9 +151,9 @@ const app = useAppConfig() grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto 1fr; grid-template-areas: - 'title video' - 'list video' - 'action video'; + 'title video' + 'list video' + 'action video'; gap: 24px; } diff --git a/components/homepage/our-team.vue b/components/homepage/our-team.vue new file mode 100644 index 0000000..4044088 --- /dev/null +++ b/components/homepage/our-team.vue @@ -0,0 +1,109 @@ + + + + + diff --git a/components/homepage/our-team/member.vue b/components/homepage/our-team/member.vue new file mode 100644 index 0000000..ac0cf4d --- /dev/null +++ b/components/homepage/our-team/member.vue @@ -0,0 +1,60 @@ + + + + + diff --git a/components/homepage/referral-program.vue b/components/homepage/referral-program.vue index 1b0c4d3..d9a1b0c 100644 --- a/components/homepage/referral-program.vue +++ b/components/homepage/referral-program.vue @@ -11,7 +11,7 @@

- Получайте вознаграждение за каждое пополнение пользователей,
+ Получайте вознаграждение за пополнение пользователей,
которые зарегистрируются и воспользуется нашим сервисом

@@ -47,9 +47,11 @@ const desktopBg = computed(() => { color: $color-white; @include desktop { - background-image: v-bind(desktopBg), linear-gradient(260.36deg, #21DAC2 0%, #008574 86.86%); + background-image: v-bind(desktopBg), linear-gradient(260.36deg, #21dac2 0%, #008574 86.86%); background-repeat: no-repeat; - background-position: center right 100px, center; + background-position: + center right 100px, + center; } @include mobile { @@ -115,7 +117,7 @@ const desktopBg = computed(() => { left: 16px; top: 36px; height: 13px; - border-left: 1px dashed $color-lime; + border-left: 1px dashed $color-lemon-500; } } @@ -128,7 +130,7 @@ const desktopBg = computed(() => { width: 32px; flex-shrink: 0; text-align: center; - background-color: $color-lime; + background-color: $color-lemon-500; color: $color-black; border-radius: 8px; } diff --git a/components/homepage/results.vue b/components/homepage/results.vue index 0cd9c26..86f1a5e 100644 --- a/components/homepage/results.vue +++ b/components/homepage/results.vue @@ -183,7 +183,6 @@ import InfoButton from '~/components/info-button.vue' @include desktop { grid-row: span 2; - } } diff --git a/components/homepage/section.vue b/components/homepage/section.vue index b9249c2..56d3221 100644 --- a/components/homepage/section.vue +++ b/components/homepage/section.vue @@ -5,7 +5,7 @@ {{ title }} -

+

{{ description }}

@@ -19,7 +19,7 @@ diff --git a/components/homepage/tariff.vue b/components/homepage/tariff.vue index ec0d145..b00e78e 100644 --- a/components/homepage/tariff.vue +++ b/components/homepage/tariff.vue @@ -1,94 +1,107 @@ - diff --git a/components/homepage/tariff/card.vue b/components/homepage/tariff/card.vue new file mode 100644 index 0000000..d328f83 --- /dev/null +++ b/components/homepage/tariff/card.vue @@ -0,0 +1,168 @@ + + + + + diff --git a/components/scroll-to-top.vue b/components/scroll-to-top.vue index 789aa0c..e8f0cdf 100644 --- a/components/scroll-to-top.vue +++ b/components/scroll-to-top.vue @@ -32,7 +32,6 @@ const { y } = useWindowScroll() &:hover { color: $color-black; background-color: $color-gray-400; - } } diff --git a/components/ui/accordion/styles.scss b/components/ui/accordion/styles.scss index a0b399b..8f1fa99 100644 --- a/components/ui/accordion/styles.scss +++ b/components/ui/accordion/styles.scss @@ -86,4 +86,4 @@ padding: 0 16px 16px; } } -} \ No newline at end of file +} diff --git a/components/ui/button/index.vue b/components/ui/button/index.vue index 5ae2032..db5c8cb 100644 --- a/components/ui/button/index.vue +++ b/components/ui/button/index.vue @@ -37,7 +37,7 @@ import type { ButtonHTMLAttributes } from 'vue' export interface Props { - type?: 'primary' | 'secondary' + type?: 'primary' | 'secondary' | 'promo' nativeType?: ButtonHTMLAttributes['type'] disabled?: boolean } diff --git a/components/ui/button/styles.scss b/components/ui/button/styles.scss index f9ba8f2..b26c433 100644 --- a/components/ui/button/styles.scss +++ b/components/ui/button/styles.scss @@ -1,4 +1,4 @@ -@use "sass:list"; +@use 'sass:list'; @use '../../../styles/mixins' as *; @use '../../../styles/variables' as *; @@ -24,6 +24,15 @@ $button-variants: [ 'hover-background': $color-gray-400, 'active-background': $color-gray-500, ) + ], + [ + 'promo', + ( + 'color': $color-black, + 'background': $color-lemon-500, + 'hover-background': $color-lemon-400, + 'active-background': $color-lemon-500, + ) ] ]; diff --git a/components/ui/collapse-transition/styles.scss b/components/ui/collapse-transition/styles.scss index 77bb231..e22ae23 100644 --- a/components/ui/collapse-transition/styles.scss +++ b/components/ui/collapse-transition/styles.scss @@ -21,4 +21,4 @@ .ui-collapse-transition-enter-from, .ui-collapse-transition-leave-to { opacity: 0; -} \ No newline at end of file +} diff --git a/composables/use-breakpoints.ts b/composables/use-breakpoints.ts new file mode 100644 index 0000000..9f9a5bb --- /dev/null +++ b/composables/use-breakpoints.ts @@ -0,0 +1,11 @@ +import { useMediaQuery } from '@vueuse/core' + +export default function useBreakpoints() { + const isMobile = useMediaQuery('(max-width: 480px)') + const isDesktop = computed(() => !isMobile.value) + + return { + isMobile, + isDesktop, + } +} diff --git a/dist.zip b/dist.zip new file mode 100644 index 0000000..66be531 Binary files /dev/null and b/dist.zip differ diff --git a/eslint.config.js b/eslint.config.js index 81a8f91..908427f 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -8,4 +8,7 @@ export default antfu({ }], }, }, + formatters: { + css: true, + }, }) diff --git a/nuxt.config.ts b/nuxt.config.ts index 6f9139a..674dc84 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -17,7 +17,7 @@ const baseUrl = import.meta.env.URL || 'https://quantumbot.kz' export default defineNuxtConfig({ devtools: { enabled: true }, - ssr: false, + // ssr: false, pages: false, app: { head: { @@ -119,7 +119,7 @@ export default defineNuxtConfig({ scripts: { registry: { metaPixel: { - id: '997724358913843', + id: '992723452252630', }, }, }, diff --git a/package.json b/package.json index c7614c6..af71143 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,7 @@ "@types/lodash-es": "^4.17.12", "@types/uuid": "^10.0.0", "eslint": "^9.15.0", + "eslint-plugin-format": "^1.0.1", "nuxt": "latest", "nuxt-svgo": "^4.0.9", "sass": "^1.81.0", diff --git a/public/analytics-bg.png b/public/analytics-bg.png index 85c7f05..9b6ddd2 100644 Binary files a/public/analytics-bg.png and b/public/analytics-bg.png differ diff --git a/public/checkmark.svg b/public/checkmark.svg new file mode 100644 index 0000000..12b7112 --- /dev/null +++ b/public/checkmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/hero-desktop.png b/public/hero-desktop.png index d6820b4..b8f97b2 100644 Binary files a/public/hero-desktop.png and b/public/hero-desktop.png differ diff --git a/public/hero-mobile.png b/public/hero-mobile.png index 2be1dae..506a720 100644 Binary files a/public/hero-mobile.png and b/public/hero-mobile.png differ diff --git a/public/lightning.svg b/public/lightning.svg new file mode 100644 index 0000000..605319f --- /dev/null +++ b/public/lightning.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/our-team/abdulla.jpeg b/public/our-team/abdulla.jpeg new file mode 100644 index 0000000..2101d8f Binary files /dev/null and b/public/our-team/abdulla.jpeg differ diff --git a/public/our-team/abdulla.png b/public/our-team/abdulla.png new file mode 100644 index 0000000..f255ada Binary files /dev/null and b/public/our-team/abdulla.png differ diff --git a/public/our-team/anton.jpeg b/public/our-team/anton.jpeg new file mode 100644 index 0000000..93c8bb3 Binary files /dev/null and b/public/our-team/anton.jpeg differ diff --git a/public/our-team/anton.png b/public/our-team/anton.png new file mode 100644 index 0000000..fa3bd27 Binary files /dev/null and b/public/our-team/anton.png differ diff --git a/public/our-team/nurbek.jpeg b/public/our-team/nurbek.jpeg new file mode 100644 index 0000000..344fc7c Binary files /dev/null and b/public/our-team/nurbek.jpeg differ diff --git a/public/our-team/nurbek.png b/public/our-team/nurbek.png new file mode 100644 index 0000000..1b97b4d Binary files /dev/null and b/public/our-team/nurbek.png differ diff --git a/public/our-team/ruslan.jpeg b/public/our-team/ruslan.jpeg new file mode 100644 index 0000000..62e3d6b Binary files /dev/null and b/public/our-team/ruslan.jpeg differ diff --git a/public/our-team/ruslan.png b/public/our-team/ruslan.png new file mode 100644 index 0000000..b82e73b Binary files /dev/null and b/public/our-team/ruslan.png differ diff --git a/public/our-team/timur.jpeg b/public/our-team/timur.jpeg new file mode 100644 index 0000000..a816aa2 Binary files /dev/null and b/public/our-team/timur.jpeg differ diff --git a/public/our-team/timur.png b/public/our-team/timur.png new file mode 100644 index 0000000..3cba4d2 Binary files /dev/null and b/public/our-team/timur.png differ diff --git a/public/referral-program-bg-mobile.png b/public/referral-program-bg-mobile.png index 7295406..8e1b9e7 100644 Binary files a/public/referral-program-bg-mobile.png and b/public/referral-program-bg-mobile.png differ diff --git a/public/strips.png b/public/strips.png new file mode 100644 index 0000000..01bab76 Binary files /dev/null and b/public/strips.png differ diff --git a/styles/floating-vue.scss b/styles/floating-vue.scss index bf05f34..b0c2a1f 100644 --- a/styles/floating-vue.scss +++ b/styles/floating-vue.scss @@ -15,4 +15,4 @@ .v-popper--theme-tooltip .v-popper__arrow-outer { border-color: $color-black; -} \ No newline at end of file +} diff --git a/styles/index.scss b/styles/index.scss index 952fe64..439179c 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -2,9 +2,9 @@ @use '@splidejs/vue-splide/css/core'; @use 'mixins'; -@use "normalize"; -@use "utility"; -@use "floating-vue"; +@use 'normalize'; +@use 'utility'; +@use 'floating-vue'; *, *::before, @@ -12,19 +12,26 @@ box-sizing: border-box; } -html, body { +html, +body { scroll-behavior: smooth; } body { @include font(16px, 400, 20px); - font-family: "Onest", sans-serif; + font-family: 'Onest', sans-serif; color: $color-black; background-color: $color-white; } -p, h1, h2, h3, h4, h5, h6 { +p, +h1, +h2, +h3, +h4, +h5, +h6 { margin: 0; } @@ -56,4 +63,4 @@ button { @include mobile { padding-inline: 16px; } -} \ No newline at end of file +} diff --git a/styles/mixins/adaptive.scss b/styles/mixins/adaptive.scss index da6b0df..e4180d7 100644 --- a/styles/mixins/adaptive.scss +++ b/styles/mixins/adaptive.scss @@ -8,4 +8,4 @@ @media (min-width: 481px) { @content; } -} \ No newline at end of file +} diff --git a/styles/mixins/element-variant.scss b/styles/mixins/element-variant.scss index 1758413..738907b 100644 --- a/styles/mixins/element-variant.scss +++ b/styles/mixins/element-variant.scss @@ -1,18 +1,15 @@ -@use "sass:meta"; -@use "sass:list"; -@use "sass:string"; +@use 'sass:meta'; +@use 'sass:list'; +@use 'sass:string'; -@mixin element-variant( - $namespace, - $variant: '', - $map: () -) { +@mixin element-variant($namespace, $variant: '', $map: ()) { @if meta.type-of($map) == 'map' { $withDarkVariant: false; $variantPrefix: if(string.length($variant) > 0, '-' + $variant, ''); @at-root { - :root, .light-theme { + :root, + .light-theme { @each $property, $value in $map { @if meta.type-of($value) == 'list' { @if $withDarkVariant == false and list.length($value) > 1 { diff --git a/styles/mixins/index.scss b/styles/mixins/index.scss index 8c71374..d05a4a7 100644 --- a/styles/mixins/index.scss +++ b/styles/mixins/index.scss @@ -1,3 +1,3 @@ -@forward "element-variant"; -@forward "typography"; -@forward "adaptive"; \ No newline at end of file +@forward 'element-variant'; +@forward 'typography'; +@forward 'adaptive'; diff --git a/styles/normalize.scss b/styles/normalize.scss index 8ed4f5d..67c92d0 100644 --- a/styles/normalize.scss +++ b/styles/normalize.scss @@ -9,8 +9,8 @@ */ html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections @@ -21,7 +21,7 @@ html { */ body { - margin: 0; + margin: 0; } /** @@ -29,7 +29,7 @@ body { */ main { - display: block; + display: block; } /** @@ -38,8 +38,8 @@ main { */ h1 { - font-size: 2em; - margin: 0.67em 0; + font-size: 2em; + margin: 0.67em 0; } /* Grouping content @@ -51,9 +51,9 @@ h1 { */ hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } /** @@ -62,8 +62,8 @@ hr { */ pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /* Text-level semantics @@ -74,7 +74,7 @@ pre { */ a { - background-color: transparent; + background-color: transparent; } /** @@ -83,9 +83,9 @@ a { */ abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ } /** @@ -94,7 +94,7 @@ abbr[title] { b, strong { - font-weight: bold; + font-weight: bold; } /** @@ -105,8 +105,8 @@ strong { code, kbd, samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ } /** @@ -114,7 +114,7 @@ samp { */ small { - font-size: 80%; + font-size: 80%; } /** @@ -124,18 +124,18 @@ small { sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } sub { - bottom: -0.25em; + bottom: -0.25em; } sup { - top: -0.5em; + top: -0.5em; } /* Embedded content @@ -145,17 +145,18 @@ sup { * Remove the border on images inside links in IE 10. */ -img, video { - border-style: none; - vertical-align: middle; - font-style: italic; - max-width: 100%; - max-height: 100%; +img, +video { + border-style: none; + vertical-align: middle; + font-style: italic; + max-width: 100%; + max-height: 100%; } svg { - color: inherit; - vertical-align: middle; + color: inherit; + vertical-align: middle; } /* Forms @@ -171,10 +172,10 @@ input, optgroup, select, textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ } /** @@ -183,8 +184,9 @@ textarea { */ button, -input { /* 1 */ - overflow: visible; +input { + /* 1 */ + overflow: visible; } /** @@ -193,8 +195,9 @@ input { /* 1 */ */ button, -select { /* 1 */ - text-transform: none; +select { + /* 1 */ + text-transform: none; } /** @@ -202,10 +205,10 @@ select { /* 1 */ */ button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; } /** @@ -213,11 +216,11 @@ button, */ button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; } /** @@ -225,10 +228,10 @@ button::-moz-focus-inner, */ button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring { + outline: 1px dotted ButtonText; } /** @@ -236,7 +239,7 @@ button:-moz-focusring, */ fieldset { - padding: 0.35em 0.75em 0.625em; + padding: 0.35em 0.75em 0.625em; } /** @@ -247,12 +250,12 @@ fieldset { */ legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ } /** @@ -260,7 +263,7 @@ legend { */ progress { - vertical-align: baseline; + vertical-align: baseline; } /** @@ -268,7 +271,7 @@ progress { */ textarea { - overflow: auto; + overflow: auto; } /** @@ -276,19 +279,19 @@ textarea { * 2. Remove the padding in IE 10. */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ +[type='checkbox'], +[type='radio'] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; } /** @@ -296,17 +299,17 @@ textarea { * 2. Correct the outline style in Safari. */ -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ +[type='search'] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; } /** @@ -315,8 +318,8 @@ textarea { */ ::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ } /* Interactive @@ -327,7 +330,7 @@ textarea { */ details { - display: block; + display: block; } /* @@ -335,7 +338,7 @@ details { */ summary { - display: list-item; + display: list-item; } /* Misc @@ -346,7 +349,7 @@ summary { */ template { - display: none; + display: none; } /** @@ -354,10 +357,10 @@ template { */ [hidden] { - display: none; + display: none; } ul { - margin: 0; - padding-inline-start: 20px; + margin: 0; + padding-inline-start: 20px; } diff --git a/styles/utility.scss b/styles/utility.scss index 0bd95cd..26cfe4a 100644 --- a/styles/utility.scss +++ b/styles/utility.scss @@ -10,4 +10,4 @@ @include desktop { display: none !important; } -} \ No newline at end of file +} diff --git a/styles/variables/color.scss b/styles/variables/color.scss index 2b8ce08..a86a401 100644 --- a/styles/variables/color.scss +++ b/styles/variables/color.scss @@ -1,14 +1,15 @@ -$color-gray-200: #F9FAFF; +$color-gray-200: #f9faff; $color-gray-300: #f6f7fb; $color-gray-400: #e7eaf3; $color-gray-500: #cfd5f0; $color-gray-600: #8890b8; -$color-gray-700: #505A8A; +$color-gray-700: #505a8a; $color-green-400: #008574; $color-green-500: #056e62; -$color-white: #FFFFFF; +$color-white: #ffffff; $color-black: #021d54; -$color-lime: #E0FF5F; \ No newline at end of file +$color-lemon-400: #e8ff8a; +$color-lemon-500: #e0ff5f; diff --git a/styles/variables/index.scss b/styles/variables/index.scss index 51e661b..ac7a021 100644 --- a/styles/variables/index.scss +++ b/styles/variables/index.scss @@ -1,2 +1,2 @@ -@forward "color"; -@forward "transitions"; \ No newline at end of file +@forward 'color'; +@forward 'transitions'; diff --git a/styles/variables/transitions.scss b/styles/variables/transitions.scss index 9f11d16..90b4c35 100644 --- a/styles/variables/transitions.scss +++ b/styles/variables/transitions.scss @@ -1,2 +1,2 @@ -$transition-duration: .2s; -$transition-easing: ease-out; \ No newline at end of file +$transition-duration: 0.2s; +$transition-easing: ease-out; diff --git a/yarn.lock b/yarn.lock index 3cbddde..000eaa2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -839,6 +839,21 @@ dependencies: mime "^3.0.0" +"@dprint/formatter@^0.3.0": + version "0.3.0" + resolved "https://registry.yarnpkg.com/@dprint/formatter/-/formatter-0.3.0.tgz#e374398c8e8d7dbf50e8208c87af44a66de0cb2e" + integrity sha512-N9fxCxbaBOrDkteSOzaCqwWjso5iAe+WJPsHC021JfHNj2ThInPNEF13ORDKta3llq5D1TlclODCvOvipH7bWQ== + +"@dprint/markdown@^0.17.8": + version "0.17.8" + resolved "https://registry.yarnpkg.com/@dprint/markdown/-/markdown-0.17.8.tgz#1aea5e903fb700075916e1e070ff0c18de42fc6c" + integrity sha512-ukHFOg+RpG284aPdIg7iPrCYmMs3Dqy43S1ejybnwlJoFiW02b+6Bbr5cfZKFRYNP3dKGM86BqHEnMzBOyLvvA== + +"@dprint/toml@^0.6.4": + version "0.6.4" + resolved "https://registry.yarnpkg.com/@dprint/toml/-/toml-0.6.4.tgz#b5412bfacf69bd8759b2486ac284fba6b1fd4b4c" + integrity sha512-bZXIUjxr0LIuHWshZr/5mtUkOrnh0NKVZEF6ACojW5z7zkJu7s9sV2mMXm8XQDqN4cJzdHYUYzUyEGdfciaLJA== + "@es-joy/jsdoccomment@^0.48.0": version "0.48.0" resolved "https://registry.yarnpkg.com/@es-joy/jsdoccomment/-/jsdoccomment-0.48.0.tgz#5d9dc1a295cf5d1ed224dffafb4800d5c7206c27" @@ -5690,6 +5705,13 @@ eslint-flat-config-utils@^0.4.0: dependencies: pathe "^1.1.2" +eslint-formatting-reporter@^0.0.0: + version "0.0.0" + resolved "https://registry.yarnpkg.com/eslint-formatting-reporter/-/eslint-formatting-reporter-0.0.0.tgz#e444c511527900dec3592e9f85876da821ab8ef7" + integrity sha512-k9RdyTqxqN/wNYVaTk/ds5B5rA8lgoAmvceYN7bcZMBwU7TuXx5ntewJv81eF3pIL/CiJE+pJZm36llG8yhyyw== + dependencies: + prettier-linter-helpers "^1.0.0" + eslint-import-resolver-node@^0.3.9: version "0.3.9" resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac" @@ -5711,6 +5733,11 @@ eslint-merge-processors@^0.1.0: resolved "https://registry.yarnpkg.com/eslint-merge-processors/-/eslint-merge-processors-0.1.0.tgz#30ac4c59725a63d12a9677de7d2b2ec2a09fb779" integrity sha512-IvRXXtEajLeyssvW4wJcZ2etxkR9mUf4zpNwgI+m/Uac9RfXHskuJefkHUcawVzePnd6xp24enp5jfgdHzjRdQ== +eslint-parser-plain@^0.1.1: + version "0.1.1" + resolved "https://registry.yarnpkg.com/eslint-parser-plain/-/eslint-parser-plain-0.1.1.tgz#14e92bba9f9a7f765b36967bd3f2f24c0a81c2b3" + integrity sha512-KRgd6wuxH4U8kczqPp+Oyk4irThIhHWxgFgLDtpgjUGVIS3wGrJntvZW/p6hHq1T4FOwnOtCNkvAI4Kr+mQ/Hw== + eslint-plugin-antfu@^2.7.0: version "2.7.0" resolved "https://registry.yarnpkg.com/eslint-plugin-antfu/-/eslint-plugin-antfu-2.7.0.tgz#63e6da511da21fabcd1774c10f7d8b5681b2e560" @@ -5734,6 +5761,19 @@ eslint-plugin-es-x@^7.8.0: "@eslint-community/regexpp" "^4.11.0" eslint-compat-utils "^0.5.1" +eslint-plugin-format@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/eslint-plugin-format/-/eslint-plugin-format-1.0.1.tgz#115defbb1ea68037314d3638af35d129556e3992" + integrity sha512-Tdns+CDjS+m7QrM85wwRi2yLae88XiWVdIOXjp9mDII0pmTBQlczPCmjpKnjiUIY3yPZNLqb5Ms/A/JXcBF2Dw== + dependencies: + "@dprint/formatter" "^0.3.0" + "@dprint/markdown" "^0.17.8" + "@dprint/toml" "^0.6.4" + eslint-formatting-reporter "^0.0.0" + eslint-parser-plain "^0.1.1" + prettier "^3.4.2" + synckit "^0.9.2" + eslint-plugin-import-x@^4.4.2: version "4.4.3" resolved "https://registry.yarnpkg.com/eslint-plugin-import-x/-/eslint-plugin-import-x-4.4.3.tgz#eeb25e6742b834cd12ba1fbd63127624213258b5" @@ -6113,6 +6153,11 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3: resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525" integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q== +fast-diff@^1.1.2: + version "1.3.0" + resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0" + integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw== + fast-fifo@^1.1.0, fast-fifo@^1.2.0: version "1.3.2" resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.2.tgz#286e31de96eb96d38a97899815740ba2a4f3640c" @@ -9616,6 +9661,18 @@ prelude-ls@^1.2.1: resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== +prettier-linter-helpers@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b" + integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w== + dependencies: + fast-diff "^1.1.2" + +prettier@^3.4.2: + version "3.5.3" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.5.3.tgz#4fc2ce0d657e7a02e602549f053b239cb7dfe1b5" + integrity sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw== + pretty-bytes@^6.1.1: version "6.1.1" resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-6.1.1.tgz#38cd6bb46f47afbf667c202cfc754bffd2016a3b" @@ -10492,7 +10549,16 @@ streamx@^2.16.1: optionalDependencies: bare-events "^2.2.0" -"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0": + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + +"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -10532,7 +10598,14 @@ stringify-entities@^4.0.0: character-entities-html4 "^2.0.0" character-entities-legacy "^3.0.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1": + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + +strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -10695,7 +10768,7 @@ synckit@^0.6.0: dependencies: tslib "^2.3.1" -synckit@^0.9.1: +synckit@^0.9.1, synckit@^0.9.2: version "0.9.2" resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.9.2.tgz#a3a935eca7922d48b9e7d6c61822ee6c3ae4ec62" integrity sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw== @@ -11898,7 +11971,16 @@ wide-align@^1.1.2: dependencies: string-width "^1.0.2 || 2 || 3 || 4" -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": + version "7.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" + integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + +wrap-ansi@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==