Neshweb-Sites/main-site
Neshweb-Sites/main-site
1
0
Fork 0
Code Issues2 Pull requests Releases11 Packages1 Activity Actions

Prettier changes

Browse source
This commit is contained in:
Neshura 2024-01-01 20:00:35 +01:00
parent d99d508bd6
commit eeaeca1006
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
11 changed files with 556 additions and 526 deletions

2
src/routes/+layout.svelte
View file

@ -1,6 +1,6 @@
<script>
import '../app.pcss';
import Header from "./Header.svelte";
import Header from './Header.svelte';
</script>
<Header />

170
src/routes/+page.svelte
View file

@ -1,86 +1,86 @@
<div class="overflow-auto h-full">
<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<div class="h-full overflow-auto">
<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
<p>gap</p>
</div>

92
src/routes/Header.svelte
View file

@ -1,47 +1,53 @@
<script lang="ts">
import {page} from "$app/stores";
import { Button } from "$lib/components/ui/button";
const button = "border-t-2 bg-black/55 hover:bg-black/70 hover:border-primary w-28";
import { page } from '$app/stores';
import { Button } from '$lib/components/ui/button';
const button = 'border-t-2 bg-black/55 hover:bg-black/70 hover:border-primary w-28';
</script>
<ul class="w-full h-16 border-b sticky flex flex-row items-center justify-center gap-3 backdrop-blur-sm bg-black/40">
<li>
<Button
variant="ghost"
href="/"
class="{button} + {$page.url.pathname == '/' ? 'border-primary text-primary' : 'text-accent'}"
>
Home
</Button>
</li>
<li>
<Button
variant="ghost"
href="/servers"
class="{button} + {$page.url.pathname.startsWith('/servers') ? 'border-primary text-primary' : 'text-accent'}"
>
Servers
</Button>
</li>
<li>
<Button
variant="ghost"
href="/services"
class="{button} + {$page.url.pathname.startsWith('/services') ? 'border-primary text-primary' : 'text-accent'}"
>
Services
</Button>
</li>
<li>
<Button
variant="ghost"
href="/about"
class="{button} + {$page.url.pathname.startsWith('/about') ? 'border-primary text-primary' : 'text-accent'}"
>
About
</Button>
</li>
</ul>
<ul
class="sticky flex h-16 w-full flex-row items-center justify-center gap-3 border-b bg-black/40 backdrop-blur-sm"
>
<li>
<Button
variant="ghost"
href="/"
class="{button} + {$page.url.pathname === '/' ? 'border-primary text-primary' : 'text-accent'}"
>
Home
</Button>
</li>
<li>
<Button
variant="ghost"
href="/servers"
class="{button} + {$page.url.pathname.startsWith('/servers')
? 'border-primary text-primary'
: 'text-accent'}"
>
Servers
</Button>
</li>
<li>
<Button
variant="ghost"
href="/services"
class="{button} + {$page.url.pathname.startsWith('/services')
? 'border-primary text-primary'
: 'text-accent'}"
>
Services
</Button>
</li>
<li>
<Button
variant="ghost"
href="/about"
class="{button} + {$page.url.pathname.startsWith('/about')
? 'border-primary text-primary'
: 'text-accent'}"
>
About
</Button>
</li>
</ul>

21
src/routes/services/+page.svelte
View file

@ -1,20 +1,19 @@
<svelte:options runes={true} />
<script lang="ts">
import pages from '$lib/components/pages.json';
import Card from "$lib/components/Card.svelte";
import pages from '$lib/components/pages.json';
import Card from '$lib/components/Card.svelte';
const services = $state(pages.services);
const services = $state(pages.services);
</script>
<svelte:head>
<title>Services</title>
<meta name="description" content="Overview of Services running on neshweb.net">
<title>Services</title>
<meta name="description" content="Overview of Services running on neshweb.net" />
</svelte:head>
<div class="flex flex-row flex-wrap justify-center gap-10 p-8 overflow-auto h-full">
{#each services as service}
<Card {service} />
{/each}
</div>
<div class="flex h-full flex-row flex-wrap justify-center gap-10 overflow-auto p-8">
{#each services as service}
<Card {service} />
{/each}
</div>