From e235aa6cf4914cbff6c72f19e0fcf6888da349f7 Mon Sep 17 00:00:00 2001
From: axtloss <axtlos@disroot.org>
Date: Tue, 20 Aug 2024 01:20:30 +0200
Subject: yayyy new website!!

---
 src/routes/ContactCard.svelte | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/routes/ContactCard.svelte

(limited to 'src/routes/ContactCard.svelte')

diff --git a/src/routes/ContactCard.svelte b/src/routes/ContactCard.svelte
new file mode 100644
index 0000000..d347deb
--- /dev/null
+++ b/src/routes/ContactCard.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+  export let inline: boolean = false;
+  export let svg: string;
+  export let onclick;
+</script>
+
+<div
+  role="button"
+  tabindex="0"
+  on:click={onclick}
+  on:keydown={onclick}>
+  <span class:inline={inline}>
+    {@html svg}
+  </span>
+</div>
+
+<span class:inline={inline}>
+  {@html svg}
+</span>
+
+<style lang="scss">
+  span {
+    & :global(svg) {
+      width: 1em;
+      height: 1em;
+      fill: currentColor;
+    }
+    &.inline :global(svg) { transform: translate(0, 0.125em); }
+  }
+
+  div {
+    background-color: green;
+    user-select: none;
+    padding: 1px 18px;
+    border-radius: 9999px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+</style>
-- 
cgit v1.2.3

