mirror of
https://github.com/ProjectSegfault/website.git
synced 2024-06-26 22:52:00 +05:30
50 lines
1.1 KiB
Svelte
50 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import Hero from "$lib/Hero.svelte";
|
|
import LinkButton from "$lib/LinkButton.svelte";
|
|
import type { PageData } from "./$types";
|
|
export let data: PageData;
|
|
import { PostsContainer, PostOuter, Title, Meta, ReadMore } from "$lib/BlogCard";
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>Blog | Project Segfault</title>
|
|
<meta
|
|
name="description"
|
|
content="Project Segfault's blog"
|
|
/>
|
|
</svelte:head>
|
|
|
|
<Hero marginTop="4">
|
|
<h1 class="text-5xl font-800">
|
|
<span class="text-accent">Project Segfault</span> blog
|
|
</h1>
|
|
<div
|
|
class="flex flex-col sm:flex-row justify-center items-center gap-4 m-4"
|
|
>
|
|
<LinkButton
|
|
url="/blog/tags"
|
|
title="Tags"
|
|
icon="i-ic:outline-bookmarks"
|
|
/>
|
|
<LinkButton
|
|
url="/blog/authors"
|
|
title="Authors"
|
|
icon="i-ic:outline-people text-xl"
|
|
/>
|
|
<LinkButton
|
|
url="https://blog.projectsegfau.lt/rss/"
|
|
title="RSS"
|
|
icon="i-simple-icons:rss"
|
|
bg="#ee802f"
|
|
/>
|
|
</div>
|
|
</Hero>
|
|
<PostsContainer hasMt isHome>
|
|
{#each data.posts as post}
|
|
<PostOuter>
|
|
<Title {post} />
|
|
<Meta {post} />
|
|
<ReadMore {post} />
|
|
</PostOuter>
|
|
{/each}
|
|
</PostsContainer> |