Adding more pages and fixing some links and layout.

- Added test page for a game.
- Added link data to list of games.
- Moved blog content into main and section tags.
- Fixed typo in the about page.
This commit is contained in:
2020-08-22 21:40:27 +01:00
parent 4f0b6f98a0
commit 7bdceaccb9
5 changed files with 41 additions and 24 deletions

View File

@@ -1,4 +1,6 @@
<script context="module">
import Banner from '../../components/banner.svelte'
export function preload({params, query}) {
return this.fetch(`blog.json`).then(r => r.json()).then(posts => {
return {posts};
@@ -18,17 +20,23 @@
</style>
<svelte:head>
<title>Blog</title>
<title>Sirius - Blog</title>
</svelte:head>
<h1>Recent posts</h1>
<Banner title="Blog"/>
<ul>
{#each posts as post}
<!-- we're using the non-standard `rel=prefetch` attribute to
tell Sapper to load the data for the page as soon as
the user hovers over the link or taps it, instead of
waiting for the 'click' event -->
<li><a rel='prefetch' href='blog/{post.slug}'>{post.title}</a></li>
{/each}
</ul>
<main class="container">
<section>
<h1>Recent posts</h1>
<ul>
{#each posts as post}
<!-- we're using the non-standard `rel=prefetch` attribute to
tell Sapper to load the data for the page as soon as
the user hovers over the link or taps it, instead of
waiting for the 'click' event -->
<li><a rel='prefetch' href='blog/{post.slug}'>{post.title}</a></li>
{/each}
</ul>
</section>
</main>