Convert protospace.ca to static HTML

This commit is contained in:
Tanner
2026-09-16 17:13:21 +00:00
commit 9d5cc15922
60 changed files with 1454 additions and 0 deletions
+84
View File
@@ -0,0 +1,84 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>3D Printers Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<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" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/3d-printers-2-1024x768.jpg" alt="3D printer equipment" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/3d-printers-3-1024x768.jpg" alt="3D printer in operation" />
</figure>
<p></p>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
Binary file not shown.

After

Width:  |  Height:  |  Size: 253 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 164 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 265 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 289 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 213 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 KiB

+55
View File
@@ -0,0 +1,55 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="120px" height="120px" viewBox="4 4 120 120" style="enable-background:new 4 4 120 120;" xml:space="preserve">
<g id="gears2">
<g>
<path d="M112.3,49.1c-5.1-0.9-11,0.2-16.2,0.3c0.5-1.5,1.601-2.3,2.4-3.4c0.9-1.2,1.9-2.2,3.1-3.1c-0.199-2.5,1.7-2.9,2.101-4.8
c0-1-0.7-1.3-1-2.1c-0.8-0.2,0.1-2.1-0.7-2.4c-2.8-3.9-6.6-6.7-9.6-10.3c-1.5-0.8-1.801-2.8-4.101-2.8c-2.2,0.5-3,2.5-4.8,3.4
c-0.7,1.2-1.2,2.4-2.4,3.1c-0.699,1.3-1.199,2.7-2.8,3.1c-1.5-0.1-2.899-0.4-3.8-1c-0.9-2.5,0-5.9,0-8.6c0.7-1.5,1.5-2.9,1.4-5.2
c-1-1.4-3.301-1.5-5.9-1.4h-7.6c-2.7,1-7.7-0.4-10,1c-2.5,2.8-1,9.6-1.4,14.5c-1.4,0.4-2,1.7-3.4,2.1c-1-2.7-3.3-4.1-4.1-6.9
c-1.1-0.7-1.3-2.4-2.1-3.4c-0.7-1.1-0.9-2.8-2.8-2.8c-2.1-0.2-2.3,1.6-3.8,2.1c-0.7,1.2-2,1.9-2.8,3.1c-2.3,1.7-3.9,4.1-6.2,5.9
c-0.1,1.3-1.3,1.5-1.4,2.8c-0.3,1-2.1,0.7-1.7,2.4c1.5,5.5,6.1,8,8.3,12.7c-0.7,1.3-0.6,3.3-1.4,4.5c-2.4-0.1-5.1,0.1-7.6,0
s-5.3-1.1-6.9,0.7c-0.7,1.5-0.3,4.6,0,6.2V65c0.3,3.6,1.4,6.4,2.8,9c5.4,0.2,9.7-0.9,14.5-1.4c-0.3,2.2,0.9,2.7,0.7,4.801
c-2.4,3.399-5.6,6.1-8.6,9c-0.5,0.5-0.5,1.6-1,2.1c-0.6,0.6-1.4,0.9-1.4,2.1c1,3.801,3.9,5.7,5.9,8.601c3,2.1,4.5,5.7,8.3,6.5
c2.9-1.101,4.8-3.2,7.2-4.8c0.9-1,2.1-1.801,3.1-2.801c1.2-0.5,1.9-3,3.8-1.699c0.7,0.3,0.4,2.399,0,2.8v3.8
c-0.1,1.6,1.6,1.4,1.4,3.1c0.1,2,0.3,3.801,0.7,5.5c2.3,2.2,6.4,2.601,11,2.4c1.7-0.4,2.8-1.4,4.5-1.7h5.5
c1.4-0.7,1.9-2.3,2.8-3.399c-0.7-3.601,0.5-6.7,0.7-10.301c1.4-0.199,2.7-0.5,4.1-0.699c1,1.699,2.101,3.399,3.4,4.8
c1,1.8,2.7,2.8,4.8,3.399c1.4-0.3,1.7-1.8,3.4-1.699c2.1-2.101,3.7-4.601,5.899-6.5c0.801-1.301,1.5-2.601,2.801-3.4
c0.399-1.6,2.399-1.8,2.8-3.4c0.7-0.1,0.1-1.5,0.7-1.699c0.399-0.4,0.399-1.2,0.3-2.101c-0.7-2.3-2.4-3.5-3.8-5.2
C100.7,81.3,100.3,80.2,99.3,79.7c0-0.7-0.899-0.4-0.7-1.4c-0.3-0.1-1.5-0.899-0.699-1c4.8-0.2,7.3,0.5,11,0
c0.5-0.8,1.199-1.3,1.699-2.1c-0.1-1.4,1.5-1.101,1.4-2.4c0.6-5,1-10.3,1.4-15.5C112.8,53.8,113.8,51.1,112.3,49.1z M22.7,67.7
c-0.2-0.2,0.2-0.4,0.3-0.3C23.2,67.5,22.8,67.7,22.7,67.7z M106.7,60.8c-0.8,3-0.2,7.4-1.7,9.601c-3.2,0.1-7-0.301-9.6,0.3
c-0.9,0.2-0.7-0.7-1-1C93.7,69.6,93.5,69,92.7,69c-3.2,0.2-3,3.9-4.101,6.2c0.801,3.2,2.601,5.5,4.801,7.2
c1.699,2.5,3.5,4.699,5.5,6.899c-0.101,0.8-1.7,0.101-2.4,0.3C94.3,90.8,93,93,91,94.4C90.6,95.8,89.2,96.3,88.9,97.8
c-2-1.5-2.9-4.3-4.5-6.2c-0.9-0.199-1.801-0.5-2.4-1C79.2,91.7,75.6,92,72.7,93c-1.101,0.4-1.3,1.7-2.101,2.4
c0.4,3.8-0.699,6.1-0.699,9.6c-2,0.1-3.301-0.6-5.5-0.3c0.8-2.101,1.4-4.3,1.7-6.9c0.7-0.7,0.4-2.3,1-3.1c-0.1-1.3,0.9-2.7,0-3.8
C65.7,91,65.3,92.1,65,93.3c-0.4,1.2-1.1,2.101-1,3.8c-1.2,2-1.2,5.2-2.1,7.601h-4.1c-0.1-0.8,0.1-1.3,0.3-1.7
c1,0.1,0.3-1.3,1-1.4c0.1-4.3,2.2-8.3,1.7-12.1c-2.4-0.4-1.8,2.1-2.8,3.1C57.7,93.4,57.3,93.9,57.3,95c-0.8,0.2-0.1,2-1.4,1.7
c-0.4-1.9-0.7-2.4-0.3-4.5c-0.6-2.3-2.7-3.3-5.2-3.8c-0.2-2.301,1.8-4.101,0.7-6.2C49.3,82,48.8,83.1,48.7,84.6
c-0.7,0.9-0.9,2.301-1,3.801C45.2,90.6,43,93.1,40.1,94.9c0,0.399-0.5,0.199,0,0c0.4-3.5,2.6-7,2.1-10.301
c-1.8,0.4-1.5,2.9-2.8,3.801C39.1,90.3,38.5,91.9,38,93.6c-0.1,1.101,0.4,1.7,1.4,1.7c-0.5,1.3-2.2,1.5-2.8,2.8
C35.7,97.7,35.4,96.7,34.5,96.4c0.2-1,0.5-1.801,0.7-2.801c-0.2-2.8,0.5-4.5,0.7-6.899c0.6-0.101,0.2-1.2,0.7-1.4
c0-0.7,0.9-0.399,0.7-1.399c-0.1-0.7-0.7-0.9-1-1.4c-4,0.6-3.9,5.3-4.8,9c-1.1-0.5-1.1-2.1-2.1-2.8c1.4-2.9,3.9-4.8,5.5-7.601
C35.7,80.7,37,80.9,37.7,80.4C37.9,79.6,38.2,78.8,38,77.6c-0.2-1.1,1.1-0.8,0.7-2.1c-0.5-3.1-1.2-5.9-2.4-8.3
c-0.6,0-0.9-0.3-1-0.7c-1.5-0.3-2.1,0.5-3.4,0.3c0.4-2.6,3.5-3.9,2.4-6.9c-3.1-0.3-3.3,2.2-5.2,3.1c-0.2,1.6-1.8,1.9-1.7,3.8
c-1.3-0.3-1.6,0.4-2.8,0.3c0.9-1.1,1.8-2.399,2.1-4.1c0.8-1.4,1.6-2.7,2.1-4.5c-1.4-1.1-3.4,0.3-3.8,1.4c-0.8-0.3,0.7-1.8-0.3-2.4
c-1.9-0.7-2.1,1.5-3.1,0.7v-2.1c2.6,0.6,6.8,0.6,9-0.3c1.8,0.4,2.6,0.2,4.5,0c0.6-0.3,1.1-0.8,1.4-1.4c0.3-1.5-0.7-1.6-1-2.4
c1.1-2.3-1.1-4.7-0.3-6.5c-0.3-1.4,1.9,0.4,2.4-0.7c1-0.2,1-1.3,1.4-2.1c-0.4-2.4-2.4-3.1-3.8-4.5c-1.8-0.9-2.9-2.6-4.8-3.4
c0.1-1.3,1.5-1.3,2.1-2.1c0.5-0.8,1.2-1.5,2.1-2.1c0.5-0.8,1.2-1.5,2.1-2.1c0.8-0.7,1.3-1.7,2.8-1.7c0.5,2.2,2.1,3.4,3.1,5.2
c1.4,1.4,1.7,4,3.8,4.8h1c1.7,0,2-1.4,2.4-2.8c1.1-0.1,1.3-1,2.1-1.4c0.8,0,1,0.6,2.1,0.3c2.9-1.4,1.3-7.4,1.7-11.4
c2.8,0.5,5.2,1.4,8.6,1.4c1.8-0.2,2.7-1.5,4.8-1.4v6.9c0.601,2.1,0,5.5,1.7,6.5c2,0.4,1.2-2.1,2.4-2.4c1.399-0.3,1.8,0.5,3.1,0.3
c0.9,0.5,1,1.7,2.4,1.7c2.6-0.2,3.5-2,5.5-2.8c1.6-1,2.7-2.3,4.1-3.4c1.8-0.1,1.8,1.6,3.101,2.1c1.1,0.8,1.899,1.8,3.1,2.4
c1,1.9,2.8,2.9,3.4,5.2C94.3,39.2,94.3,44,90,44.5c-0.8,3.4-0.7,8.7,2.1,9.6c1,0.1,1.801-0.1,2.101-0.7
c2.899,2.3,8.5,0.3,12.7,0.7C107,55.9,106.6,58.8,106.7,60.8z M80.9,60.1c-0.5-1-1.101-1.9-1.4-3.1c-1-1.4-2.4-2.4-3.1-4.1
c-0.9,0.1-1.101-0.5-1.4-1c-1.9-0.7-3.3-2-5.5-2.4c-1.9-0.8-4.6-0.9-6.9-1.4h-4.5c-0.2,0-0.4,0.1-0.3,0.3h-0.7
c-0.9,0.5-2,0.7-2.4,1.7c-0.5,0.2-0.8,0.5-1,1c-0.5,0.2-1.8-0.4-1.7,0.3c-1,0.3-1.7,1-2.1,2.1c-1.5-0.2-1.8,0.9-2.8,1.4
c-1.8,3.6-2.9,7.9-2.4,13.8c0.7,1.1,1,2.7,1.7,3.8c0.8,1.1,1.8,2.1,2.4,3.4c2,1.8,3.9,3.699,6.2,5.199
c2.8,0.801,5.8,1.301,9.3,1.4c0.4-0.3,0.9-0.5,1.7-0.3c3.6-1.4,7.1-2.8,10-4.8c0.8-1.2,2.1-2,2.8-3.4c1-1.2,1.601-2.7,2.4-4.1
C81.2,66.4,81.5,62.8,80.9,60.1z M67.8,75.9c-4,0.199-7.4-0.2-10.3-1c-2-1.601-4.1-3-5.2-5.5c-0.6-4-0.5-7.9,0-11.7
c0.6-0.5,1.3-1,2.4-1.4c0.1,0,0.6,0.1,0.7,0c0.4-0.5,2.5-1.2,3.8-1.4c2.8-0.4,5.7,0.4,8.6,0.3c1.2,1.2,3.3,1.5,3.8,3.4
c0.7,0.6,1.601,0.9,1.7,2.1c1.3-0.2,1.101,1.2,1.7,1.7C75.6,69.9,72.3,73.5,67.8,75.9z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 256 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 225 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 275 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 279 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 289 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 307 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 230 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 292 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 275 KiB

