init: initial commit

src/lib/Avatar.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+ export let username: string = '';
+ export let avatar: string = '/troll_haz2.png';
+ export let color: string = 'var(--base-400)';
+ export let size: string = 'var(--avatar-size)';
+</script>
+
+<div class="avatar" style:--color="{color}" style:--size="{size}" on:click>
+    <img src="{avatar}" alt="{`${username}'s avatar`}">
+</div>
+
+<style>
+ .avatar, .avatar > img {
+     width: var(--size);
+     height: var(--size);
+     border-radius: 9999px;
+     overflow: hidden;
+     background-color: var(--color);
+ }
+</style>