diff options
| author | toufic ar <contact@toufy.me> | 2026-07-07 18:29:43 +0300 |
|---|---|---|
| committer | toufic ar <contact@toufy.me> | 2026-07-07 18:29:43 +0300 |
| commit | f7da804e40b990e5f1ee2214a2e2e4984d704f16 (patch) | |
| tree | afec975241b8feaf40c72c924217a6a724461c51 /src/lib/components/Socials.svelte | |
| download | website-f7da804e40b990e5f1ee2214a2e2e4984d704f16.tar.gz website-f7da804e40b990e5f1ee2214a2e2e4984d704f16.zip | |
initial commit
Diffstat (limited to 'src/lib/components/Socials.svelte')
| -rw-r--r-- | src/lib/components/Socials.svelte | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/lib/components/Socials.svelte b/src/lib/components/Socials.svelte new file mode 100644 index 0000000..c616405 --- /dev/null +++ b/src/lib/components/Socials.svelte @@ -0,0 +1,30 @@ +<script lang="ts"> + import SectionTitle from "./SectionTitle.svelte"; + import SocialCard from "./SocialCard.svelte"; +</script> + +<SectionTitle title="socials">places you can find me</SectionTitle> +<div class="flex place-content-start place-items-start w-full"> + <SocialCard + name="mastodon" + icon="iconify-[fa7-brands--mastodon]" + rel="me" + href="https://beige.party/@toufy" + --color-fg="#6364ff" + --color-bg="#ffffff" + /> + <SocialCard + name="email" + icon="iconify-[fa7-solid--envelope]" + href="mailto:contact@toufy.me" + --color-fg="gray" + --color-bg="#ffffff" + /> + <SocialCard + name="tmdb" + icon="iconify-[cib--the-movie-database]" + href="https://www.themoviedb.org/u/toufy" + --color-fg="#0177d2" + --color-bg="#ffffff" + /> +</div> |