+130
View File
@@ -0,0 +1,130 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Contact Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout full">
<main>
<h1>Contact</h1>
<div class="entry">
<p>Its great that youre interested in Protospace!</p>
<p>
The best starting point is to
<strong>come out to one of our open house nights, held every Tuesday from 7 pm to 9 pm</strong>
(even holidays). Just drop in and you can have a tour, meet some of the people and see how we
work. There are often people around on the weekend, and occasionally our volunteers make
arrangements to meet someone at another time, but Tuesdays are the best opportunity.
</p>
<hr />
<p>
Aside from visiting an open house, you can contact us through these methods (email is the
most effective):
</p>
<h3>Email:</h3>
<p><a href="mailto:info@protospace.ca">info@protospace.ca</a></p>
<hr />
<h3>Telephone&nbsp;(only Voice Mail):</h3>
<p>+1 (587) 774-5672</p>
<hr />
<h3>Postal Mail:</h3>
<p>
1530 27th Avenue NE, Bay 108<br />
Calgary, Alberta, Canada<br />
T2E 7S6
</p>
<hr />
<p>
<a href="https://www.google.ca/maps/place/Calgary+Protospace+Ltd./@51.07701,-114.0233128,15z/data=!4m2!3m1!1s0x537177754cb71bf9:0xa0039e8a3e820581">
Here is a <em>Google Map</em> to our location
</a>.
</p>
<span class="icon-paperplane" aria-hidden="true"></span>
<h3>Parking:</h3>
<p>
Designated spots are available in the rear parking lot. There is also street parking at the
side of the complex. A door bell available at rear entrance. Please use the front door during
public Protospace events, as you will be required to sign in and get a name tag.
</p>
<hr />
<h3>Getting Here:</h3>
<p>
<a href="https://maps.google.ca/maps/ms?msid=208583905441188347072.0004ca4c53d4171d3923b&amp;msa=0&amp;z=13">
View Larger Map
</a>
</p>
<p>
Our space is in an industrial area and not overly pedestrian friendly. To make it a bit
easier we offer a loose car pool system and there are often members happy to give you a lift
home if you can get down to the space.<br />
Here are the nearest transit stops:
</p>
<ul>
<li>Stop: 6033 NB 12 ST@27 AV NE</li>
<li>Stop: 7512 EB 27 AV@12 ST NE</li>
<li>Stop: 7522 WB 27 AV@15 ST NE</li>
</ul>
<figure>
<img width="1024" height="455" src="/assets/FrontProto-1024x455.jpg" alt="Exterior of the Protospace makerspace" />
</figure>
<hr />
<p></p>
</div>
</main>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
+78
View File
@@ -0,0 +1,78 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Electronics Lab Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<h1>Electronics Lab</h1>
<div class="entry">
<figure>
<img width="1280" height="960" src="/assets/electronics-lab-2.jpg" alt="Electronics lab equipment" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/electronics-lab-3-1024x768.jpg" alt="Electronics workbench and equipment" />
</figure>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
+99
View File
@@ -0,0 +1,99 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>We make space so you can make things Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<div class="entry">
<div class="entry home-intro">
<h1>Calgary's Original Makerspace</h1>
<p>
Protospace is Calgarys non-profit makerspace. We have a community wood shop, metal shop,
sewing room, 3D printers, laser cutters, electronics lab, and
<a href="/the-space/">much more</a>. We offer classes on equipment you are unfamiliar with,
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" />
</div>
<p>
We are a quirky, fun community where artists, makers and geeks come together to share our
knowledge, equipment and ideas. We have no owners, shareholders, employees, or staff.
Everything we do is driven by our members volunteering.
</p>
<p>
We are more than just our machines. We are a place to meet new friends, to hang out, to
learn new skills, discuss common interests and network. We always welcome new members,
everyone from beginners to experts and everything in between.
</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" />
</div>
</div>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
+251
View File
@@ -0,0 +1,251 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Membership Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<h1>Membership</h1>
<div class="entry">
<p>
Membership grants 24/7 access to the makerspace. You&#8217;ll be able to use the wood shop,
metal shop, sewing room, 3D printers, laser cutters, and electronics lab to build your
projects. You can
<a rel="noreferrer noopener" href="https://my.protospace.ca/classes" data-type="URL" target="_blank">attend classes</a>
for machines that require training or a safety orientation. You&#8217;ll get a shelf to store
projects or supplies if you want.
</p>
<p>
Most importantly, you&#8217;ll belong to a community of makers, hackers, and nerds just like
you! Protospace is ran 100% by the membership. Everything is done by volunteers. We have no
owners, employees, shareholders, or staff. Actually, you might be the only one in the
building at 3:00 am.
</p>
<h3><strong>Dues</strong></h3>
<p>
<strong>Member dues:</strong> $55 / month &#8211; (students or low income: $35 / month).
</p>
<p><strong>Membership Includes:</strong></p>
<ul>
<li>24/7 access to Protospace</li>
<li>Personal storage shelf</li>
<li>
Access to all tools:
<ul>
<li>Laser cutters</li>
<li>3D printers</li>
<li>Full wood &amp; metal shop</li>
<li>Hand &amp; power tools</li>
<li>Sewing room</li>
<li>Electronics room</li>
</ul>
</li>
<li>Access to workbenches / workspaces</li>
<li>Vote on decisions at meetings</li>
<li>Community of nerds</li>
</ul>
<p>
<strong>New member discount:</strong> pay for the first two months, get the third one free!
</p>
<p><strong>Payment options:</strong> cash, cheque, Square, PayPal or e-Transfer.</p>
<p><strong>Cancellation</strong>: Pause or cancel any time, there are no contracts.</p>
<h3><strong>Membership Process</strong></h3>
<div>
<p><strong>Outline:</strong></p>
<ul>
<li>Attend Tuesday Open House 7-9pm</li>
<li>Sign up</li>
<li>
Probationary membership
<ul>
<li>Four week period</li>
<li>Find two sponsors</li>
<li>Attend New Member Orientation class</li>
</ul>
</li>
<li>Get vetted</li>
<li>Full membership</li>
<li>Take classes</li>
</ul>
</div>
<p>
<strong>Attend open house:</strong> Every Tuesday from 7-9 pm we host an open house (even
holidays). The public is welcome to attend, take tours, interact with the membership, and
look at our gizmos. No need to book anything, just show up.
</p>
<p>
<strong>Sign up:</strong> When you are ready to join, you sign up at an open house.
We&#8217;ll print some forms for you to sign and take your initial payment.
</p>
<p>
<strong>Probationary membership:</strong> You&#8217;ll be a probationary member for a minimum
of four weeks. During this time you&#8217;ll only be able to access the space when a full
member is present.
</p>
<p>
<strong>Four week period:</strong> After four weeks you can choose to get vetted, or continue
as a probationary member indefinitely.
</p>
<p>
<strong>Find two sponsors:</strong> You&#8217;ll need to find two members who can vouch for
your good character before you can get vetted. You can meet people during the weekly open
houses, monthly cleans, or many of our classes.
</p>
<p>
<strong>Attend New Member Orientation:</strong> Before you can use any tool larger than a
screw driver, you&#8217;ll need to attend an orientation class. It covers general shop safety
and outlines the culture of Protospace.
</p>
<p>
<strong>Get vetted:</strong> After four weeks, two sponsors, and the orientation, you can get
vetted. This usually happens on Tuesday nights. We&#8217;ll ask you some questions, make sure
you&#8217;ve met the above requirements, and give you a key fob.
</p>
<p>
<strong>Full member:</strong> Once vetted, you&#8217;re considered a full member.
You&#8217;ll have 24/7 access to the building, get the alarm code, be able to vote at the
monthly member meetings, be able to sponsor new members, and get a shelf to store things on.
</p>
<p>
<strong>Take classes:</strong> Some of our machines require training in order to be allowed
to operate them. Volunteers routinely run classes that you can attend for a small fee.
</p>
<h3><strong>Member Duties</strong></h3>
<p>Our 3 guiding principles are:</p>
<ul>
<li>Be excellent to each other</li>
<li>Don&#8217;t make us make a rule</li>
<li>Don&#8217;t be on fire</li>
</ul>
<p>
We rely on our members to make things happen. Members are expected to pitch in to keep the
place safe and tidy.
</p>
<h3><strong>Membership FAQ</strong></h3>
<p>We receive a number of repeat questions in our inbox:</p>
<p><strong>Do you offer day rates?</strong></p>
<p>
No, we are not set up to host and monitor users on a per day basis. We don&#8217;t have
staff, everything we do is done by our wonderful and amazing volunteers!
</p>
<p><strong>Can I just join for a month to do my one project?</strong></p>
<p>
Not exactly, as a new member your first month is a probationary month where you are unable to
use the space alone. Also, the training courses necessary to use certain equipment may not be
offered at times convenient to facilitate this. That said, we are not a like gym and there
are no contracts so you are free to cancel or pause your membership at any time with no
penalties.
</p>
<p>
<strong>Can I get immediate/urgent access to your space to do my school project or that thing I
left to the last minute?</strong>
</p>
<p>No, all new members must go through the same new membership process described above.</p>
<p>
<strong>I need to do just one small thing, but it&#8217;s urgent or I don&#8217;t have the
skills
to do it. Can someone do it for me?</strong>
</p>
<p>
You are welcome to post a commission request on
<a href="https://forum.protospace.ca/c/chattymcchatface/commissions/35">our forum</a>.
However, please be aware that there is <strong>no guarantee</strong> that we have any members
willing or able to take on your request. It&#8217;s up to you to work something out with a
member.
</p>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
+80
View File
@@ -0,0 +1,80 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Laser Cutters Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<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" />
</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" />
</figure>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
+82
View File
@@ -0,0 +1,82 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Metal Shop Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<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" />
</figure>
<figure>
<img width="1280" height="960" src="/assets/metal-shop-2.jpg" alt="Metalworking lathe in the metal shop" />
</figure>
<figure>
<img width="1280" height="960" src="/assets/metal-shop-3.jpg" alt="Metal shop equipment and tools" />
</figure>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
+86
View File
@@ -0,0 +1,86 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Sewing Room Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<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" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" alt="Sewing room equipment and workspace" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" alt="Industrial sewing machine" />
</figure>
<figure>
<img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" alt="Sewing and textile equipment" />
</figure>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
+294
View File
@@ -0,0 +1,294 @@
@import url("https://fonts.googleapis.com/css2?family=Grand+Hotel&family=Lato:wght@400;700&family=Yanone+Kaffeesatz:wght@300;400&display=swap");
:root {
--blue: #287abd;
--ink: #292929;
--paper: #fafafa;
}
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
min-width: 320px;
background: var(--paper);
color: var(--ink);
font:
16px/1.5 Lato,
Arial,
sans-serif;
}
a {
color: var(--ink);
text-decoration: underline;
}
header {
background: var(--blue);
border-bottom: 1px solid #17619f;
box-shadow: 0 2px 10px #0003;
}
.nav-wrap {
max-width: 1140px;
margin: auto;
min-height: 72px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
}
.brand img {
display: block;
width: 240px;
height: auto;
}
.nav {
display: flex;
gap: 28px;
align-items: center;
}
.nav a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font:
300 22px/1 "Yanone Kaffeesatz",
sans-serif;
}
.nav a:hover {
text-decoration: underline;
}
.content {
max-width: 1140px;
width: calc(100% - 40px);
margin: 0 auto 72px;
}
.layout {
display: grid;
grid-template-columns: minmax(0, 750px) 300px;
gap: 90px;
margin-top: 60px;
}
.layout.full {
display: block;
}
main h1 {
font:
400 52px/1.1 "Grand Hotel",
serif;
margin: 0 0 24px;
}
.entry p {
margin: 24px 0;
}
.entry ul {
margin: 0;
}
.entry p + ul {
margin-top: -24px;
}
.entry h3 {
font:
300 32px/1.2 "Yanone Kaffeesatz",
sans-serif;
margin: 28px 0 12px;
}
.entry hr {
border: 0;
border-top: 1px solid #0002;
margin: 30px 0;
}
.entry figure {
margin: 24px 0;
}
.entry img {
display: block;
width: 100%;
height: auto;
}
.entry figure + figure {
margin-top: 24px;
}
.entry figure img {
max-height: 520px;
object-fit: cover;
}
.sidebar h2 {
font:
300 30px/1 "Yanone Kaffeesatz",
sans-serif;
text-transform: uppercase;
margin: 10px 0 30px;
}
.sidebar {
margin-top: 0;
}
.sidebar section {
margin: 0 0 58px;
}
.sidebar .green {
color: green;
font-weight: 700;
}
.map {
width: 100%;
height: 300px;
border: 0;
}
.search {
display: flex;
border: 2px solid var(--ink);
border-radius: 5px;
overflow: hidden;
height: 60px;
}
.search input {
min-width: 0;
flex: 1;
border: 0;
padding: 15px;
background: #fff8;
font: 16px Lato;
}
.search button {
width: 82px;
border: 0;
border-left: 2px solid var(--ink);
font-size: 26px;
background: #eee;
}
.home-intro {
margin-top: 0;
}
.home-gallery {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin: 24px 0;
}
.home-gallery img {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
}
.thoughts {
text-align: center;
margin: 24px;
}
.thoughts img {
width: 150px;
margin: auto;
}
footer {
background: var(--blue);
color: #eee;
padding: 50px 0 18px;
}
.footer-inner {
max-width: 1140px;
margin: auto;
}
.footer-links {
display: grid;
grid-template-columns: repeat(3, 1fr);
text-align: center;
gap: 20px;
margin-bottom: 65px;
}
footer a {
color: #eee;
}
footer h4 {
text-align: center;
font:
300 24px "Yanone Kaffeesatz",
sans-serif;
margin: 0;
}
.footer img {
height: 30px;
vertical-align: middle;
}
@media (max-width: 760px) {
.nav-wrap {
padding: 12px 20px;
display: block;
}
.brand img {
margin: auto;
}
.nav {
justify-content: center;
gap: 15px;
margin-top: 15px;
}
.nav a {
font-size: 18px;
}
.content {
padding: 0 20px;
}
.layout {
display: block;
margin-top: 35px;
}
.sidebar {
margin-top: 55px;
}
main h1 {
font-size: 44px;
}
.footer-inner {
padding: 0 20px;
}
.home-gallery {
gap: 4px;
}
}
/* Equipment area cards */
.area-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin: 24px 0 40px;
}
.area-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
color: #fff;
text-decoration: underline;
background: #222;
}
.area-card::after {
position: absolute;
inset: 45% 0 0;
background: linear-gradient(transparent, #000b);
content: "";
}
.area-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 180ms ease;
}
.area-card span {
position: absolute;
z-index: 1;
bottom: 28px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
font-size: clamp(1.5rem, 3vw, 2.4rem);
text-shadow: 0 1px 4px #000;
}
.area-card:hover img,
.area-card:focus-visible img {
transform: scale(1.04);
}
@media (max-width: 560px) {
.area-grid {
grid-template-columns: 1fr;
}
}
+133
View File
@@ -0,0 +1,133 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>About Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<h1>About</h1>
<div class="entry">
<p>
Our space occupies about 6500 square feet consisting of two 2000 sq ft warehouse bays that
constitute our workshop areas, along with general work space, office and support areas.
</p>
<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>
</div>
<p id="facilities">Facilities available to members include (training may be required):</p>
<ul>
<li>New Sewing Area (embroidery machine, serger, DTG printer, sublimation machine)</li>
<li>Electronics Area (soldering, oscilloscopes, power supplies)</li>
<li>3D Printer Village</li>
<li>Laser Cutters</li>
<li>
Woodworking Shop (table saw, miter saw, bandsaw, sanders, planners, jointer, CNC Routers
large and small)
</li>
<li>Machining Shop (milling machine, lathe, CNC milling machine)</li>
<li>Welding Shop (MIG, aluminum spool gun, AC/DC arc/stick, TIG welder)</li>
<li>Member Storage</li>
<li>Classroom Space (with computers and projector)</li>
<li>Lounge</li>
<li>Office/Small Meeting Room</li>
</ul>
<p>
Our space is always growing. We add new tools and features every month. If you havent seen
us in a while, drop by and and see whats new!
</p>
<p></p>
<h2>Tool Donation Wishlist</h2>
<p>Protospace will benefit from the following tools:</p>
<ul>
<li>Sawstop table saw</li>
<li><span style="color: initial">Soldering irons</span></li>
<li>Metal lathe collect chuck</li>
<li>Large wood planer</li>
<li>Engine hoist</li>
<li>Motorized winch / gantry</li>
<li>20&#8243; disc sander</li>
<li>Panel saw</li>
<li>Pantorouter</li>
<li>Thermal camera</li>
<li>Pottery equipment</li>
<li>Glassblowing equipment</li>
</ul>
<p></p>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>
+82
View File
@@ -0,0 +1,82 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Wood Shop Protospace</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<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" />
</figure>
<figure>
<img width="1280" height="960" src="/assets/wood-shop-2.jpg" alt="Woodworking tools and project workspace" />
</figure>
<figure>
<img width="1280" height="960" src="/assets/wood-shop-3.jpg" alt="Member using a woodworking power tool" />
</figure>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
<section>
<form class="search">
<input placeholder="Search…" aria-label="Search" />
<button type="button"></button>
</form>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div>
<h4>PROTOSPACE 2026 · All rights reserved</h4>
</div>
</footer>
</body>
</html>