dot013/guz.one
1
0
Fork 0
Code Issues Pull Requests Activity

fix(a11y): ul contains not-li elements

Browse Source
This commit is contained in:
Gustavo "Guz" L. de Mello
2024-06-19 16:32:47 -03:00
parent 6c435b8748
commit 91d5929260
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/homepage.templ
View File

@@ -247,23 +247,25 @@ templ Homepage(props HomepageProps) {
</a>
</h3>
<ul class="list-none pl-0 flex gap-2 md:gap-5 relative">
<a
class={ "transition-all transition-2s text-light-gray hover:text-white " +
<li>
<a
class={ "transition-all transition-2s text-light-gray hover:text-white " +
"flex items-center gap-1 no-underline hover:underline" }
target="_blank"
rel="noopener nofollow noreferrer"
href="mailto:contact.guz013@gmail.com"
>
<span
aria-hidden="true"
class="inline-block w-4.5 h-4.5 i-solar:mailbox-bold-duotone"
></span>
<span
class="transform-gpu pl-4.5 -translate-x-4.5 hover:-translate-y-0.2 transition-transform"
target="_blank"
rel="noopener nofollow noreferrer"
href="mailto:contact.guz013@gmail.com"
>
contact.guz013@gmail.com
</span>
</a>
<span
aria-hidden="true"
class="inline-block w-4.5 h-4.5 i-solar:mailbox-bold-duotone"
></span>
<span
class="transform-gpu pl-4.5 -translate-x-4.5 hover:-translate-y-0.2 transition-transform"
>
contact.guz013@gmail.com
</span>
</a>
</li>
@contactItem("i-simple-icons:linkedin", "LinkedIn", "http://linkedin.com/in/guz013")
<div
aria-hidden="true"