basic set-up; started work on projects page
This commit is contained in:
29
src/routes/projects/+page.svelte
Normal file
29
src/routes/projects/+page.svelte
Normal file
@@ -0,0 +1,29 @@
|
||||
<script lang="ts">
|
||||
import Header from "$lib/header.svelte";
|
||||
import type { Project, Link } from './projects';
|
||||
import { projects } from './projects';
|
||||
</script>
|
||||
|
||||
<Header />
|
||||
|
||||
{#each projects as project}
|
||||
{@render projectSummary({ project })}
|
||||
{/each}
|
||||
|
||||
{#snippet projectSummary({
|
||||
project
|
||||
}: {
|
||||
project: Project;
|
||||
})}
|
||||
<div>
|
||||
<h3 id="{project.id}">{project.title}</h3>
|
||||
{#each project.paragraphs as paragraph}
|
||||
<p>{@html paragraph}</p>
|
||||
{/each}
|
||||
<ul>
|
||||
{#each project.links as link}
|
||||
<li><a href="{link.link}">{@html link.text}</a></li>
|
||||
{/each}
|
||||
</ul>
|
||||
</div>
|
||||
{/snippet}
|
||||
Reference in New Issue
Block a user