You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
962 B
55 lines
962 B
<script>
|
|
import Router from 'svelte-spa-router';
|
|
import routes from './routes';
|
|
import { link } from 'svelte-spa-router';
|
|
import Icon from './components/Icon.svelte';
|
|
import Darkmode from './components/Darkmode.svelte';
|
|
</script>
|
|
|
|
<style>
|
|
header {
|
|
}
|
|
|
|
main {
|
|
}
|
|
|
|
footer {
|
|
display: flex;
|
|
flex: flex-grow;
|
|
flex-direction: row;
|
|
}
|
|
|
|
footer nav {
|
|
flex: 1;
|
|
}
|
|
</style>
|
|
|
|
<header>
|
|
<nav>
|
|
<a href="/" use:link>
|
|
<Icon name="trash-2" size="64" />
|
|
</a>
|
|
<ul>
|
|
<li><a href="/demos" use:link>Demos</a></li>
|
|
<li><a href="/about" use:link>About</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<Router {routes } restoreScrollState={true} />
|
|
</main>
|
|
|
|
<hr>
|
|
<footer>
|
|
<nav>
|
|
<a href="/" use:link>
|
|
<p>Copyright (C) Big Corp.</p>
|
|
</a>
|
|
<ul>
|
|
<li><Icon name="twitter" size="32" /></li>
|
|
<li><Icon name="instagram" size="32" /></li>
|
|
<li><Darkmode /></li>
|
|
</ul>
|
|
</nav>
|
|
</footer>
|
|
|