Spythere/pojazdownik
1
0
Fork 0
mirror of https://github.com/Spythere/pojazdownik.git synced 2026-05-04 20:18: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
+18 -17
View File
@@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -22,34 +23,34 @@
<meta property="og:url" content="https://pojazdownik-td2.web.app/" /> <meta property="og:url" content="https://pojazdownik-td2.web.app/" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:title" content="Pojazdownik" /> <meta property="og:title" content="Pojazdownik" />
<meta <meta property="og:description" content="Edytor składów online dla symulatora Train Driver 2" />
property="og:description" <meta property="og:image"
content="Edytor składów online dla symulatora Train Driver 2" content="https://raw.githubusercontent.com/Spythere/api/refs/heads/main/thumbnails/pojazdownik-banner.png" />
/>
<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:width" content="1200" />
<meta property="og:image:height" content="630" /> <meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Pojazdownik" /> <meta property="og:site_name" content="Pojazdownik" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Pojazdownik" /> <meta name="twitter:title" content="Pojazdownik" />
<meta <meta name="twitter:description" content="Edytor składów online dla symulatora Train Driver 2" />
name="twitter:description" <meta name="twitter:image"
content="Edytor składów online dla symulatora Train Driver 2" content="https://raw.githubusercontent.com/Spythere/api/refs/heads/main/thumbnails/pojazdownik-banner.png" />
/>
<meta <!-- Preload -->
name="twitter:image" <link rel="preload" href="/fonts/Lato-Bold.woff2" as="font" type="font/woff2" crossorigin />
content="https://raw.githubusercontent.com/Spythere/api/refs/heads/main/thumbnails/pojazdownik-banner.png" <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> </head>
<body> <body>
<noscript> <noscript>
<strong> We're sorry but Pojazdownik doesn't work properly without JavaScript enabled. Please enable it to continue. </strong> <strong> We're sorry but Pojazdownik doesn't work properly without JavaScript enabled. Please enable it to continue.
</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </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
+2 -10
View File
@@ -10,16 +10,6 @@ $accentColor: #e4c428;
$sponsorColor: gold; $sponsorColor: gold;
$teamColor: #ff4848; $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-face {
font-family: 'Lato'; font-family: 'Lato';
src: src:
@@ -358,6 +348,7 @@ hr {
// Vue Transition anims // Vue Transition anims
.slide-top { .slide-top {
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
transform: translateY(-100%); transform: translateY(-100%);
@@ -370,6 +361,7 @@ hr {
} }
.card-appear { .card-appear {
&-enter-from, &-enter-from,
&-leave-to { &-leave-to {
opacity: 0; opacity: 0;