Create homepage

Photo-card layout, button, typography

src/components/atoms/Button.svelte

@@ -1,10 +1,17 @@
 <script lang="ts">
     export let text: string
-    export let tag: string
+    export let tag: string = 'button'
+    export let url: string = undefined
 </script>
 
 {#if tag === 'button'}
-    <button class="{$$props.class}">
+    <button class="button {$$props.class}">
+        <slot />
         {text}
     </button>
+{:else if tag === 'a'}
+    <a href={url} class="button {$$props.class}">
+        <slot />
+        <span>{text}</span>
+    </a>
 {/if}

src/components/molecules/PhotoCard.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+    import Image from '$components/atoms/Image.svelte'
+
+    export let id: string
+    export let alt: string
+</script>
+
+<div class="photo-card">
+    <Image id={id} alt={alt} width={864} height={576} />
+</div>