mirror of
https://github.com/Start9Labs/start9.com.git
synced 2026-03-26 10:21:54 +00:00
subtle animations; css tweaks; added monsterrat;
This commit is contained in:
Spencer Flagg
@@ -1 +1 @@
|
||||
[{"ff7bff157a8a33917f958b9cab3878":"1"},{"cachedAt":1663148524558,"type":"2"},"json"]
|
||||
[{"ff7bff157a8a33917f958b9cab3878":"1"},{"cachedAt":1663441105837,"type":"2"},"json"]
|
||||
@@ -17,7 +17,7 @@
|
||||
"url": "https://start9.com/latest/contribute/index",
|
||||
"target": "",
|
||||
"order": 1,
|
||||
"class": ""
|
||||
"class": "hide-on-mobile"
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -124,6 +124,14 @@
|
||||
"order": 0,
|
||||
"class": ""
|
||||
},
|
||||
{
|
||||
"name": "FAQ",
|
||||
"slug": "faq",
|
||||
"url": "https://start9.com/latest/support/faq/",
|
||||
"target": "",
|
||||
"order": 0,
|
||||
"class": ""
|
||||
},
|
||||
{
|
||||
"name": "Docs",
|
||||
"slug": "docs",
|
||||
|
||||
@@ -86,7 +86,7 @@
|
||||
"name": "Lightning Terminal",
|
||||
"slug": "lightning-terminal",
|
||||
"description": "",
|
||||
"categories": ["lightning", "plebnet-tools"],
|
||||
"categories": ["lightning"],
|
||||
"pseudoservices": []
|
||||
},
|
||||
{
|
||||
@@ -135,7 +135,7 @@
|
||||
"name": "Thunderhub",
|
||||
"slug": "thunderhub",
|
||||
"description": "",
|
||||
"categories": ["bitcoin", "lightning"],
|
||||
"categories": ["bitcoin"],
|
||||
"pseudoservices": ["paypal","coinbase"]
|
||||
}
|
||||
]
|
||||
@@ -1,5 +1,6 @@
|
||||
<header>
|
||||
<nav>
|
||||
<a class="header__logo" href="/"><img src="../assets/images/start9_logo.png" alt=""></a>
|
||||
<ul>
|
||||
{% for group in menu|selectattr("inHeader") %}
|
||||
{% for item in group.items %}
|
||||
|
||||
@@ -4,27 +4,27 @@
|
||||
<h1>Become Bitcoin</h1>
|
||||
<p>
|
||||
<em>Don't trust, verify.</em>
|
||||
<br>Run a full Bitcoin node to verify transactions and enforce the consensus rules you choose.</p>
|
||||
<a class="btn" href="">why host a bitcoin node?</a>
|
||||
</div>
|
||||
<div class="subsection">
|
||||
<h1>Become Lightning</h1>
|
||||
<p>
|
||||
<em>Not your keys, not your coins.</em>
|
||||
<br>Run a Lightning node to take full control and custody over your Bitcoin on Lightning.</p>
|
||||
<a class="btn" href="">why host a lightning node?</a>
|
||||
</div>
|
||||
<div id="flying-icons">
|
||||
{% for service in services %}
|
||||
{% for category in service.categories %}
|
||||
{% if (category == "bitcoin") or (category == "lightning") or (category == "plebnet-tools") %}
|
||||
<img
|
||||
class="service-icon service-icon--{{ service.slug }}"
|
||||
src="../assets/images/service-icons/{{ service.slug }}.png"
|
||||
alt="">
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% include "components/svg/grid_blend_bottom.svg" %}
|
||||
</section>
|
||||
<br/>Run a full Bitcoin node to verify transactions and enforce the consensus rules you choose.</p>
|
||||
<a class="btn btn--subtle" target="_blank" href="https://bitcoinmagazine.com/culture/six-reasons-you-should-run-bitcoin-node">why host a bitcoin node?</a>
|
||||
</div>
|
||||
<div class="subsection">
|
||||
<h1>Become Lightning</h1>
|
||||
<p>
|
||||
<em>Not your keys, not your coins.</em>
|
||||
<br/>Run a Lightning node to take full control and custody over your Bitcoin on Lightning.</p>
|
||||
<a class="btn btn--subtle" target="_blank" href="">why host a lightning node?</a>
|
||||
</div>
|
||||
<div id="flying-icons">
|
||||
{% for service in services %}
|
||||
{% for category in service.categories %}
|
||||
{% if (category == "bitcoin") or (category == "lightning") or (category == "plebnet-tools") %}
|
||||
<img
|
||||
class="service-icon service-icon--{{ service.slug }}"
|
||||
src="../assets/images/service-icons/{{ service.slug }}.png"
|
||||
alt=""/>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% include "components/svg/grid_blend_bottom.svg" %}
|
||||
</section>
|
||||
@@ -1,5 +1,5 @@
|
||||
<section id="dev">
|
||||
<h1>Package a service</h1>
|
||||
<h1>Package a <em>service</em></h1>
|
||||
<div class="cols">
|
||||
<div class="col">
|
||||
<div class="wrapper">
|
||||
|
||||
@@ -1,14 +1,34 @@
|
||||
<section id="infographics">
|
||||
<div class="subsection">
|
||||
<h1>The problem is <em>trust</em></h1>
|
||||
<p><em>Whoever controls your data, controls you.</em> App companies can see your pictures, read your documents, listen to your conversations, track your location, sell your private information, permanently delete your data, or cut you off at any time. Even if the companies behind these apps are not malicious, they are prime targets for hackers and are vulnerable to political winds.</p>
|
||||
<div class="subsection section--subtle">
|
||||
<h1>The problem is
|
||||
<em>trust</em>
|
||||
</h1>
|
||||
<p>
|
||||
<em>Whoever controls your data, controls you.</em>
|
||||
App companies can see your pictures, read your documents, listen to your conversations, track your location, sell your
|
||||
private information, permanently delete your data, or cut you off at any time. Even if the companies behind these apps
|
||||
are not malicious, they are prime targets for hackers and are vulnerable to political winds.</p>
|
||||
{# <div class="image-with-shadow">
|
||||
{% include "components/svg/big-tech-network-diagram.svg" %}
|
||||
<div class="img-shadow">{% include "components/svg/big-tech-network-diagram.svg" %}</div>
|
||||
</div> #}
|
||||
{% include "components/svg/big-tech-network-diagram.svg" %}
|
||||
</div>
|
||||
<div class="subsection inverse">
|
||||
<h1>Take back <em>control</em></h1>
|
||||
<p>The only way to be free is to cut out the middle men and take control of your data by running a personal server.
|
||||
<br><br>
|
||||
In the past, running a server was only possible for highly technical people or those who could afford to hire them; namely software developers, corporations, wealthy individuals, and politicians. <em>Start9 levels the playing field</em> by making it possible for the rest of us.</p>
|
||||
{% include "components/svg/embassyos-network-diagram.svg" %}
|
||||
</div>
|
||||
</section>
|
||||
<div class="subsection section--bold">
|
||||
<h1>Take back
|
||||
<em>control</em>
|
||||
</h1>
|
||||
<p>The only way to be free is to cut out the middle men and take control of your data by running a personal server.
|
||||
<br>
|
||||
<br>
|
||||
In the past, running a server was only possible for highly technical people or those who could afford to hire them;
|
||||
namely software developers, corporations, wealthy individuals, and politicians.
|
||||
<em>Start9 levels the playing field</em>
|
||||
by making it possible for the rest of us.</p>
|
||||
{# <div class="image-with-shadow">
|
||||
{% include "components/svg/embassyos-network-diagram.svg" %}
|
||||
<div class="img-shadow">{% include "components/svg/embassyos-network-diagram.svg" %}</div>
|
||||
</div> #}
|
||||
{% include "components/svg/embassyos-network-diagram.svg" %}
|
||||
</div>
|
||||
</section>
|
||||
@@ -9,6 +9,14 @@
|
||||
EmbassyOS (EOS) is a browser-based, graphical operating system for a personal server, designed to turn anyone into a
|
||||
system’s administrator capable of managing their own server.
|
||||
</p>
|
||||
{% include "components/svg/stack.svg" %}
|
||||
<a href=""><img src="" alt="">check out the <span>source code</span></a>
|
||||
<div class="image-with-shadow">
|
||||
{% include "components/svg/stack.svg" %}
|
||||
<div class="img-shadow">{% include "components/svg/stack.svg" %}</div>
|
||||
</div>
|
||||
<a class="source-link" href="https://github.com/Start9Labs" target="_blank">
|
||||
<div class="image-with-shadow">
|
||||
<img src="../assets/images/code1.png" alt=""/>
|
||||
<img class="img-shadow" src="../assets/images/code1.png" alt=""/>
|
||||
</div>
|
||||
check out the <span>source code</span></a>
|
||||
</section>
|
||||
@@ -1,4 +1,4 @@
|
||||
<section id="support" style="background-color: black;">
|
||||
<section id="support" class="section--subtle">
|
||||
<h1>get
|
||||
<em>help</em>
|
||||
</h1>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<svg viewBox="0 0 28 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.8706 18.957H0.370605V15.957H13.8706V18.957ZM27.3706 11.457H0.370605V8.45703H27.3706V11.457ZM27.3706 3.95703H13.8706V0.957031H27.3706V3.95703Z" fill="white"/>
|
||||
<path d="M13.8706 18.957H0.370605V15.957H13.8706V18.957ZM27.3706 11.457H0.370605V8.45703H27.3706V11.457ZM27.3706 3.95703H13.8706V0.957031H27.3706V3.95703Z" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 251 B After Width: | Height: | Size: 239 B |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
Normal file
BIN
src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
Normal file
Binary file not shown.
93
src/assets/fonts/montserrat/v25/OFL.txt
Normal file
93
src/assets/fonts/montserrat/v25/OFL.txt
Normal file
@@ -0,0 +1,93 @@
|
||||
Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at:
|
||||
http://scripts.sil.org/OFL
|
||||
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 9.1 KiB |
BIN
src/assets/images/service-icons/bitcoind.png~
Normal file
BIN
src/assets/images/service-icons/bitcoind.png~
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 23 KiB |
BIN
src/assets/images/service-icons/specter.png~
Normal file
BIN
src/assets/images/service-icons/specter.png~
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
@@ -34,6 +34,10 @@ const bitcoinServices = [
|
||||
"thunderhub",
|
||||
];
|
||||
|
||||
//const defaultActions = "restart none none reverse";
|
||||
const defaultActions = "play none none none"; //onEnter, onLeave, onEnterBack, and onLeaveBack
|
||||
// "play", "pause", "resume", "reset", "restart", "complete", "reverse", and "none".
|
||||
|
||||
//////////////////////////////////////////
|
||||
// AUTO APPLY URL ANCHORS
|
||||
|
||||
@@ -89,12 +93,20 @@ function closeMenu(e) {
|
||||
// HERO
|
||||
|
||||
gsap.from("#hero-image", {
|
||||
duration: 0.5,
|
||||
y: "-10rem",
|
||||
duration: 1,
|
||||
//y: "-10rem",
|
||||
scale: 0.95,
|
||||
opacity: 0,
|
||||
filter: "blur(10px)",
|
||||
delay: 0.5,
|
||||
});
|
||||
gsap.from("#logo", { duration: 0.5, y: "-5rem", opacity: 0, delay: 0.75 });
|
||||
gsap.from("#logo", {
|
||||
duration: 0.5,
|
||||
y: "-5rem",
|
||||
opacity: 0,
|
||||
delay: 1.25,
|
||||
//ease: "in-out"
|
||||
});
|
||||
//gsap.config({trialWarn: false});
|
||||
|
||||
// create the smooth scroller FIRST!
|
||||
@@ -108,6 +120,10 @@ gsap.from("#logo", { duration: 0.5, y: "-5rem", opacity: 0, delay: 0.75 });
|
||||
// backdrop-filter: blur(10px);
|
||||
//background-color: rgba(0,0,0,0.1);
|
||||
|
||||
|
||||
//////////////////////////////////////////
|
||||
// HEADER
|
||||
|
||||
gsap.to("header", {
|
||||
duration: 0.5,
|
||||
backgroundColor: "rgba(0,0,0,0.1)",
|
||||
@@ -120,23 +136,18 @@ gsap.to("header", {
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// PITCH
|
||||
|
||||
gsap.from("#pitch h1", {
|
||||
gsap.to(".header__logo", {
|
||||
duration: 0.5,
|
||||
y: "5rem",
|
||||
scale: 0.8,
|
||||
opacity: 0,
|
||||
delay: 0.75,
|
||||
scrollTrigger: "#pitch h1",
|
||||
opacity: "1",
|
||||
filter: "blur(0px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#hero-image",
|
||||
scrub: true,
|
||||
start: "center top", // "triggerElement page"
|
||||
end: "bottom top", // "triggerElement page"
|
||||
},
|
||||
});
|
||||
|
||||
// gsap.from("#xyz", {
|
||||
// duration: 1, drawSVG: "false",
|
||||
// scrollTrigger: '#xyz'
|
||||
// })
|
||||
|
||||
gsap.from("#hero-to-pitch path:first-child", {
|
||||
drawSVG: 0,
|
||||
ease: "none",
|
||||
@@ -145,6 +156,51 @@ gsap.from("#hero-to-pitch path:first-child", {
|
||||
scrub: true,
|
||||
start: "top center", // "triggerElement page"
|
||||
end: "bottom center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// PITCH
|
||||
|
||||
gsap.from("#pitch", {
|
||||
duration: 0.5,
|
||||
y: "5rem",
|
||||
scale: 0.9,
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
scrollTrigger: {
|
||||
trigger: "#pitch",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// PRODUCTS
|
||||
|
||||
gsap.from("#products .subsection:nth-child(1)", {
|
||||
duration: 0.5,
|
||||
opacity: 0,
|
||||
outline: "1px solid rgba(255,255,255,1)",
|
||||
//filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#products",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#products .subsection:nth-child(2)", {
|
||||
duration: 0.5,
|
||||
delay: 0.25,
|
||||
opacity: 0,
|
||||
outline: "1px solid rgba(255,255,255,1)",
|
||||
//filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#products",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
@@ -181,8 +237,70 @@ gsap.from("#products-to-info path:nth-child(3)", {
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// INFOGRAPHICS
|
||||
|
||||
gsap.from("#infographics .subsection:nth-child(1)", {
|
||||
duration: 0.5,
|
||||
//y: "5rem",
|
||||
//scale: 0.8,
|
||||
//rotateX: 15,
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
outline: "1px solid rgba(255,255,255,1)",
|
||||
//filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#infographics .subsection:nth-child(1)",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#infographics .subsection:nth-child(2)", {
|
||||
duration: 0.5,
|
||||
//y: "5rem",
|
||||
//scale: 0.8,
|
||||
//rotateX: 15,
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
outline: "1px solid rgba(255,255,255,1)",
|
||||
//filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#infographics .subsection:nth-child(2)",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// BITCOIN
|
||||
|
||||
gsap.from("#bitcoin .subsection:nth-of-type(1)", {
|
||||
duration: 1,
|
||||
opacity: 0,
|
||||
//outline: "1px solid rgba(255,255,255,1)",
|
||||
filter: "blur(10px)",
|
||||
y: "5rem",
|
||||
scrollTrigger: {
|
||||
trigger: "#bitcoin .subsection:nth-of-type(1)",
|
||||
start: "top bottom", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#bitcoin .subsection:nth-of-type(2)", {
|
||||
duration: 1,
|
||||
opacity: 0,
|
||||
//outline: "1px solid rgba(255,255,255,1)",
|
||||
filter: "blur(10px)",
|
||||
y: "-5rem",
|
||||
scrollTrigger: {
|
||||
trigger: "#bitcoin .subsection:nth-of-type(2)",
|
||||
start: "top bottom", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
function getRandomInt(min, max) {
|
||||
min = Math.ceil(min);
|
||||
max = Math.floor(max);
|
||||
@@ -240,19 +358,59 @@ bitcoinServices.forEach((service) => {
|
||||
}
|
||||
});
|
||||
|
||||
gsap.from("#bitcoin-to-be path", {
|
||||
gsap.from("#bitcoin-to-be path:first-child", {
|
||||
drawSVG: 0,
|
||||
ease: "none",
|
||||
scrollTrigger: {
|
||||
trigger: "#bitcoin-to-be path",
|
||||
trigger: "#bitcoin-to-be",
|
||||
scrub: true,
|
||||
start: "top center",
|
||||
end: "bottom center",
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// BE YOUR OWN
|
||||
|
||||
gsap.from("#be-your-own h1", {
|
||||
duration: 0.5,
|
||||
y: "5rem",
|
||||
//scale: 0.8,
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
scrollTrigger: {
|
||||
trigger: "#be-your-own",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
gsap.from("#be-your-own p", {
|
||||
duration: .5,
|
||||
y: "5rem",
|
||||
filter: "blur(10px)",
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
scrollTrigger: {
|
||||
trigger: "#be-your-own h1",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#be-your-own #ticker", {
|
||||
duration: 1.5,
|
||||
filter: "blur(20px)",
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
scrollTrigger: {
|
||||
trigger: "#be-your-own #ticker",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
let pseudoserviceArray = gsap.utils.toArray(".pseudoservice"),
|
||||
next = 3, // time to change
|
||||
itemHeight = document
|
||||
@@ -275,6 +433,7 @@ function crossfade() {
|
||||
var action = gsap
|
||||
.timeline()
|
||||
.to(pseudoserviceArray, {
|
||||
id: "thunk",
|
||||
y: "-=" + itemHeight,
|
||||
duration: 1,
|
||||
ease: kerplunk2,
|
||||
@@ -306,6 +465,14 @@ function crossfade() {
|
||||
// start the crossfade after next = 3 sec
|
||||
gsap.delayedCall(next, crossfade);
|
||||
|
||||
document.querySelector(".services").addEventListener("mouseenter", pauseThunk);
|
||||
// TODO: pause not working - Id not found
|
||||
function pauseThunk () {
|
||||
console.log('asfd')
|
||||
gsap.getById("thunk").kill();
|
||||
}
|
||||
|
||||
|
||||
// CAROUSEL
|
||||
|
||||
var slideDelay = 1.5;
|
||||
@@ -353,10 +520,10 @@ nextButton.addEventListener("click", function () {
|
||||
animateSlides(-1);
|
||||
});
|
||||
|
||||
function updateDraggable() {
|
||||
slideAnimation.kill();
|
||||
this.update();
|
||||
}
|
||||
// function updateDraggable() {
|
||||
// slideAnimation.kill();
|
||||
// this.update();
|
||||
// }
|
||||
|
||||
function animateSlides(direction) {
|
||||
slideAnimation.kill();
|
||||
@@ -396,19 +563,6 @@ function resize() {
|
||||
slideAnimation.progress(1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
gsap.from("#bitcoin-to-be path", {
|
||||
drawSVG: 0,
|
||||
ease: "none",
|
||||
scrollTrigger: {
|
||||
trigger: "#bitcoin-to-be path",
|
||||
scrub: true,
|
||||
start: "top center",
|
||||
end: "bottom center",
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#be-to-powered path", {
|
||||
drawSVG: 0,
|
||||
ease: "none",
|
||||
@@ -420,6 +574,49 @@ gsap.from("#be-to-powered path", {
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// POWERED
|
||||
|
||||
gsap.from("#powered-by h1", {
|
||||
duration: 0.5,
|
||||
y: "-5rem",
|
||||
//scale: 0.8,
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
scrollTrigger: {
|
||||
trigger: "#powered-by h1",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
gsap.from("#powered-by p", {
|
||||
duration: .5,
|
||||
//y: "-10rem",
|
||||
filter: "blur(10px)",
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
scrollTrigger: {
|
||||
trigger: "#powered-by h1",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#powered-by svg", {
|
||||
duration: 1,
|
||||
//y: "-10rem",
|
||||
filter: "blur(20px)",
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
scrollTrigger: {
|
||||
trigger: "#powered-by svg",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#powered-to-support path", {
|
||||
drawSVG: 0,
|
||||
ease: "none",
|
||||
@@ -431,6 +628,25 @@ gsap.from("#powered-to-support path", {
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// SUPPORT
|
||||
|
||||
gsap.from("#support", {
|
||||
duration: 0.5,
|
||||
//y: "5rem",
|
||||
//scale: 0.8,
|
||||
//rotateX: 15,
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
outline: "1px solid rgba(255,255,255,1)",
|
||||
//filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#support",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#support-to-dev path", {
|
||||
drawSVG: 0,
|
||||
ease: "none",
|
||||
@@ -442,6 +658,57 @@ gsap.from("#support-to-dev path", {
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// DEV
|
||||
|
||||
gsap.from("#dev", {
|
||||
duration: 0.5,
|
||||
//y: "5rem",
|
||||
scale: 0.8,
|
||||
//rotateX: 15,
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
//outline: "1px solid rgba(255,255,255,1)",
|
||||
filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#dev",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#dev .col:nth-child(1)", {
|
||||
duration: 0.5,
|
||||
x: "5rem",
|
||||
//scale: 0.8,
|
||||
//rotateX: 15,
|
||||
opacity: 0,
|
||||
delay: 0.5,
|
||||
//outline: "1px solid rgba(255,255,255,1)",
|
||||
filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#dev",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#dev .col:nth-child(2)", {
|
||||
duration: 0.5,
|
||||
x: "-5rem",
|
||||
scale: 0.5,
|
||||
//rotateX: 15,
|
||||
opacity: 0,
|
||||
delay: .75,
|
||||
//outline: "1px solid rgba(255,255,255,1)",
|
||||
filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#dev",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
gsap.from("#dev-to-contact path", {
|
||||
drawSVG: 0,
|
||||
ease: "none",
|
||||
@@ -453,7 +720,24 @@ gsap.from("#dev-to-contact path", {
|
||||
},
|
||||
});
|
||||
|
||||
//////////////////////////////////////////
|
||||
// CONTACT
|
||||
|
||||
gsap.from("#community", {
|
||||
duration: 0.5,
|
||||
//y: "5rem",
|
||||
scale: 0.8,
|
||||
//rotateX: 15,
|
||||
opacity: 0,
|
||||
//delay: 0.75,
|
||||
//outline: "1px solid rgba(255,255,255,1)",
|
||||
filter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#community",
|
||||
start: "top center", // "triggerElement page"
|
||||
toggleActions: defaultActions
|
||||
},
|
||||
});
|
||||
|
||||
//Librarys
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
align-items: center;
|
||||
gap: 6rem;
|
||||
//margin: 0 0 6rem 0;
|
||||
padding: 0 6rem 6rem 6rem;
|
||||
padding: 0 6rem 0 6rem;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
|
||||
@@ -67,6 +67,7 @@
|
||||
}
|
||||
|
||||
.services{
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: calc(3 * var(--line));
|
||||
background-color: #353535;
|
||||
|
||||
@@ -61,10 +61,13 @@ section#bitcoin {
|
||||
}
|
||||
|
||||
.subsection:first-of-type {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
place-self: flex-start;
|
||||
margin-bottom: 6rem;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.subsection:last-of-type {
|
||||
.subsection:nth-of-type(2) {
|
||||
place-self: flex-end;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -75,13 +78,6 @@ section#bitcoin {
|
||||
}
|
||||
}
|
||||
|
||||
a.btn {
|
||||
background-color: var(--c-1);
|
||||
color: var(--c-6);
|
||||
border-color: var(--c-6);
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
#flying-icons{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -89,6 +85,7 @@ section#bitcoin {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.service-icon {
|
||||
@@ -101,62 +98,69 @@ section#bitcoin {
|
||||
mix-blend-mode: soft-light;
|
||||
box-shadow: 0 37px 50px rgb(0 0 0 / 20%);
|
||||
|
||||
&.service-icon--spectre {
|
||||
background-color: var(--c-1);
|
||||
}
|
||||
|
||||
&.service-icon--electrs {
|
||||
background-color: var(--c-1);
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
&.service-icon--balanceofsatoshis {
|
||||
width: 5rem;
|
||||
z-index: -8;
|
||||
}
|
||||
&.service-icon--bitcoind {
|
||||
width: auto;
|
||||
width: 15rem;
|
||||
}
|
||||
&.service-icon--btc-rpc-proxy {
|
||||
width: 9rem;
|
||||
z-index: -4;
|
||||
}
|
||||
&.service-icon--btcpay-server {
|
||||
&.service-icon--btcpayserver {
|
||||
width: 6rem;
|
||||
z-index: -7;
|
||||
}
|
||||
&.service-icon--c-lightning {
|
||||
width: auto;
|
||||
width: 15rem;
|
||||
}
|
||||
&.service-icon--electrs {
|
||||
width: 7rem;
|
||||
width: 7rem;
|
||||
background-color: var(--c-1);
|
||||
padding: 1rem;
|
||||
z-index: -6;
|
||||
}
|
||||
&.service-icon--lightning-jet {
|
||||
width: 6rem;
|
||||
z-index: -7;
|
||||
}
|
||||
&.service-icon--lnd {
|
||||
width: 10rem;
|
||||
z-index: -3;
|
||||
}
|
||||
&.service-icon--lightning-terminal {
|
||||
width: 7rem;
|
||||
z-index: -6;
|
||||
}
|
||||
&.service-icon--lndg {
|
||||
width: 9rem;
|
||||
z-index: -4;
|
||||
}
|
||||
&.service-icon--mempool {
|
||||
width: 8rem;
|
||||
z-index: -5;
|
||||
}
|
||||
&.service-icon--ride-the-lightning {
|
||||
width: 8rem;
|
||||
z-index: -5;
|
||||
}
|
||||
&.service-icon--spark-wallet {
|
||||
width: 7rem;
|
||||
z-index: -6;
|
||||
}
|
||||
&.service-icon--specter {
|
||||
width: 5rem;
|
||||
z-index: -8;
|
||||
}
|
||||
&.service-icon--sphinx-relay {
|
||||
width: 6rem;
|
||||
z-index: -7;
|
||||
}
|
||||
&.service-icon--thunderhub {
|
||||
width: 5rem;
|
||||
z-index: -8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,8 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
min-height: calc(100vh - 2 * var(--section-padding));
|
||||
//min-height: calc(100vh - 2 * var(--section-padding));
|
||||
margin-bottom: 12rem;
|
||||
|
||||
input[type="email"] {
|
||||
width: 31ch;
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
//min-height: calc(100vh - 2 * var(--section-padding));
|
||||
padding: var(--section-padding) 6rem;
|
||||
padding: 0 6rem;
|
||||
h2{
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
|
||||
@@ -1,689 +1,2 @@
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 1500';
|
||||
src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 1600';
|
||||
src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 1800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 1700';
|
||||
src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 2800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 2600';
|
||||
src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 2700';
|
||||
src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 2500';
|
||||
src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 3600';
|
||||
src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 3500';
|
||||
src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 3700';
|
||||
src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 4600';
|
||||
src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 4500';
|
||||
src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 3800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 4700';
|
||||
src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 5600';
|
||||
src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 5500';
|
||||
src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 4800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 5700';
|
||||
src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 6600';
|
||||
src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 5800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 6500';
|
||||
src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 6700';
|
||||
src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 7600';
|
||||
src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 6800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 8700';
|
||||
src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 7700';
|
||||
src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 7800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 9800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 8800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'chonk';
|
||||
src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
|
||||
url('3602ChonkWeb-Regular.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'chonk';
|
||||
src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
|
||||
url('3602ChonkWeb-Regular.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Pro';
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
src: url('../fonts/BasisGrotesquePro-Light.eot');
|
||||
src: url('../fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesquePro-Light.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesquePro-Light.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype'),
|
||||
url('../fonts/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Pro';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('../fonts/BasisGrotesquePro-Regular.eot');
|
||||
src: url('../fonts/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesquePro-Regular.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype'),
|
||||
url('../fonts/BasisGrotesquePro-Regular.svg#BasisGrotesquePro-Regular') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Pro';
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
src: url('../fonts/BasisGrotesquePro-Bold.eot');
|
||||
src: url('../fonts/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesquePro-Bold.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesquePro-Bold.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype'),
|
||||
url('../fonts/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-It.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Italic'), local('../fonts/BasisGrotesqueMonoPro-It'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-It.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-It.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-It.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-It.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-LightIt.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Light Italic'), local('../fonts/BasisGrotesqueMonoPro-LightIt'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-LightIt.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-LightIt.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-LightIt.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-LightIt.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Medium Italic'), local('../fonts/BasisGrotesqueMonoPro-MediumIt'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-MediumIt.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-Bold.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Bold'), local('../fonts/BasisGrotesqueMonoPro-Bold'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Bold.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Bold.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Bold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Bold Italic'), local('../fonts/BasisGrotesqueMonoPro-BoldIt'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-BoldIt.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-Light.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Light'), local('../fonts/BasisGrotesqueMonoPro-Light'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Light.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Light.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Light.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Light.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-Medium.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Medium'), local('../fonts/BasisGrotesqueMonoPro-Medium'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Medium.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Medium.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Medium.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Medium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-Regular.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Regular'), local('../fonts/BasisGrotesqueMonoPro-Regular'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Regular.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Regular.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Regular.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@import 'fonts/montserrat';
|
||||
@import 'fonts/basis';
|
||||
149
src/assets/styles/fonts/basis.scss
Normal file
149
src/assets/styles/fonts/basis.scss
Normal file
@@ -0,0 +1,149 @@
|
||||
@font-face {
|
||||
font-family: 'chonk';
|
||||
src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
|
||||
url('3602ChonkWeb-Regular.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'chonk';
|
||||
src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
|
||||
url('3602ChonkWeb-Regular.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Pro';
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
src: url('../fonts/BasisGrotesquePro-Light.eot');
|
||||
src: url('../fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesquePro-Light.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesquePro-Light.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype'),
|
||||
url('../fonts/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Pro';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('../fonts/BasisGrotesquePro-Regular.eot');
|
||||
src: url('../fonts/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesquePro-Regular.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype'),
|
||||
url('../fonts/BasisGrotesquePro-Regular.svg#BasisGrotesquePro-Regular') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Pro';
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
src: url('../fonts/BasisGrotesquePro-Bold.eot');
|
||||
src: url('../fonts/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesquePro-Bold.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesquePro-Bold.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype'),
|
||||
url('../fonts/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-It.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Italic'), local('../fonts/BasisGrotesqueMonoPro-It'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-It.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-It.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-It.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-It.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-LightIt.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Light Italic'), local('../fonts/BasisGrotesqueMonoPro-LightIt'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-LightIt.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-LightIt.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-LightIt.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-LightIt.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Medium Italic'), local('../fonts/BasisGrotesqueMonoPro-MediumIt'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-MediumIt.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-Bold.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Bold'), local('../fonts/BasisGrotesqueMonoPro-Bold'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Bold.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Bold.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Bold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Bold Italic'), local('../fonts/BasisGrotesqueMonoPro-BoldIt'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-BoldIt.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-Light.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Light'), local('../fonts/BasisGrotesqueMonoPro-Light'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Light.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Light.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Light.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Light.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-Medium.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Medium'), local('../fonts/BasisGrotesqueMonoPro-Medium'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Medium.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Medium.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Medium.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Medium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Basis Grotesque Mono Pro';
|
||||
src: url('../fonts/BasisGrotesqueMonoPro-Regular.eot');
|
||||
src: local('../fonts/Basis Grotesque Mono Pro Regular'), local('../fonts/BasisGrotesqueMonoPro-Regular'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Regular.woff2') format('woff2'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Regular.woff') format('woff'),
|
||||
url('../fonts/BasisGrotesqueMonoPro-Regular.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
810
src/assets/styles/fonts/montserrat.scss
Normal file
810
src/assets/styles/fonts/montserrat.scss
Normal file
@@ -0,0 +1,810 @@
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
539
src/assets/styles/fonts/tusker.scss
Normal file
539
src/assets/styles/fonts/tusker.scss
Normal file
@@ -0,0 +1,539 @@
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 1500';
|
||||
src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 1600';
|
||||
src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 1800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 1700';
|
||||
src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 2800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 2600';
|
||||
src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 2700';
|
||||
src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 2500';
|
||||
src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 3600';
|
||||
src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 3500';
|
||||
src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 3700';
|
||||
src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 4600';
|
||||
src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 4500';
|
||||
src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 3800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 4700';
|
||||
src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 5600';
|
||||
src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 5500';
|
||||
src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 4800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 5700';
|
||||
src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 6600';
|
||||
src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 5800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 6500';
|
||||
src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 6700';
|
||||
src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 7600';
|
||||
src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 6800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 8700';
|
||||
src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 7700';
|
||||
src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 7800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 9800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk';
|
||||
src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Tusker Grotesk 8800 Super';
|
||||
src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
|
||||
url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@@ -128,4 +128,13 @@ footer{
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: auto;
|
||||
}
|
||||
footer .footer__content {
|
||||
flex-direction: column;
|
||||
.header{
|
||||
margin: 2.5rem 5rem;
|
||||
}
|
||||
.groups > li{
|
||||
padding: 2.5rem 5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -9,14 +9,15 @@ section#infographics{
|
||||
align-items: center;
|
||||
gap: 3rem;
|
||||
padding: 6rem;
|
||||
outline: 1px solid rgba(255,255,255,0);
|
||||
svg{
|
||||
width: 110%;
|
||||
}
|
||||
&:first-child{
|
||||
background-color: black;
|
||||
|
||||
}
|
||||
&:last-child{
|
||||
background-color: white;
|
||||
margin-top: 3rem;
|
||||
svg{
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
@@ -57,8 +57,13 @@ section {
|
||||
fill: var(--c-bkg);
|
||||
}
|
||||
|
||||
.inverse{
|
||||
box-shadow: rgb(0 0 0 / 60%) 0 3rem 3rem;
|
||||
[class*="section--"]{
|
||||
box-shadow: rgb(0 0 0 / 50%) 0 3rem 3rem;
|
||||
}
|
||||
|
||||
.section--inverse{
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
backdrop-filter: blur(1rem);
|
||||
h1, p {
|
||||
color: var(--c-bkg);
|
||||
}
|
||||
@@ -70,6 +75,16 @@ section {
|
||||
}
|
||||
}
|
||||
|
||||
.section--subtle{
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
backdrop-filter: blur(1rem);
|
||||
}
|
||||
|
||||
.section--bold{
|
||||
background-color: rgba(239,75,99,0.2);
|
||||
backdrop-filter: blur(1rem);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.line svg{
|
||||
@@ -165,25 +180,68 @@ p {
|
||||
em {
|
||||
font-style: normal;
|
||||
color: var(--c-text-accent);
|
||||
font-weight: 400;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
a.btn {
|
||||
position: relative;
|
||||
padding: 0.4rem 2rem;
|
||||
background-color: var(--c-text-accent);
|
||||
transform: rotateX(10deg);
|
||||
color: var(--c-text-bright);
|
||||
border-color: var(--c-3d-shadow);
|
||||
border-width: 1px 1px 15px 1px;
|
||||
border-style: solid;
|
||||
border: 0;
|
||||
font-family: var(--f-accent);
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.6rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
transform-style: preserve-3d;
|
||||
|
||||
&:hover{
|
||||
transform: rotateX(30deg);
|
||||
&::before {
|
||||
box-shadow: inset 0 1rem 1rem -0.5rem rgb(0 0 0 / 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background-color: var(--c-text-accent);
|
||||
display: block;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
transition: var(--t-simple);
|
||||
|
||||
}
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background-color: var(--c-3d-shadow);
|
||||
display: block;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1rem;
|
||||
z-index: -1;
|
||||
transform: rotateX(90deg);
|
||||
box-shadow: inset 0 0.3rem 0.5rem 0rem rgb(0 0 0 / 50%);
|
||||
}
|
||||
|
||||
&.btn--subtle{
|
||||
color: var(--c-6);
|
||||
font-size: 1.2rem;
|
||||
&::before {
|
||||
background-color: white;
|
||||
}
|
||||
&::after {
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nodes {
|
||||
display: flex;
|
||||
|
||||
@@ -81,10 +81,12 @@ body{
|
||||
|
||||
main{
|
||||
//transform: translateY(-100vh);
|
||||
perspective: 1000px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
transition: var(--t-simple);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5 {
|
||||
@@ -109,17 +111,31 @@ header{
|
||||
width: 100vw;
|
||||
z-index: 2;
|
||||
top:0;
|
||||
|
||||
.header__logo{
|
||||
opacity: 0;
|
||||
filter: blur(10px);
|
||||
margin-top: -.9rem;
|
||||
margin-bottom: -1rem;
|
||||
margin-left: 1rem;
|
||||
height: fit-content;
|
||||
img{
|
||||
width:8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
nav{
|
||||
--padding: 1rem;
|
||||
width: calc(100% - 2 * var(--padding) - 15px);
|
||||
//width: calc(100% - 2 * var(--padding) - 15px);
|
||||
width: 100vw;
|
||||
box-sizing: border-box;
|
||||
font-family: var(--f-accent);
|
||||
font-weight: 300;
|
||||
line-height: 1;
|
||||
text-transform: uppercase;
|
||||
padding: var(--padding);
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
justify-content: space-between;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
@@ -133,8 +149,14 @@ nav{
|
||||
font-size: 1.5rem;
|
||||
padding: 0em 0.5em 0em 0.5em;
|
||||
|
||||
path {
|
||||
fill: var(--c-text-bright);
|
||||
transition: var(--t-simple);
|
||||
}
|
||||
|
||||
&.em{
|
||||
background-color: var(--c-text-accent);
|
||||
margin-right: 1rem;
|
||||
&:hover{
|
||||
color: var(--c-text-accent);
|
||||
background-color: var(--c-text-bright);
|
||||
@@ -142,6 +164,9 @@ nav{
|
||||
}
|
||||
&:hover{
|
||||
color: var(--c-text-accent);
|
||||
path {
|
||||
fill: var(--c-text-accent);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -168,6 +193,7 @@ nav{
|
||||
transform: translateX(3rem);
|
||||
//overflow: hidden;
|
||||
white-space: nowrap;
|
||||
//margin-left: -1rem;
|
||||
}
|
||||
.closed-menu {
|
||||
//overflow: hidden;
|
||||
@@ -190,4 +216,21 @@ nav{
|
||||
position: absolute;
|
||||
top: 5rem;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.header__logo img{
|
||||
width: 11rem !important;
|
||||
}
|
||||
.hide-on-mobile{
|
||||
display: none;
|
||||
}
|
||||
nav ul li a {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.image-with-shadow{
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
@@ -6,6 +6,11 @@ main {
|
||||
overflow-x: clip;
|
||||
}
|
||||
|
||||
.header__logo{
|
||||
opacity: 1 !important;
|
||||
filter: blur(0px) !important;
|
||||
}
|
||||
|
||||
section {
|
||||
--width: 42ch;
|
||||
--side-padding: 3rem;
|
||||
|
||||
@@ -2,7 +2,7 @@ section#powered-by {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 6rem;
|
||||
padding: 0rem 6rem 0 6rem;
|
||||
h2{
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
@@ -52,6 +52,27 @@ section#powered-by {
|
||||
}
|
||||
svg {
|
||||
width: 45rem;
|
||||
max-width: calc(100vw - 12rem);
|
||||
margin-top: 6rem;
|
||||
}
|
||||
|
||||
a.source-link{
|
||||
margin-top: 5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 2rem;
|
||||
font-weight: 500;
|
||||
color: var(--c-text-bright);
|
||||
line-height: 1;
|
||||
gap: 1rem;
|
||||
margin-bottom: -2rem;
|
||||
img{
|
||||
width: 10rem;
|
||||
}
|
||||
span{
|
||||
background-color: var(--c-text-accent);
|
||||
border-radius: 999px;
|
||||
padding: .15em .6em;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,9 +1,13 @@
|
||||
section#products {
|
||||
transform-style: preserve-3d;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0rem;
|
||||
|
||||
.subsection {
|
||||
transform-style: preserve-3d;
|
||||
position: relative;
|
||||
.product__subheader{
|
||||
font-weight: 500;
|
||||
color: var(--c-text-primary);
|
||||
@@ -68,4 +72,14 @@ section#products {
|
||||
background: linear-gradient(45deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.25));
|
||||
}
|
||||
}
|
||||
&::after{
|
||||
content: '';
|
||||
left:0;
|
||||
right:0;
|
||||
display: block;
|
||||
background-color: blue;
|
||||
transform: rotateX(90deg);
|
||||
height: 4rem;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,6 @@ section#support {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 6rem;
|
||||
background: var(--c-1);
|
||||
//margin-bottom: 6rem;
|
||||
.cols {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user