tanner/main-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lazy load images, explicity dimensions

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
3d-printers/index.html
+4 -4
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>
@@ -82,15 +82,15 @@
<h1>3D Printers</h1>
<div class="entry">
<figure>
<img width="1024" height="768" src="/assets/3d-printers-1-1024x768.jpg" alt="3D printer in the printer village" />
<img width="1024" height="768" src="/assets/3d-printers-1-1024x768.jpg" srcset="/assets/3d-printers-1-1024x768.jpg 1024w, /assets/3d-printers-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer in the printer village" decoding="async" fetchpriority="high" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/3d-printers-2-1024x768.jpg" alt="3D printer equipment" />
<img width="1024" height="768" src="/assets/3d-printers-2-1024x768.jpg" srcset="/assets/3d-printers-2-1024x768.jpg 1024w, /assets/3d-printers-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer equipment" loading="lazy" decoding="async" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/3d-printers-3-1024x768.jpg" alt="3D printer in operation" />
<img width="1024" height="768" src="/assets/3d-printers-3-1024x768.jpg" srcset="/assets/3d-printers-3-1024x768.jpg 1024w, /assets/3d-printers-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer in operation" loading="lazy" decoding="async" />
</figure>
<p></p>
assets/electronics-lab-2-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 208 KiB

assets/laser-cutters-1-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

assets/laser-cutters-3-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 187 KiB

assets/metal-shop-1-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

assets/metal-shop-2-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB

assets/metal-shop-3-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 189 KiB

assets/sewing-room-2-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 KiB

assets/wood-shop-1-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 KiB

assets/wood-shop-2-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

assets/wood-shop-3-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 KiB

