Lazy load images, explicity dimensions

This commit is contained in:
Tanner
2026-09-16 18:37:26 +00:00
parent d4a810ca05
commit fb5fcf2f2b
20 changed files with 39 additions and 39 deletions
+6 -6
View File
@@ -66,7 +66,7 @@
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
@@ -89,10 +89,10 @@
and all skill levels are welcome. Membership is $55 / month for 24/7 access.
</p>
<div class="home-gallery">
<img src="/assets/IMG_8905-1024x768.jpeg" alt="Member painting a project at a Protospace work table" />
<img src="/assets/IMG_8915-1024x806.jpg" alt="Member working on a wooden project with power tools" />
<img src="/assets/IMG_9104-1024x768.jpeg" alt="Member using an industrial embroidery machine" />
<img src="/assets/IMG_8908-1024x768.jpeg" alt="Member grinding metal in the metal shop" />
<img width="1024" height="768" src="/assets/IMG_8905-1024x768.jpeg" srcset="/assets/IMG_8905-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member painting a project at a Protospace work table" loading="lazy" decoding="async" />
<img width="1024" height="806" src="/assets/IMG_8915-1024x806.jpg" srcset="/assets/IMG_8915-1024x806.jpg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member working on a wooden project with power tools" loading="lazy" decoding="async" />
<img width="1024" height="768" src="/assets/IMG_9104-1024x768.jpeg" srcset="/assets/IMG_9104-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using an industrial embroidery machine" loading="lazy" decoding="async" />
<img width="1024" height="768" src="/assets/IMG_8908-1024x768.jpeg" srcset="/assets/IMG_8908-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member grinding metal in the metal shop" loading="lazy" decoding="async" />
</div>
<p>
We are a quirky, fun community where artists, makers and geeks come together to share our
@@ -106,7 +106,7 @@
</p>
<p><a href="/join-us/">Come build something with us today!</a></p>
<div class="thoughts">
<img src="/assets/gear.svg" alt="Ideas and making" />
<img width="150" height="150" src="/assets/gear.svg" alt="Ideas and making" loading="lazy" decoding="async" />
</div>
</div>
</div>