guz013/keikos.work
1
0
Fork 0
Code Issues Pull Requests Activity

feat: add links for social media

Browse Source
This commit is contained in:
Guz
2024-12-16 18:45:50 -03:00
parent 1515a9032c
commit d37c2c99af
1 changed files with 39 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
handlers/pages/home.templ
View File

@@ -51,24 +51,59 @@ templ (p *Home) page() {
</h2>
<ul class="relative z-3 list-none text-4xl p-0 pr-5 underline md:flex md:gap-10">
<li class="flex justify-end mb-4 md:m-0">
<a class="flex items-center gap-2">
<a
class="relative flex items-center gap-2 text-white"
href="https://www.instagram.com/keiko_drawn/"
referrerpolicy="no-referrer"
rel="external me nofollow noopener noreferrer"
target="_blank"
>
<span class="hidden i-pixelarticons:camera h-3rem md:inline-block" aria-hidden="true"></span>
Instagram
<span class="inline-block i-pixelarticons:camera h-3rem md:hidden" aria-hidden="true"></span>
<span
class={ "absolute inline-block i-pixelarticons:external-link w-1rem h-1rem top-0 right-0 translate-x-50% opacity-50",
"md:translate-x-100% md:opacity-100" }
aria-label="(Opens in new tab)"
></span>
</a>
</li>
<li class="flex justify-end mb-4 md:m-0">
<a class="flex items-center gap-2">
<a
class="relative flex items-center gap-2 text-white"
href="https://www.tumblr.com/keikod"
referrerpolicy="no-referrer"
rel="external me nofollow noopener noreferrer"
target="_blank"
>
<span class="hidden i-pixelarticons:file-alt h-3rem md:inline-block" aria-hidden="true"></span>
Tumblr
<span class="inline-block i-pixelarticons:file-alt h-3rem md:hidden" aria-hidden="true"></span>
<span
class={ "absolute inline-block i-pixelarticons:external-link w-1rem h-1rem top-0 right-0 translate-x-50% opacity-50",
"md:translate-x-100% md:opacity-100" }
aria-label="(Opens in new tab)"
></span>
</a>
</li>
<li class="flex justify-end">
<a class="flex items-center gap-2">
<li
class="flex justify-end"
>
<a
class="relative flex items-center gap-2 text-white"
href="https://bsky.app/profile/keikos.work"
referrerpolicy="no-referrer"
rel="external me nofollow noopener noreferrer"
target="_blank"
>
<span class="hidden i-pixelarticons:bug h-3rem md:inline-block" aria-hidden="true"></span>
BlueSky
<span class="inline-block i-pixelarticons:bug h-3rem md:hidden" aria-hidden="true"></span>
<span
class={ "absolute inline-block i-pixelarticons:external-link w-1rem h-1rem top-0 right-0 translate-x-50% opacity-50",
"md:translate-x-100% md:opacity-100" }
aria-label="(Opens in new tab)"
></span>
</a>
</li>
</ul>