diff --git a/astro.config.mjs b/astro.config.mjs index ea6317a..882e651 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -1,19 +1,4 @@ import { defineConfig } from 'astro/config'; -import Unfonts from 'unplugin-fonts/astro' // https://astro.build/config -export default defineConfig({ - integrations: [ - Unfonts({ - google: { - families: [ - 'Cabin', - { - name: 'Open Sans', - styles: 'wght@300;400', - }, - ], - }, - }) - ] -}); +export default defineConfig({}); diff --git a/package.json b/package.json index 64db7df..64a9f32 100644 --- a/package.json +++ b/package.json @@ -36,6 +36,8 @@ "simplebar": "6.2.5" }, "devDependencies": { + "@fontsource-variable/cabin": "^5.0.9", + "@fontsource-variable/open-sans": "^5.0.13", "autoprefixer": "10.4.15", "npm-run-all": "4.1.5", "unplugin-fonts": "^1.0.3" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 51eb133..05858e9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -54,6 +54,12 @@ dependencies: version: 6.2.5 devDependencies: + '@fontsource-variable/cabin': + specifier: ^5.0.9 + version: 5.0.9 + '@fontsource-variable/open-sans': + specifier: ^5.0.13 + version: 5.0.13 autoprefixer: specifier: 10.4.15 version: 10.4.15(postcss@8.4.29) @@ -742,6 +748,14 @@ packages: dev: false optional: true + /@fontsource-variable/cabin@5.0.9: + resolution: {integrity: sha512-9h0hjK8+U2CC0KzNeqItcY354s4do8iXRgqqM6+YMFaMqix75RUgr9mQwXwU0KErjssLJTEjKI8HUT/arD262w==} + dev: true + + /@fontsource-variable/open-sans@5.0.13: + resolution: {integrity: sha512-G/lTR5vVBcwRU0vkeYqFfX1UEqHfCG52ccdVgcjwSOcDvi5jQEL3ta212qA2rKwSdhmdei600yNburmYoT1wsg==} + dev: true + /@iconify/iconify@3.1.1: resolution: {integrity: sha512-1nemfyD/OJzh9ALepH7YfuuP8BdEB24Skhd8DXWh0hzcOxImbb1ZizSZkpCzAwSZSGcJFmscIBaBQu+yLyWaxQ==} dependencies: diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 20243e9..edf219e 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -65,7 +65,7 @@ -

© 2018-2021 | Krypton. All Rights Reserved

+

© 2018-2023 | Krypton. All Rights Reserved


diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index f0d439f..6a6d9cc 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -45,23 +45,23 @@

