Sveskejuice
/
deprived-main-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Organize stylesheets and themes

This commit is contained in:
Sveske_Juice 2024-02-19 17:32:49 +01:00
parent 0f4764052f
commit 773645f5be
3 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app.html
View File

@ -4,8 +4,13 @@
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
<!-- Change theme for site here -->
<link rel="stylesheet" href="/stylesheets/main-theme.css" />
<link rel="stylesheet" href="/stylesheets/global.css" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>

11
src/routes/+page.svelte
View File

@ -1,10 +1,8 @@
<!-- Theme load -->
<svelte:head>
<script>
import { theme } from '../global-stores.js';
</script>
<link rel="stylesheet" href="/stylesheets/main-theme.css" />
</svelte:head>
<div class="main-title">
@ -13,15 +11,8 @@
<style>
@font-face {
font-family: 'CozetteVector';
src:
local("CozetteVector"),
url('/fonts/CozetteVector.ttf') format('truetype');
}
.main-title {
font-family: 'CozetteVector';
font-family: "CozetteVector";
margin: 0 auto;
width: 80%;
text-align: center;

8
static/stylesheets/global.css
View File

@ -1,3 +1,11 @@
/* --- FONTS --- */
@font-face {
font-family: "CozetteVector";
src:
local("CozetteVector"),
url("/fonts/CozetteVector.ttf") format("truetype");
}
body {
color: var(--text);
background-color: var(--background);