Skip to content

Commit a8c9e31

Browse files
stafyniaksachastafyniaksacha
committed
feat: use variable fonts from fontsources
1 parent 0986fe8 commit a8c9e31

22 files changed

+118
-108
lines changed

‎astro.config.mjs

+1-16
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,4 @@
11
import { defineConfig } from 'astro/config';
2-
import Unfonts from 'unplugin-fonts/astro'
32

43
// https://astro.build/config
5-
export default defineConfig({
6-
integrations: [
7-
Unfonts({
8-
google: {
9-
families: [
10-
'Cabin',
11-
{
12-
name: 'Open Sans',
13-
styles: 'wght@300;400',
14-
},
15-
],
16-
},
17-
})
18-
]
19-
});
4+
export default defineConfig({});

‎package.json

+2
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,8 @@
3636
"simplebar": "6.2.5"
3737
},
3838
"devDependencies": {
39+
"@fontsource-variable/cabin": "^5.0.9",
40+
"@fontsource-variable/open-sans": "^5.0.13",
3941
"autoprefixer": "10.4.15",
4042
"npm-run-all": "4.1.5",
4143
"unplugin-fonts": "^1.0.3"

‎pnpm-lock.yaml

+14
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/components/Footer.astro

+1-1
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@
6565
</div>
6666
</div>
6767
<!-- Copyright -->
68-
<p class="k-copyright">© 2018-2021 | Krypton. All Rights Reserved</p>
68+
<p class="k-copyright">© 2018-2023 | Krypton. All Rights Reserved</p>
6969
<br />
7070
<!-- Made by -->
7171
<p class="coded-by">

‎src/components/Navbar.astro

+5-5
Original file line numberDiff line numberDiff line change
@@ -45,23 +45,23 @@
4545
<div class="navbar-end">
4646
<!-- Menu item -->
4747
<div class="navbar-item is-nav-link">
48-
<a class="is-centered-responsive" href="token">Token</a>
48+
<a class="is-centered-responsive" href="/token">Token</a>
4949
</div>
5050
<!-- Menu item -->
5151
<div class="navbar-item is-nav-link">
52-
<a class="is-centered-responsive" href="ico">Ico</a>
52+
<a class="is-centered-responsive" href="/ico">Ico</a>
5353
</div>
5454
<!-- Menu item -->
5555
<div class="navbar-item is-nav-link">
56-
<a class="is-centered-responsive" href="roadmap">Roadmap</a>
56+
<a class="is-centered-responsive" href="/roadmap">Roadmap</a>
5757
</div>
5858
<!-- Menu item -->
5959
<div class="navbar-item is-nav-link">
60-
<a class="is-centered-responsive" href="blog">Media</a>
60+
<a class="is-centered-responsive" href="/blog">Media</a>
6161
</div>
6262
<!-- Menu item -->
6363
<div class="navbar-item is-nav-link">
64-
<a class="is-centered-responsive" href="#" target="_blank">
64+
<a class="is-centered-responsive" href="#">
6565
<img class="telegram" src="/img/logo/telegram.svg" alt="" />
6666
Telegram
6767
</a>

‎src/components/NavbarClone.astro

+4-4
Original file line numberDiff line numberDiff line change
@@ -47,19 +47,19 @@
4747
<div class="navbar-end">
4848
<!-- Menu item -->
4949
<div class="navbar-item is-nav-link">
50-
<a class="is-centered-responsive" href="token">Token</a>
50+
<a class="is-centered-responsive" href="/token">Token</a>
5151
</div>
5252
<!-- Menu item -->
5353
<div class="navbar-item is-nav-link">
54-
<a class="is-centered-responsive" href="ico">Ico</a>
54+
<a class="is-centered-responsive" href="/ico">Ico</a>
5555
</div>
5656
<!-- Menu item -->
5757
<div class="navbar-item is-nav-link">
58-
<a class="is-centered-responsive" href="roadmap">Roadmap</a>
58+
<a class="is-centered-responsive" href="/roadmap">Roadmap</a>
5959
</div>
6060
<!-- Menu item -->
6161
<div class="navbar-item is-nav-link">
62-
<a class="is-centered-responsive" href="blog">Media</a>
62+
<a class="is-centered-responsive" href="/blog">Media</a>
6363
</div>
6464
<!-- Menu item -->
6565
<div class="navbar-item is-nav-link">

‎src/js/libs/components/tabs/tabs.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export function initTabs() {
88

99
setupCountdown() {
1010
// Set the date we're counting down to
11-
var countDownDate = new Date("Oct 24, 2021 07:00:00").getTime();
11+
var countDownDate = new Date().getTime() + (1000 * 60 * 60 * 24 * 7); // 7 days from now
1212

1313
// Update the count down every 1 second
1414
var x = setInterval(function () {

‎src/layouts/Default.astro

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
11
---
22
import { ViewTransitions } from 'astro:transitions';
3-
import Unfont from 'unplugin-fonts/astro/component.astro';
43
import Footer from '../components/Footer.astro'
54
import BackToTop from '../components/BackToTop.astro'
5+
6+
import '@fontsource-variable/cabin/index.css';
7+
import '@fontsource-variable/open-sans/index.css';
8+
69
import 'simplebar/dist/simplebar.min.css'
710
import '../styles/main.scss'
811
const {title} = Astro.props
@@ -12,7 +15,6 @@ const {title} = Astro.props
1215
<html dir="ltr" lang="en">
1316
<head>
1417
<meta charset="UTF-8" />
15-
<Unfont />
1618
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
1719
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
1820
<title>Krypton {'- ' + title}</title>

‎src/layouts/Minimal.astro

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
11
---
22
import { ViewTransitions } from 'astro:transitions';
3-
import Unfont from 'unplugin-fonts/astro/component.astro';
43
import BackToTop from '../components/BackToTop.astro'
4+
5+
import '@fontsource-variable/cabin/index.css';
6+
import '@fontsource-variable/open-sans/index.css';
7+
58
import 'simplebar/dist/simplebar.min.css'
69
import 'plyr/dist/plyr.css'
710
import '../styles/main.scss'
@@ -12,7 +15,6 @@ const {title} = Astro.props
1215
<html dir="ltr" lang="en">
1316
<head>
1417
<meta charset="UTF-8" />
15-
<Unfont />
1618
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
1719
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
1820
<title>Krypton {'- ' + title}</title>

‎src/pages/blog.astro

+5-5
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ const title = "Blog";
5151
<div class="content-wrapper">
5252
<!-- Post -->
5353
<div class="blog-post">
54-
<a href="blog-single">
54+
<a href="/blog-single">
5555
<!-- Featured image -->
5656
<div class="featured-image">
5757
<img src="/img/media/post4.svg" alt="" />
@@ -95,7 +95,7 @@ const title = "Blog";
9595

9696
<!-- Post -->
9797
<div class="blog-post">
98-
<a href="blog-single">
98+
<a href="/blog-single">
9999
<!-- Featured image -->
100100
<div class="featured-image">
101101
<img src="/img/media/post1.svg" alt="" />
@@ -139,7 +139,7 @@ const title = "Blog";
139139

140140
<!-- Post -->
141141
<div class="blog-post">
142-
<a href="blog-single">
142+
<a href="/blog-single">
143143
<!-- Featured image -->
144144
<div class="featured-image">
145145
<img src="/img/media/post5.svg" alt="" />
@@ -183,7 +183,7 @@ const title = "Blog";
183183

184184
<!-- Post -->
185185
<div class="blog-post">
186-
<a href="blog-single">
186+
<a href="/blog-single">
187187
<!-- Featured image -->
188188
<div class="featured-image">
189189
<img src="/img/media/post2.svg" alt="" />
@@ -227,7 +227,7 @@ const title = "Blog";
227227

228228
<!-- Post -->
229229
<div class="blog-post">
230-
<a href="blog-single">
230+
<a href="/blog-single">
231231
<!-- Featured image -->
232232
<div class="featured-image">
233233
<img src="/img/media/post3.svg" alt="" />

‎src/pages/index.astro

+8-8
Original file line numberDiff line numberDiff line change
@@ -373,9 +373,9 @@ const title = "Home";
373373
:class="{
374374
'is-active': activeTab === 'tab-1',
375375
'': activeTab != 'tab-1'
376-
}"
376+
}"
377377
>
378-
<a href="javascript:void(0);">ICO</a>
378+
<a href="#">ICO</a>
379379
</div>
380380
<div
381381
@click="switchTabs($event)"
@@ -386,7 +386,7 @@ const title = "Home";
386386
'': activeTab != 'tab-2'
387387
}"
388388
>
389-
<a href="javascript:void(0);">TOKEN</a>
389+
<a href="#">TOKEN</a>
390390
</div>
391391
<div
392392
@click="switchTabs($event)"
@@ -397,7 +397,7 @@ const title = "Home";
397397
'': activeTab != 'tab-3'
398398
}"
399399
>
400-
<a href="javascript:void(0);">PROFIT</a>
400+
<a href="#">PROFIT</a>
401401
</div>
402402
<div
403403
@click="switchTabs($event)"
@@ -408,7 +408,7 @@ const title = "Home";
408408
'': activeTab != 'tab-4'
409409
}"
410410
>
411-
<a href="javascript:void(0);">BOUNTY</a>
411+
<a href="#">BOUNTY</a>
412412
</div>
413413
<div class="slider"></div>
414414
</div>
@@ -438,21 +438,21 @@ const title = "Home";
438438
<span>Presale</span>
439439
<br />
440440
<span class="item-content"
441-
>Presale starts on Apr 8 2021 (9:00am GMT)</span
441+
>Presale starts on Apr 8 2023 (9:00am GMT)</span
442442
>
443443
</li>
444444
<li class="animated preFadeInUp fadeInUp">
445445
<span>Sale</span>
446446
<br />
447447
<span class="item-content"
448-
>Token sales starts on Jun 8 2021 (12:00am GMT)</span
448+
>Token sales starts on Jun 8 2023 (12:00am GMT)</span
449449
>
450450
</li>
451451
<li class="animated preFadeInUp fadeInUp">
452452
<span>Bonus</span>
453453
<br />
454454
<span class="item-content"
455-
>Bonus starts on July 29 2021 (12:00am GMT)</span
455+
>Bonus starts on July 29 2023 (12:00am GMT)</span
456456
>
457457
</li>
458458
</ul>