- Token + Token
- Ico + Ico
- Roadmap + Roadmap
- Media + Media
- + Telegram diff --git a/src/components/NavbarClone.astro b/src/components/NavbarClone.astro index 308248a..207b55e 100644 --- a/src/components/NavbarClone.astro +++ b/src/components/NavbarClone.astro @@ -47,19 +47,19 @@
- Token + Token
- Ico + Ico
- Roadmap + Roadmap
- Media + Media
diff --git a/src/js/libs/components/tabs/tabs.js b/src/js/libs/components/tabs/tabs.js index 733b386..e8f9f15 100644 --- a/src/js/libs/components/tabs/tabs.js +++ b/src/js/libs/components/tabs/tabs.js @@ -8,7 +8,7 @@ export function initTabs() { setupCountdown() { // Set the date we're counting down to - var countDownDate = new Date("Oct 24, 2021 07:00:00").getTime(); + var countDownDate = new Date().getTime() + (1000 * 60 * 60 * 24 * 7); // 7 days from now // Update the count down every 1 second var x = setInterval(function () { diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro index 61fdf1a..1c66d17 100644 --- a/src/layouts/Default.astro +++ b/src/layouts/Default.astro @@ -1,8 +1,11 @@ --- import { ViewTransitions } from 'astro:transitions'; -import Unfont from 'unplugin-fonts/astro/component.astro'; import Footer from '../components/Footer.astro' import BackToTop from '../components/BackToTop.astro' + +import '@fontsource-variable/cabin/index.css'; +import '@fontsource-variable/open-sans/index.css'; + import 'simplebar/dist/simplebar.min.css' import '../styles/main.scss' const {title} = Astro.props @@ -12,7 +15,6 @@ const {title} = Astro.props - Krypton {'- ' + title} diff --git a/src/layouts/Minimal.astro b/src/layouts/Minimal.astro index 0ab82a3..073de04 100644 --- a/src/layouts/Minimal.astro +++ b/src/layouts/Minimal.astro @@ -1,7 +1,10 @@ --- import { ViewTransitions } from 'astro:transitions'; -import Unfont from 'unplugin-fonts/astro/component.astro'; import BackToTop from '../components/BackToTop.astro' + +import '@fontsource-variable/cabin/index.css'; +import '@fontsource-variable/open-sans/index.css'; + import 'simplebar/dist/simplebar.min.css' import 'plyr/dist/plyr.css' import '../styles/main.scss' @@ -12,7 +15,6 @@ const {title} = Astro.props - Krypton {'- ' + title} diff --git a/src/pages/blog.astro b/src/pages/blog.astro index 1c6df02..db53bab 100644 --- a/src/pages/blog.astro +++ b/src/pages/blog.astro @@ -51,7 +51,7 @@ const title = "Blog";
- +
@@ -95,7 +95,7 @@ const title = "Blog";
- +
@@ -139,7 +139,7 @@ const title = "Blog";
- +
@@ -183,7 +183,7 @@ const title = "Blog";
- +
@@ -227,7 +227,7 @@ const title = "Blog";
- +
diff --git a/src/pages/index.astro b/src/pages/index.astro index ffd7b14..144a680 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -373,9 +373,9 @@ const title = "Home"; :class="{ 'is-active': activeTab === 'tab-1', '': activeTab != 'tab-1' - }" + }" > - ICO + ICO
- TOKEN + TOKEN
@@ -438,21 +438,21 @@ const title = "Home"; Presale
Presale starts on Apr 8 2021 (9:00am GMT)Presale starts on Apr 8 2023 (9:00am GMT)
  • Sale
    Token sales starts on Jun 8 2021 (12:00am GMT)Token sales starts on Jun 8 2023 (12:00am GMT)
  • Bonus
    Bonus starts on July 29 2021 (12:00am GMT)Bonus starts on July 29 2023 (12:00am GMT)
    • diff --git a/src/pages/roadmap.astro b/src/pages/roadmap.astro index 6684d5d..5a4913c 100644 --- a/src/pages/roadmap.astro +++ b/src/pages/roadmap.astro @@ -24,7 +24,7 @@ const title = "Roadmap";

    - 2021 Roadmap + 2023 Roadmap

    Cryptocurrency brought to the next level. Join our ICO for diff --git a/src/pages/token.astro b/src/pages/token.astro index ee3bc7a..3c1439e 100644 --- a/src/pages/token.astro +++ b/src/pages/token.astro @@ -33,7 +33,7 @@ const title = "Token";

    More details @@ -152,7 +152,7 @@ const title = "Token";

    Whitepaper @@ -165,7 +165,7 @@ const title = "Token";
    Techpaper @@ -178,7 +178,7 @@ const title = "Token";
    Live Chat @@ -271,7 +271,7 @@ const title = "Token";
    Join the ICO diff --git a/src/styles/abstracts/_theme-default.scss b/src/styles/abstracts/_theme-default.scss index 8d0bc36..1d594e2 100644 --- a/src/styles/abstracts/_theme-default.scss +++ b/src/styles/abstracts/_theme-default.scss @@ -7,14 +7,15 @@ Default theme variables /*** TABLE OF CONTENTS ============================================================================= -0. Variables -1. Shadow variables -2. Gradient mixins +0. Colors Variables +1. Fonts Variables +2. Shadow variables +3. Gradient mixins ============================================================================= ***/ /* ========================================================================== -0. Color Variables +0. Colors Variables ========================================================================== */ $fullhd-enabled: false; @@ -25,7 +26,14 @@ $secondary: #00ff99; $secondary-accent: #33ccff; /* ========================================================================== -1. Shadow variables +1. Fonts Variables +========================================================================== */ + +$font: 'Open Sans Variable', sans-serif; +$font-heading: 'Cabin Variable', sans-serif; + +/* ========================================================================== +2. Shadow variables ========================================================================== */ //Base shadow @@ -54,7 +62,7 @@ $secondary-box-shadow: 0 14px 26px -12px $secondary-shadow-from, 0 4px 23px 0px } /* ========================================================================== -2. Gradient mixins +3. Gradient mixins ========================================================================== */ @mixin theme-hero-gradient { diff --git a/src/styles/layout/_blog.scss b/src/styles/layout/_blog.scss index b093a76..8062f07 100644 --- a/src/styles/layout/_blog.scss +++ b/src/styles/layout/_blog.scss @@ -43,7 +43,7 @@ TABLE OF CONTENTS max-width: 1000px; margin: auto; color: #333; - font-family: 'Open Sans', sans-serif; + font-family: $font; font-size: 14px; border-radius: 6px; margin-bottom: 20px; @@ -68,14 +68,14 @@ TABLE OF CONTENTS text-transform: capitalize; color: $white; font-weight: 500; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; //Date .blog-date { font-size: 12px; margin-left: 20px; color: $white; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; &:before { content: '|'; @@ -120,7 +120,7 @@ TABLE OF CONTENTS .author-name { font-size: .75rem; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; color: $white; padding: 0 10px; @@ -205,7 +205,7 @@ TABLE OF CONTENTS .author-name { font-size: .75rem; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; color: $white; padding: 0 10px; diff --git a/src/styles/layout/_faq.scss b/src/styles/layout/_faq.scss index b994b06..61f42fb 100644 --- a/src/styles/layout/_faq.scss +++ b/src/styles/layout/_faq.scss @@ -45,7 +45,7 @@ TABLE OF CONTENTS padding: 1em; display: block; color: $white; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-weight: 500; font-size: .9rem; cursor: pointer; diff --git a/src/styles/layout/_features.scss b/src/styles/layout/_features.scss index 7e92bd4..9d39ac2 100644 --- a/src/styles/layout/_features.scss +++ b/src/styles/layout/_features.scss @@ -78,11 +78,11 @@ TABLE OF CONTENTS h4 { margin-top: 10px; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; } p { - font-family: 'Open Sans', sans-serif; + font-family: $font; font-size: .9rem; opacity: 0.8; max-width: 280px; @@ -161,7 +161,7 @@ TABLE OF CONTENTS //link element a { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; display: inline-block; width: 24.4%; padding: .75rem 0; @@ -240,7 +240,7 @@ TABLE OF CONTENTS div { position: relative; text-align: right; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: .65rem; text-transform: uppercase; @@ -320,7 +320,7 @@ TABLE OF CONTENTS li { padding: 10px 0; color: $white; - font-family: 'Open Sans', sans-serif; + font-family: $font; font-weight: 300; &:first-child { @@ -337,13 +337,13 @@ TABLE OF CONTENTS span { &:first-child { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; } &.item-content { margin: 0 16px !important; font-size: 90%; - font-family: 'Open Sans', sans-serif; + font-family: $font; font-weight: 300; color: #e8e8e8; } diff --git a/src/styles/layout/_footer.scss b/src/styles/layout/_footer.scss index a38e335..50f6c12 100644 --- a/src/styles/layout/_footer.scss +++ b/src/styles/layout/_footer.scss @@ -38,7 +38,7 @@ TABLE OF CONTENTS //Brand .brand-name { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; text-transform: uppercase; font-weight: 600; color: $white; @@ -49,7 +49,7 @@ TABLE OF CONTENTS //Motto .brand-subtitle { - font-family: 'Open Sans', sans-serif; + font-family: $font; text-transform: uppercase; letter-spacing: 2px; font-size: .65rem; @@ -68,7 +68,7 @@ TABLE OF CONTENTS //Title .subscribe-title { padding: 10px 0; - font-family: 'Open Sans', sans-serif; + font-family: $font; text-transform: uppercase; letter-spacing: 2px; font-size: .55rem; @@ -115,7 +115,7 @@ TABLE OF CONTENTS height: 40px; padding: 0 26px; text-transform: uppercase; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-weight: 500; border-radius: 100px; cursor: pointer; @@ -143,7 +143,7 @@ TABLE OF CONTENTS a { position: relative; text-transform: uppercase; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-weight: 500; font-size: .8rem; color: $white; @@ -191,7 +191,7 @@ TABLE OF CONTENTS .k-copyright { position: relative; color: $primary; - font-family: 'Open Sans', sans-serif; + font-family: $font; font-size: .85rem; z-index: 2; } @@ -200,7 +200,7 @@ TABLE OF CONTENTS .coded-by { position: relative; color: $white; - font-family: 'Open Sans', sans-serif; + font-family: $font; font-size: .7rem; z-index: 2; diff --git a/src/styles/layout/_layout.scss b/src/styles/layout/_layout.scss index 2cfec02..83212cf 100644 --- a/src/styles/layout/_layout.scss +++ b/src/styles/layout/_layout.scss @@ -108,7 +108,7 @@ body { //brand text .brand-name { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: 1.2rem; font-weight: 600; padding: 0 10px; @@ -127,7 +127,7 @@ body { //Navbar items .navbar-item { a.button { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; text-transform: uppercase; &.hover { @@ -139,7 +139,7 @@ body { //Nav link modifier &.is-nav-link { a { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; text-transform: uppercase; font-size: .75rem; } @@ -337,7 +337,7 @@ body { .buy-title { padding: 20px 0; text-transform: uppercase; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: .8rem; color: $white; opacity: 0.7; @@ -396,7 +396,7 @@ body { //Titles .title { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; &.main-title { text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.1); @@ -405,7 +405,7 @@ body { //Subtitles .subtitle { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; opacity: 0.8; &.is-compact { @@ -522,14 +522,14 @@ body { } .share-title { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; text-transform: uppercase; color: rgba(94, 147, 255, 0.9); padding: 5px 0; } .percentage { - font-family: 'Open Sans', sans-serif; + font-family: $font; color: rgba(94, 147, 255, 0.9); } } @@ -556,7 +556,7 @@ body { .documentation-title { padding-bottom: 20px; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: 1.8rem; color: $white; } @@ -618,7 +618,7 @@ body { div { position: relative; text-align: right; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: .65rem; text-transform: uppercase; @@ -770,7 +770,7 @@ body { &.item-title { color: $white; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: 1.2rem; } @@ -793,7 +793,7 @@ body { a { transition: all .3s; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; &:hover { color: $light-blue; @@ -1002,7 +1002,7 @@ body { margin-bottom: 20px; .widget-title { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: 1.1rem; text-transform: uppercase; color: $light-blue; @@ -1019,7 +1019,7 @@ body { display: flex; justify-content: space-between; align-items: center; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: .95rem; color: $white; opacity: 0.6; @@ -1052,7 +1052,7 @@ body { margin-bottom: 20px; .widget-title { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: 1.1rem; text-transform: uppercase; color: $light-blue; @@ -1081,7 +1081,7 @@ body { margin-bottom: 20px; .widget-title { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: 1.1rem; text-transform: uppercase; color: $light-blue; @@ -1099,7 +1099,7 @@ body { .option { font-size: .9rem; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-weight: 300 !important; padding: 0 30px 0 10px; min-height: 40px; @@ -1173,7 +1173,7 @@ body { margin-bottom: 20px; .widget-title { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: 1.1rem; text-transform: uppercase; color: $light-blue; @@ -1188,7 +1188,7 @@ body { justify-content: flex-start; align-items: center; margin-bottom: 20px; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; img { height: 32px; @@ -1234,20 +1234,20 @@ body { .intro { font-style: italic; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; color: $white; opacity: 0.8; } h2 { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: 1.5rem; color: $white; padding: 10px 0; } p { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: .9rem; color: $white; padding-bottom: 20px; @@ -1298,12 +1298,12 @@ body { span { font-size: .9rem; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; color: $light-blue; } small { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: .8rem; color: $light-blue; opacity: 0.7; @@ -1312,7 +1312,7 @@ body { } p { - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-size: .9rem; color: $white; opacity: 0.7; diff --git a/src/styles/layout/_team.scss b/src/styles/layout/_team.scss index 98afd4d..86a28c1 100644 --- a/src/styles/layout/_team.scss +++ b/src/styles/layout/_team.scss @@ -117,7 +117,7 @@ TABLE OF CONTENTS //position in company .position { text-transform: uppercase; - font-family: 'Open Sans', sans-serif; + font-family: $font; font-size: .75rem; color: $primary; } @@ -149,7 +149,7 @@ TABLE OF CONTENTS .info { .position { text-transform: uppercase; - font-family: 'Open Sans', sans-serif; + font-family: $font; font-size: .75rem; color: $primary; } diff --git a/src/styles/layout/_timeline.scss b/src/styles/layout/_timeline.scss index 02de680..4e7c053 100644 --- a/src/styles/layout/_timeline.scss +++ b/src/styles/layout/_timeline.scss @@ -90,7 +90,7 @@ TABLE OF CONTENTS z-index: 2; text-align: center; font-size: .75rem; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; padding-bottom: 15px; //Fix for issue on Safari - text flickering while timeline translates @@ -284,7 +284,7 @@ TABLE OF CONTENTS .event-title { font-weight: 600; font-size: 1.2rem; - font-family: 'Cabin', sans-serif; + font-family: $font-heading; font-weight: 700; line-height: 1.2; } diff --git a/tsconfig.json b/tsconfig.json deleted file mode 100644 index 1a46b47..0000000 --- a/tsconfig.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "astro/tsconfigs/base" -} \ No newline at end of file