This is the initial commit of the sveltekit version of On The Spectrum:
A game brought to you by Sludge and Friends
This commit is contained in:
40
src/routes/+layout.svelte
Normal file
40
src/routes/+layout.svelte
Normal file
@@ -0,0 +1,40 @@
|
||||
<script lang="ts">
|
||||
import favicon from '$lib/assets/favicon.svg';
|
||||
|
||||
let { children } = $props();
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<link rel="icon" href={favicon} />
|
||||
</svelte:head>
|
||||
|
||||
<nav>
|
||||
<h1>On the Spectrum</h1>
|
||||
<ul>
|
||||
<li><a href="play">Play</a></li>
|
||||
<li><a href="rules">Rules</a></li>
|
||||
<li><a href="submit">Submit</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<section>
|
||||
{@render children()}
|
||||
</section>
|
||||
|
||||
<style>
|
||||
nav {
|
||||
display: inline-flex;
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: none;
|
||||
display: inline-flex;
|
||||
gap: 1rem;
|
||||
align-items: end;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user