‎src/pages/roadmap.astro

+1-1
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const title = "Roadmap";
2424
<img src="/img/illustrations/world.svg" />
2525
</div>
2626
<h1 class="title is-2 is-light is-semibold is-spaced main-title">
27-
2021 Roadmap
27+
2023 Roadmap
2828
</h1>
2929
<h2 class="subtitle is-5 is-light is-thin">
3030
Cryptocurrency brought to the next level. Join our ICO for

‎src/pages/token.astro

+5-5
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ const title = "Token";
3333
<!-- CTA -->
3434
<p>
3535
<a
36-
href="start"
36+
href="/#start"
3737
class="button k-button k-primary raised has-gradient is-fat is-bold"
3838
>
3939
<span class="text">More details</span>
@@ -152,7 +152,7 @@ const title = "Token";
152152
<div class="document-block has-text-centered">
153153
<img src="/img/icons/whitepaper.svg" />
154154
<a
155-
href="start"
155+
href="/#start"
156156
class="button k-button k-primary raised has-gradient is-bold"
157157
>
158158
<span class="text">Whitepaper</span>
@@ -165,7 +165,7 @@ const title = "Token";
165165
<div class="document-block has-text-centered">
166166
<img src="/img/icons/techpaper.svg" />
167167
<a
168-
href="start"
168+
href="/#start"
169169
class="button k-button k-primary raised has-gradient is-bold"
170170
>
171171
<span class="text">Techpaper</span>
@@ -178,7 +178,7 @@ const title = "Token";
178178
<div class="document-block has-text-centered">
179179
<img src="/img/icons/livechat.svg" />
180180
<a
181-
href="start"
181+
href="/#start"
182182
class="button k-button k-secondary raised has-gradient is-bold"
183183
>
184184
<span class="text">Live Chat</span>
@@ -271,7 +271,7 @@ const title = "Token";
271271
<!-- CTA -->
272272
<div class="cta-wrapper has-text-centered">
273273
<a
274-
href="start"
274+
href="/#start"
275275
class="button k-button k-primary raised has-gradient is-fat is-bold"
276276
>
277277
<span class="text">Join the ICO</span>

