initial commit

src/lib/Feed.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+    import { RiChatOffLine } from "svelte-remixicon";
+    import Centered from "./Centered.svelte";
+    import FeedPost from "./FeedPost.svelte";
+
+    let { posts, emptymsg = "No posts, how empty" } = $props();
+</script>
+
+<ul>
+    {#each posts as post}
+    <li><FeedPost {post} /></li>
+    {:else}
+    <Centered>
+        <p class="big"><RiChatOffLine /></p>
+        {emptymsg}</Centered>
+    {/each}
+</ul>
+
+<style>
+    ul {
+        list-style: none;
+        padding: 0 1em;
+    }
+
+    ul > li {
+        margin-top: 3px;
+        margin-bottom: 3px;
+    }
+
+    p.big {
+        font-size: 2em;
+    }
+
+</style>