website/src/routes/projects.svelte

31 lines
729 B
Svelte
Raw Normal View History

2022-08-04 21:20:02 +05:30
<script lang="ts">
2022-08-08 10:50:03 +05:30
import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
2022-08-04 21:20:02 +05:30
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>
2022-08-07 19:05:50 +05:30
<h1>Our projects</h1>
<CardOuter>
2022-08-11 18:00:23 +05:30
{#each projects as { name, description, git, website }}
2022-08-08 10:50:03 +05:30
<CardInner title={name} {description}>
<LinksOuter>
{#if website}
<Link url={website} class="web">
2022-08-12 16:45:39 +05:30
<div class="i-fa6-solid:globe" />
2022-08-07 19:05:50 +05:30
</Link>
{/if}
2022-08-11 18:00:23 +05:30
{#if git}
<Link url={git} class="gitcolored">
2022-08-12 16:45:39 +05:30
<div class="i-simple-icons:git" />
2022-08-07 19:05:50 +05:30
</Link>
{/if}
2022-08-08 10:50:03 +05:30
</LinksOuter>
</CardInner>
{/each}
2022-08-12 16:45:39 +05:30
</CardOuter>