‎src/styles/abstracts/_theme-default.scss

+14-6
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,15 @@ Default theme variables
77
/***
88
TABLE OF CONTENTS
99
=============================================================================
10-
0. Variables
11-
1. Shadow variables
12-
2. Gradient mixins
10+
0. Colors Variables
11+
1. Fonts Variables
12+
2. Shadow variables
13+
3. Gradient mixins
1314
=============================================================================
1415
***/
1516

1617
/* ==========================================================================
17-
0. Color Variables
18+
0. Colors Variables
1819
========================================================================== */
1920

2021
$fullhd-enabled: false;
@@ -25,7 +26,14 @@ $secondary: #00ff99;
2526
$secondary-accent: #33ccff;
2627

2728
/* ==========================================================================
28-
1. Shadow variables
29+
1. Fonts Variables
30+
========================================================================== */
31+
32+
$font: 'Open Sans Variable', sans-serif;
33+
$font-heading: 'Cabin Variable', sans-serif;
34+
35+
/* ==========================================================================
36+
2. Shadow variables
2937
========================================================================== */
3038

3139
//Base shadow
@@ -54,7 +62,7 @@ $secondary-box-shadow: 0 14px 26px -12px $secondary-shadow-from, 0 4px 23px 0px
5462
}
5563

5664
/* ==========================================================================
57-
2. Gradient mixins
65+
3. Gradient mixins
5866
========================================================================== */
5967

6068
@mixin theme-hero-gradient {

0 commit comments

Comments
 (0)