reuterShawn/shawn-reuter-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added mobile hero image

Browse Source
This commit is contained in:
Maxi Ferreira 2022-08-12 12:52:23 -07:00
parent 3c9bc21db7
commit 129a6b4b19
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/home-illustration-small.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

5
src/pages/index.astro
View File

@ -14,7 +14,10 @@ const permalink = Astro.site.href;
</div> </div>
<div class="hero-image-container"> <div class="hero-image-container">
<!-- <img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration.webp" width="550" height="466"> --> <picture>
<source srcset="/assets/home-illustration.webp" media="(min-width: 600px)">
<img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration-small.webp" width="550" height="466">
</picture>
<p class="caption"> <p class="caption">
Illustration by Illustration by
<a href="https://icons8.com/illustrations/author/5c07e68d82bcbc0092519bb6" target="_blank" rel="noopener">Icons 8</a> <a href="https://icons8.com/illustrations/author/5c07e68d82bcbc0092519bb6" target="_blank" rel="noopener">Icons 8</a>