image loading

This commit is contained in:
Cory Dransfeldt 2023-03-13 12:04:22 -07:00
parent 67553b2cdc
commit 1b67ee6f95
No known key found for this signature in database
3 changed files with 8 additions and 1 deletions

View file

@ -1,6 +1,8 @@
<div class="mt-12 py-8 border-t-2 flex justify-between items-center">
<div class="flex items-center flex-1">
<img class="inline-block h-20 mr-2" src="/assets/img/avatar.webp" alt={{ site.name }} />
<div class="h-20 w-20">
<img class="inline-block h-20 w-20 mr-2" src="/assets/img/avatar.webp" alt={{ site.name }} loading="lazy" />
</div>
<span class="text-lg font-medium">{{ site.name }}</span>
</div>
<p class="text-sm flex-1">I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.</p>

View file

@ -53,6 +53,7 @@ layout: main
width="350"
height="350"
class="rounded-lg" alt={{artist.name}}
loading="lazy"
/>
</div>
</a>
@ -85,6 +86,7 @@ layout: main
height="350"
class="rounded-lg"
alt={{album.name}}
loading="lazy"
/>
</div>
</a>

View file

@ -12,6 +12,7 @@
src={{mention.author.photo}}
alt={{mention.author.name}}
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
loading="lazy"
/>
</a>
</li>
@ -30,6 +31,7 @@
src={{mention.author.photo}}
alt={{mention.author.name}}
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
loading="lazy"
/>
</a>
</li>
@ -47,6 +49,7 @@
src={{mention.author.photo}}
alt={{mention.author.name}}
class="h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-primary-500 dark:group-hover:border-primary-300"
loading="lazy"
/>
<div class="ml-3">
<p class="text-sm group-hover:text-primary-500 dark:group-hover:text-primary-300">{{mention.content.text}}</p>