Spythere/pojazdownik
1
0
Fork 0
mirror of https://github.com/Spythere/pojazdownik.git synced 2026-05-02 21:08:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: added preloading images & fonts

Browse Source
This commit is contained in:
Spythere
2025-11-03 23:09:47 +01:00
parent 4022d2ea2f
commit 05dbf33b4f
7 changed files with 54 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+50 -49
View File
@@ -1,55 +1,56 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Pojazdownik</title>
<meta name="description" content="Edytor składów online dla symulatora Train Driver 2" />
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="manifest" href="/site.webmanifest" />
<title>Pojazdownik</title>
<meta name="description" content="Edytor składów online dla symulatora Train Driver 2" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#111" />
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="manifest" href="/site.webmanifest" />
<!-- Static OpenGraph meta -->
<meta name="description" content="Edytor składów online dla symulatora Train Driver 2" />
<meta property="og:url" content="https://pojazdownik-td2.web.app/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Pojazdownik" />
<meta
property="og:description"
content="Edytor składów online dla symulatora Train Driver 2"
/>
<meta
property="og:image"
content="https://raw.githubusercontent.com/Spythere/api/refs/heads/main/thumbnails/pojazdownik-banner.png"
/>
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Pojazdownik" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Pojazdownik" />
<meta
name="twitter:description"
content="Edytor składów online dla symulatora Train Driver 2"
/>
<meta
name="twitter:image"
content="https://raw.githubusercontent.com/Spythere/api/refs/heads/main/thumbnails/pojazdownik-banner.png"
/>
</head>
<body>
<noscript>
<strong> We're sorry but Pojazdownik doesn't work properly without JavaScript enabled. Please enable it to continue. </strong>
</noscript>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#111" />
<!-- Static OpenGraph meta -->
<meta name="description" content="Edytor składów online dla symulatora Train Driver 2" />
<meta property="og:url" content="https://pojazdownik-td2.web.app/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Pojazdownik" />
<meta property="og:description" content="Edytor składów online dla symulatora Train Driver 2" />
<meta property="og:image"
content="https://raw.githubusercontent.com/Spythere/api/refs/heads/main/thumbnails/pojazdownik-banner.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Pojazdownik" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Pojazdownik" />
<meta name="twitter:description" content="Edytor składów online dla symulatora Train Driver 2" />
<meta name="twitter:image"
content="https://raw.githubusercontent.com/Spythere/api/refs/heads/main/thumbnails/pojazdownik-banner.png" />
<!-- Preload -->
<link rel="preload" href="/fonts/Lato-Bold.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="/fonts/Lato-Regular.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" as="image" href="/logo-pl.svg" />
<link rel="preload" as="image" href="/logo-en.svg" />
</head>
<body>
<noscript>
<strong> We're sorry but Pojazdownik doesn't work properly without JavaScript enabled. Please enable it to continue.
</strong>
</noscript>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
public/fonts/Lato-Black.ttf
BIN
View File
Binary file not shown.
public/fonts/Lato-Bold.ttf
BIN
View File
Binary file not shown.
public/fonts/Lato-Light.woff
BIN
View File
Binary file not shown.
public/fonts/Lato-Light.woff2
BIN
View File
Binary file not shown.
public/fonts/Lato-Regular.ttf
BIN
View File
Binary file not shown.
src/styles/_global.scss
+4 -12
View File
@@ -10,16 +10,6 @@ $accentColor: #e4c428;
$sponsorColor: gold;
$teamColor: #ff4848;
@font-face {
font-family: 'Lato';
src:
url('/fonts/Lato-Light.woff2') format('woff2'),
url('/fonts/Lato-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src:
@@ -350,7 +340,7 @@ hr {
outline: none;
}
label > input:checked + span {
label>input:checked+span {
color: $accentColor;
border-color: $accentColor;
}
@@ -358,6 +348,7 @@ hr {
// Vue Transition anims
.slide-top {
&-enter-from,
&-leave-to {
transform: translateY(-100%);
@@ -370,6 +361,7 @@ hr {
}
.card-appear {
&-enter-from,
&-leave-to {
opacity: 0;
@@ -379,4 +371,4 @@ hr {
&-leave-active {
transition: all 100ms ease-in-out;
}
}
}