website/src/routes/projects.svelte
2022-08-08 10:46:52 +03:00

31 lines
756 B
Svelte

<script lang="ts">
import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
import projects from "$lib/Projects.json";
</script>
<svelte:head>
<title>Our projects | Project Segfault</title>
<meta name="description" content="Our collection of projects." />
</svelte:head>
<h1>Our projects</h1>
<CardOuter>
{#each projects as { name, description, github, website }}
<CardInner title={name} {description}>
<LinksOuter>
{#if website}
<Link url={website} classes="web">
<div class="i-fa6-solid:globe"></div>
</Link>
{/if}
{#if github}
<Link url={github} classes="githubcolored">
<div class="i-simple-icons:github"></div>
</Link>
{/if}
</LinksOuter>
</CardInner>
{/each}
</CardOuter>