dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-05-24 12:23:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add mastodon contact link

Browse source
This commit is contained in:
Daniel Bulant 2022-11-19 16:52:14 +01:00
parent 26c6baa77e
commit 587ac7ff7e
1 changed files with 58 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

104
src/lib/components/contact.svelte
View file

@ -14,53 +14,65 @@
</script> </script>
<div class="rounded-lg bg-dark-800 text-gray-300 max-w-100 m-auto mb-5 mt-15 p-5"> <div class="rounded-lg bg-dark-800 text-gray-300 max-w-100 m-auto mb-5 mt-15 p-5">
<a href="https://goo.gl/maps/pM3bGyx9u5uBuqqv5" class="flex items-center justify-center w-full p-5" rel="noreferrer noopener" target="_blank"> <div class="list">
<div class="text-gray-400 h-7 w-7"> <a href="https://goo.gl/maps/pM3bGyx9u5uBuqqv5" class="flex items-center justify-center w-full p-5" rel="noreferrer noopener" target="_blank">
<Location /> <div class="text-gray-400 h-7 w-7">
</div> <Location />
Prague, Czech Republic
</a>
<div class="profiles">
<a href="https://github.com/danbulant" use:goatCounter data-goatcounter-click="contact-github" rel="noreferrer noopener" target="_blank">
<span class="platform">GitHub</span>
<div class="main">
<img src="/tech/github.png" alt="" draggable={false}>
<span class="name">danbulant</span>
</div> </div>
Prague, Czech Republic
</a> </a>
<a href="https://www.linkedin.com/in/danbulant/" use:goatCounter data-goatcounter-click="contact-linkedin" rel="noreferrer noopener" target="_blank"> <div class="profiles">
<span class="platform">LinkedIn</span> <a href="https://github.com/danbulant" use:goatCounter data-goatcounter-click="contact-github" rel="me" target="_blank">
<div class="main"> <span class="platform">GitHub</span>
<img src="/tech/linkedin.png" class="rounded-1" alt="" draggable={false}> <div class="main">
<span class="name">danbulant</span> <img src="/tech/github.png" alt="" draggable={false}>
<span class="name">danbulant</span>
</div>
</a>
<a href="https://www.linkedin.com/in/danbulant/" use:goatCounter data-goatcounter-click="contact-linkedin" rel="me" target="_blank">
<span class="platform">LinkedIn</span>
<div class="main">
<img src="/tech/linkedin.png" class="rounded-1" alt="" draggable={false}>
<span class="name">danbulant</span>
</div>
</a>
<a href="https://discord.gg/XKPbz5xRuK" use:goatCounter data-goatcounter-click="contact-discord" target="_blank">
<span class="platform">Discord</span>
<div class="main">
<img src="/tech/discord.png" alt="" draggable={false}>
<span class="name">TechmandanCZ#3372</span>
</div>
</a>
<a href="https://twitter.com/danbulant" use:goatCounter data-goatcounter-click="contact-twitter" rel="me" target="_blank">
<span class="platform">Twitter</span>
<div class="main">
<img src="/tech/twitter.png" alt="" draggable={false}>
<span class="name">@danbulant</span>
</div>
</a>
<div>
<span class="platform">Mastodon</span>
<div class="main">
<img src="/tech/mastodon.png" alt="" draggable={false}>
<div class="flex flex-col">
<a rel="me" use:goatCounter data-goatcounter-click="contact-mastodon" href="https://mastodon.social/danbulant" class="name !hover:underline">@danbulant@mastodon.social</a>
<a rel="me" use:goatCounter data-goatcounter-click="contact-layer8" href="https://layer8.space/@techmandan" class="name !hover:underline">@techmandan@layer8.space</a>
</div>
</div>
</div> </div>
</a> <a href="mailto:me@danbulant.eu" use:goatCounter data-goatcounter-click="contact-email">
<a href="https://discord.gg/XKPbz5xRuK" use:goatCounter data-goatcounter-click="contact-discord" rel="noreferrer noopener" target="_blank"> <span class="platform">Email</span>
<span class="platform">Discord</span> <div class="main">
<div class="main"> <img src="/tech/mail.svg" alt="" draggable={false}>
<img src="/tech/discord.png" alt="" draggable={false}> <span class="name">me@danbulant.eu</span>
<span class="name">TechmandanCZ#3372</span> </div>
</div> </a>
</a> <div>
<a href="https://twitter.com/danbulant" use:goatCounter data-goatcounter-click="contact-twitter" rel="noreferrer noopener" target="_blank"> <div class="platform">Time</div>
<span class="platform">Twitter</span> <div class="main">
<div class="main"> <img src="/tech/clock.svg" alt="" draggable={false}>
<img src="/tech/twitter.png" alt="" draggable={false}> <div class="name">GMT+1 - {time.setZone("Europe/Prague", { keepLocalTime: true }).toFormat("HH:mm:ss")}</div>
<span class="name">danbulant</span> </div>
</div>
</a>
<a href="mailto:me@danbulant.eu" use:goatCounter data-goatcounter-click="contact-email">
<span class="platform">Email</span>
<div class="main">
<img src="/tech/mail.svg" alt="" draggable={false}>
<span class="name">me@danbulant.eu</span>
</div>
</a>
<div>
<div class="platform">Time</div>
<div class="main">
<img src="/tech/clock.svg" alt="" draggable={false}>
<div class="name">GMT+1 - {time.setZone("Europe/Prague", { keepLocalTime: true }).toFormat("HH:mm:ss")}</div>
</div> </div>
</div> </div>
</div> </div>
@ -71,12 +83,12 @@
@apply text-gray-400; @apply text-gray-400;
} }
.main { .main {
@apply flex gap-3 pt-1; @apply flex gap-3 pt-1 items-center;
} }
.profiles { .profiles {
@apply max-w-80 m-auto flex flex-col; @apply max-w-80 m-auto flex flex-col;
} }
a:active, a:hover { a:hover, a:active {
@apply no-underline; @apply no-underline;
} }
a:active .main, a:hover .main { a:active .main, a:hover .main {