quartznet-info/src/routes/+page.svelte

52 lines
1016 B
Svelte

<script>
import {onMount} from 'svelte';
import Thumb from '../components/Thumbnail.svelte'
import Banner from '../components/Banner.svelte'
let games = [
{
name: "Sirius",
link: "./sirius",
img: "img/600x300.png",
size: { width: 600, height: 300 },
description: "A 2D game about a wannabe space captain exploring the galaxy.",
},
{
name: "Quartz",
link: "./sirius",
img: "img/600x300.png",
size: { width: 600, height: 300 },
description: "Test"
}
]
onMount(async () => {
});
</script>
<style>
section {
border-radius: 5px;
padding: 5px 20px;
}
main {
margin-top: 30px;
}
</style>
<svelte:head>
<title>Quartznet</title>
</svelte:head>
<Banner/>
<main class="container">
<section>
{#each games as game}
<Thumb {...game}/>
{/each}
</section>
</main>