From f7da804e40b990e5f1ee2214a2e2e4984d704f16 Mon Sep 17 00:00:00 2001
From: toufic ar <contact@toufy.me>
Date: Tue, 7 Jul 2026 18:29:43 +0300
Subject: initial commit

---
 src/lib/components/SocialCard.svelte | 38 ++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/lib/components/SocialCard.svelte

(limited to 'src/lib/components/SocialCard.svelte')

diff --git a/src/lib/components/SocialCard.svelte b/src/lib/components/SocialCard.svelte
new file mode 100644
index 0000000..f34eb75
--- /dev/null
+++ b/src/lib/components/SocialCard.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+  const {
+    name,
+    icon,
+    href,
+    rel,
+  }: {
+    name: string;
+    icon: string;
+    href: string;
+    rel?: string | null | undefined;
+  } = $props();
+</script>
+
+<a
+  class="card shadow-md border border-neutral my-1 mx-1 socialhover p-2"
+  {rel}
+  {href}
+  target="_blank"
+  title={name}
+>
+  <span class="text-3xl md:text-6xl {icon}"></span>
+</a>
+
+<style>
+  .socialhover {
+    span {
+      color: var(--color-fg);
+    }
+  }
+  .socialhover:hover,
+  .socialhover:active {
+    background-color: var(--color-fg);
+    span {
+      color: var(--color-bg);
+    }
+  }
+</style>
-- 
cgit v1.3.1

