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
+7 -7
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,12 +89,12 @@
<p>Select an area to view:</p>
<div class="area-grid">
<a class="area-card" href="/wood-shop/"><img src="/assets/wood-shop-4-1024x768.jpg" alt="Wood Shop" /><span>Wood Shop</span></a>
<a class="area-card" href="/metal-shop/"><img src="/assets/metal-shop-4-1024x768.jpg" alt="Metal Shop" /><span>Metal Shop</span></a>
<a class="area-card" href="/laser-cutters/"><img src="/assets/laser-cutters-2-1024x768.jpg" alt="Laser Cutters" /><span>Laser Cutters</span></a>
<a class="area-card" href="/sewing-room/"><img src="/assets/sewing-room-1-1024x768.jpg" alt="Sewing Room" /><span>Sewing Room</span></a>
<a class="area-card" href="/electronics-lab/"><img src="/assets/electronics-lab-1-1024x768.jpg" alt="Electronics Lab" /><span>Electronics Lab</span></a>
<a class="area-card" href="/3d-printers/"><img src="/assets/3d-printers-4-1024x768.jpg" alt="3D Printers" /><span>3D Printers</span></a>
<a class="area-card" href="/wood-shop/"><img width="1024" height="768" src="/assets/wood-shop-4-1024x768.jpg" srcset="/assets/wood-shop-4-1024x768.jpg 1024w, /assets/wood-shop-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Wood Shop" loading="lazy" decoding="async" /><span>Wood Shop</span></a>
<a class="area-card" href="/metal-shop/"><img width="1024" height="768" src="/assets/metal-shop-4-1024x768.jpg" srcset="/assets/metal-shop-4-1024x768.jpg 1024w, /assets/metal-shop-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Metal Shop" loading="lazy" decoding="async" /><span>Metal Shop</span></a>
<a class="area-card" href="/laser-cutters/"><img width="1024" height="768" src="/assets/laser-cutters-2-1024x768.jpg" srcset="/assets/laser-cutters-2-1024x768.jpg 1024w, /assets/laser-cutters-2.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Laser Cutters" loading="lazy" decoding="async" /><span>Laser Cutters</span></a>
<a class="area-card" href="/sewing-room/"><img width="1024" height="768" src="/assets/sewing-room-1-1024x768.jpg" srcset="/assets/sewing-room-1-1024x768.jpg 1024w, /assets/sewing-room-1.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Sewing Room" loading="lazy" decoding="async" /><span>Sewing Room</span></a>
<a class="area-card" href="/electronics-lab/"><img width="1024" height="768" src="/assets/electronics-lab-1-1024x768.jpg" srcset="/assets/electronics-lab-1-1024x768.jpg 1024w, /assets/electronics-lab-1.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Electronics Lab" loading="lazy" decoding="async" /><span>Electronics Lab</span></a>
<a class="area-card" href="/3d-printers/"><img width="1024" height="768" src="/assets/3d-printers-4-1024x768.jpg" srcset="/assets/3d-printers-4-1024x768.jpg 1024w, /assets/3d-printers-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="3D Printers" loading="lazy" decoding="async" /><span>3D Printers</span></a>
</div>
<p id="facilities">Facilities available to members include (training may be required):</p>