contact/index.html
+2 -2
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>
@@ -158,7 +158,7 @@
</ul>
<figure>
<img width="1024" height="455" src="/assets/FrontProto-1024x455.jpg" alt="Exterior of the Protospace makerspace" />
<img width="1024" height="455" src="/assets/FrontProto-1024x455.jpg" srcset="/assets/FrontProto-1024x455.jpg 1024w, /assets/FrontProto.jpg 1112w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Exterior of the Protospace makerspace" loading="lazy" decoding="async" />
</figure>
<hr />
electronics-lab/index.html
+3 -3
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>
@@ -82,11 +82,11 @@
<h1>Electronics Lab</h1>
<div class="entry">
<figure>
<img width="1280" height="960" src="/assets/electronics-lab-2.jpg" alt="Electronics lab equipment" />
<img width="1024" height="768" src="/assets/electronics-lab-2.jpg" srcset="/assets/electronics-lab-2-1024x768.jpg 1024w, /assets/electronics-lab-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics lab equipment" decoding="async" fetchpriority="high" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/electronics-lab-3-1024x768.jpg" alt="Electronics workbench and equipment" />
<img width="1024" height="768" src="/assets/electronics-lab-3-1024x768.jpg" srcset="/assets/electronics-lab-3-1024x768.jpg 1024w, /assets/electronics-lab-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics workbench and equipment" loading="lazy" decoding="async" />
</figure>
</div>
</main>
index.html
+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>
join-us/index.html
+1 -1
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>
laser-cutters/index.html
+3 -3
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>
@@ -82,13 +82,13 @@
<h1>Laser Cutters</h1>
<div class="entry">
<figure>
<img width="1280" height="960" src="/assets/laser-cutters-1.jpg" alt="Laser cutter in the laser cutting area" />
<img width="1024" height="768" src="/assets/laser-cutters-1-1024x768.jpg" srcset="/assets/laser-cutters-1-1024x768.jpg 1024w, /assets/laser-cutters-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter in the laser cutting area" decoding="async" fetchpriority="high" />
</figure>
<p>Our laser cutting area also includes two mini desktop CNC mills:</p>
<figure>
<img width="1280" height="960" src="/assets/laser-cutters-3.jpg" alt="Laser cutter and CNC equipment" />
<img width="1024" height="768" src="/assets/laser-cutters-3-1024x768.jpg" srcset="/assets/laser-cutters-3-1024x768.jpg 1024w, /assets/laser-cutters-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter and CNC equipment" loading="lazy" decoding="async" />
</figure>
</div>
</main>
metal-shop/index.html
+4 -4
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>
@@ -82,15 +82,15 @@
<h1>Metal Shop</h1>
<div class="entry">
<figure>
<img width="1280" height="960" src="/assets/metal-shop-1.jpg" alt="Metalworking equipment in the metal shop" />
<img width="1024" height="768" src="/assets/metal-shop-1-1024x768.jpg" srcset="/assets/metal-shop-1-1024x768.jpg 1024w, /assets/metal-shop-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metalworking equipment in the metal shop" decoding="async" fetchpriority="high" />
</figure>
<figure>
<img width="1280" height="960" src="/assets/metal-shop-2.jpg" alt="Metalworking lathe in the metal shop" />
<img width="1024" height="768" src="/assets/metal-shop-2-1024x768.jpg" srcset="/assets/metal-shop-2-1024x768.jpg 1024w, /assets/metal-shop-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metalworking lathe in the metal shop" loading="lazy" decoding="async" />
</figure>
<figure>
<img width="1280" height="960" src="/assets/metal-shop-3.jpg" alt="Metal shop equipment and tools" />
<img width="1024" height="768" src="/assets/metal-shop-3-1024x768.jpg" srcset="/assets/metal-shop-3-1024x768.jpg 1024w, /assets/metal-shop-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metal shop equipment and tools" loading="lazy" decoding="async" />
</figure>
</div>
</main>
sewing-room/index.html
+5 -5
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>
@@ -82,19 +82,19 @@
<h1>Sewing Room</h1>
<div class="entry">
<figure>
<img width="1280" height="960" src="/assets/sewing-room-2.jpg" alt="Industrial embroidery machine in the sewing room" />
<img width="1024" height="768" src="/assets/sewing-room-2.jpg" srcset="/assets/sewing-room-2-1024x768.jpg 1024w, /assets/sewing-room-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial embroidery machine in the sewing room" decoding="async" fetchpriority="high" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" alt="Sewing room equipment and workspace" />
<img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" srcset="/assets/sewing-room-3-1024x768.jpg 1024w, /assets/sewing-room-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing room equipment and workspace" loading="lazy" decoding="async" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" alt="Industrial sewing machine" />
<img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" srcset="/assets/sewing-room-4-1024x768.jpg 1024w, /assets/sewing-room-4.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial sewing machine" loading="lazy" decoding="async" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" alt="Sewing and textile equipment" />
<img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" srcset="/assets/sewing-room-5-1024x768.jpg 1024w, /assets/sewing-room-5.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing and textile equipment" loading="lazy" decoding="async" />
</figure>
</div>
</main>
the-space/index.html
+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>
wood-shop/index.html
+4 -4
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>
@@ -82,15 +82,15 @@
<h1>Wood Shop</h1>
<div class="entry">
<figure>
<img width="1280" height="960" src="/assets/wood-shop-1.jpg" alt="Woodworking table saw and work surface" />
<img width="1024" height="768" src="/assets/wood-shop-1-1024x768.jpg" srcset="/assets/wood-shop-1-1024x768.jpg 1024w, /assets/wood-shop-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Woodworking table saw and work surface" decoding="async" fetchpriority="high" />
</figure>
<figure>
<img width="1280" height="960" src="/assets/wood-shop-2.jpg" alt="Woodworking tools and project workspace" />
<img width="1024" height="768" src="/assets/wood-shop-2-1024x768.jpg" srcset="/assets/wood-shop-2-1024x768.jpg 1024w, /assets/wood-shop-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Woodworking tools and project workspace" loading="lazy" decoding="async" />
</figure>
<figure>
<img width="1280" height="960" src="/assets/wood-shop-3.jpg" alt="Member using a woodworking power tool" />
<img width="1024" height="768" src="/assets/wood-shop-3-1024x768.jpg" srcset="/assets/wood-shop-3-1024x768.jpg 1024w, /assets/wood-shop-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using a woodworking power tool" loading="lazy" decoding="async" />
</figure>
</div>
</main>