quartznet/quartznet-info
2
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Update design

Browse Source
This commit is contained in:
Chris Dill
2024-09-27 20:00:00 +01:00
parent 8782a3c7db
commit 87edd61a9c
15 changed files with 202 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app.html
View File

@ -1,18 +1,16 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#333333">
<meta name="description" content="Quartznet is a small team developing games, tools and more!">
<link rel="stylesheet" href="/css/global.css">
<link rel="icon" type="image/png" href="/img/favicon.ico">
<link rel="preload" as="image" href="/img/bluenebula.webp">
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div id="svelte">%sveltekit.body%</div>
</body>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#1f2124" />
<meta name="description" content="Software development team" />
<link rel="stylesheet" href="/css/styles.css" />
<link rel="icon" type="image/png" href="/images/favicon.ico" />
<link rel="preload" as="image" href="/images/bluenebula.webp" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div id="svelte">%sveltekit.body%</div>
</body>
</html>

9
src/lib/Banner.svelte
View File

@ -3,16 +3,15 @@
</script>
<div class="overlay">
<div class="description col-md-5">
<h1 class="title">{title}</h1>
<p>Software, Games, Science, Space!</p>
</div>
<h1 class="title">{title}</h1>
<span>Software, Games, Science, Space!</span>
</div>
<style>
.overlay {
display: flex;
background-image: url("/img/bluenebula.webp");
flex-direction: column;
background-image: url("/images/bluenebula.webp");
background-size: cover;
background-position: center;
min-height: 200px;

2
src/lib/Nav.svelte
View File

@ -48,6 +48,6 @@
}
ul li a:hover {
border-bottom: 2px solid var(--line-color);
border-bottom: 2px solid var(--line);
}
</style>

11
src/routes/+layout.svelte
View File

@ -8,3 +8,14 @@
<slot></slot>
<footer class="container"></footer>
</ThemeContext>
<style>
footer {
display: flex;
justify-content: space-between;
border-top: 2px solid var(--border);
color: var(--text);
margin-top: 30px;
margin-bottom: 30px;
}
</style>

2
src/routes/+page.svelte
View File

@ -6,7 +6,7 @@
{
name: "Test",
link: "/",
img: "img/600x300.png",
img: "images/600x300.png",
size: { width: 600, height: 300 },
description: "Test",
},

2
src/routes/admin/+page.svelte
View File

@ -54,7 +54,7 @@
}
li a:hover {
border-bottom: 2px solid var(--link-color-hover);
border-bottom: 2px solid var(--link-hover);
}
h2 {