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

Compare commits

base: tanner/main-website:07056bd10bd1ed71072217f2650ddec37d7b9cee
Branches Tags
tanner/main-website:master
..
compare: tanner/main-website:428398820cb36fac6f8d1c8fe651dfed9fc638f4
Branches Tags
tanner/main-website:master
6 Commits
07056bd10b .. 428398820c
Author SHA1 Message Date
Tanner 428398820c Make links look better 2026-09-24 00:42:02 +00:00
Tanner 3ad2c47bb3 Put Spaces URL back to /the-space/ 2026-09-24 00:33:21 +00:00
Tanner b9c7791f95 Refine About, Membership, and Spaces pages 2026-09-24 00:30:56 +00:00
Tanner 35c513d08b Reorder header, make mobile 3x2 2026-09-24 00:24:30 +00:00
Tanner 1a264905ea Rename About to Spaces, add About page 2026-09-23 20:58:23 +00:00
Tanner 933720125a Add external link icons 2026-09-23 20:50:51 +00:00
15 changed files with 352 additions and 137 deletions
Expand all files Collapse all files
3d-printers/index.html
+8 -7
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -112,7 +113,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -131,9 +132,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
AGENTS.md
+2 -1
View File
@@ -16,6 +16,7 @@ This is the static website for Protospace, a non-profit makerspace in Calgary, A
- Every page must be an `index.html` inside its own route directory:
- `/index.html`
- `/about/index.html`
- `/the-space/index.html`
- `/join-us/index.html`
- `/contact/index.html`
@@ -66,7 +67,7 @@ Keep source code pleasant for humans to read and edit.
When adding or editing a page, match the existing structure:
- Header with Protospace logo and links to About, Membership, Wiki, Portal, and Contact
- Header with Protospace logo and links to About, Spaces, Membership, Wiki, Portal, and Contact
- Main page content with one meaningful `<h1>`
- Sidebar containing the current open-house information, address, parking details, map iframe, and search control where applicable
- Footer containing YouTube, FAQ, and Facebook links
about/index.html
+202
View File
@@ -0,0 +1,202 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Learn about Protospace, Calgary’s volunteer-run non-profit makerspace and community workshop." />
<link rel="canonical" href="https://protospace.ca/about/" />
<meta property="og:title" content="About Protospace – Protospace" />
<meta property="og:description" content="Learn about Protospace, Calgary’s volunteer-run non-profit makerspace and community workshop." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/about/" />
<meta property="og:image" content="https://protospace.ca/assets/FrontProto-1024x455.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>About Protospace – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": [
"LocalBusiness",
"NonprofitOrganization"
],
"@id": "https://protospace.ca/#organization",
"name": "Protospace",
"description": "Protospace is a volunteer-run, non-profit makerspace in Calgary with shared woodworking, metalworking, sewing, electronics, laser cutting, and 3D printing facilities.",
"url": "https://protospace.ca/",
"logo": "https://protospace.ca/assets/logo.png",
"image": "https://protospace.ca/assets/FrontProto-1024x455.jpg",
"telephone": "+1-587-774-5672",
"email": "info@protospace.ca",
"address": {
"@type": "PostalAddress",
"streetAddress": "1530 27th Avenue NE, Bay 108",
"addressLocality": "Calgary",
"addressRegion": "AB",
"postalCode": "T2E 7S6",
"addressCountry": "CA"
},
"areaServed": "Calgary, Alberta, Canada",
"priceRange": "$55/month",
"sameAs": [
"https://www.facebook.com/CalgaryProtospace/",
"https://www.youtube.com/user/calgaryprotospace/playlists"
],
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": "https://schema.org/Tuesday",
"opens": "19:00",
"closes": "21:00",
"description": "Public open house every Tuesday from 7:00 pm to 9:00 pm, including holidays. Visitors can drop in for a tour."
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+1-587-774-5672",
"email": "info@protospace.ca",
"contactType": "customer service"
}
}
</script>
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<h1>About Protospace</h1>
<div class="entry">
<p>
Protospace is a volunteer-run, non-profit makerspace in Calgary, Alberta. We bring together
artists, builders, hackers, engineers, and curious people who want to learn, make things, and
share what they know.
</p>
<h2>A place to make things</h2>
<p>
Our 6,500-square-foot space includes dedicated areas for woodworking, metalworking, sewing,
electronics, laser cutting, 3D printing, machining, welding, and larger projects. Members
can use shared tools and workspaces around the clock, with training available for equipment
that requires an orientation.
</p>
<p>
Explore the <a href="/the-space/">spaces and equipment</a> available to members, or visit the
individual pages for the <a href="/wood-shop/">wood shop</a>,
<a href="/metal-shop/">metal shop</a>, <a href="/laser-cutters/">laser cutters</a>,
<a href="/sewing-room/">sewing room</a>, <a href="/electronics-lab/">electronics lab</a>,
and <a href="/3d-printers/">3D printers</a>.
</p>
<h2>Community-powered</h2>
<p>
Protospace has no owners, employees, or shareholders. The space is run by its members,
who volunteer their time to maintain equipment, teach classes, organize events, and keep
the community welcoming. Beginners and experienced makers are equally welcome.
</p>
<h2>Come visit</h2>
<p>
The best way to get to know Protospace is to come to our open house, every Tuesday from
7:00 pm to 9:00 pm, including holidays. Drop in for a tour, meet members, and see what
we are building. You don't need to register.
</p>
<h2>Protospace FAQ</h2>
<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" class="external">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" class="external">Watch the Protospace mini tour video</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"
loading="lazy"
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>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
</footer>
</body>
</html>
contact/index.html
+10 -9
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -100,7 +101,7 @@
<h2>Email:</h2>
<p><a href="mailto:info@protospace.ca">info@protospace.ca</a></p>
<p><a href="mailto:info@protospace.ca" class="external">info@protospace.ca</a></p>
<hr />
@@ -121,7 +122,7 @@
<hr />
<p>
<a href="https://www.google.ca/maps/place/Calgary+Protospace+Ltd./@51.07701,-114.0233128,15z/data=!4m2!3m1!1s0x537177754cb71bf9:0xa0039e8a3e820581">
<a href="https://www.google.ca/maps/place/Calgary+Protospace+Ltd./@51.07701,-114.0233128,15z/data=!4m2!3m1!1s0x537177754cb71bf9:0xa0039e8a3e820581" class="external">
Here is a <em>Google Map</em> to our location
</a>.
</p>
@@ -139,7 +140,7 @@
<h2>Getting Here:</h2>
<p>
<a href="https://maps.google.ca/maps/ms?msid=208583905441188347072.0004ca4c53d4171d3923b&amp;msa=0&amp;z=13">
<a href="https://maps.google.ca/maps/ms?msid=208583905441188347072.0004ca4c53d4171d3923b&amp;msa=0&amp;z=13" class="external">
View Larger Map
</a>
</p>
@@ -174,9 +175,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
electronics-lab/index.html
+8 -7
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -103,7 +104,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -122,9 +123,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
index.html
+8 -7
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -135,7 +136,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -154,9 +155,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
join-us/index.html
+9 -49
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -85,7 +86,7 @@
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>
<a rel="noreferrer noopener" href="https://my.protospace.ca/classes" data-type="URL" target="_blank" class="external">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>
@@ -220,47 +221,6 @@
place safe and tidy.
</p>
<h2>Membership FAQ</h2>
<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">
@@ -270,7 +230,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -289,9 +249,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
laser-cutters/index.html
+8 -7
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -105,7 +106,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -124,9 +125,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
llms.txt
+2 -1
View File
@@ -5,7 +5,8 @@
## Main pages
- [Home](https://protospace.ca/): Overview of Protospace, its community, facilities, and membership.
- [About the space](https://protospace.ca/the-space/): Description of the facility, available areas, and member equipment.
- [About Protospace](https://protospace.ca/about/): Background on Protospace, its volunteer-run community, mission, and how to visit.
- [Spaces](https://protospace.ca/the-space/): Description of the facility, available areas, and member equipment.
- [Membership](https://protospace.ca/join-us/): Membership dues, benefits, process, duties, and frequently asked questions.
- [Contact](https://protospace.ca/contact/): Contact information, address, parking, transit, and directions.
metal-shop/index.html
+8 -7
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -110,7 +111,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -129,9 +130,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
sewing-room/index.html
+8 -7
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -117,7 +118,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -136,9 +137,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
sitemap.xml
+3
View File
@@ -3,6 +3,9 @@
<url>
<loc>https://protospace.ca/</loc>
</url>
<url>
<loc>https://protospace.ca/about/</loc>
</url>
<url>
<loc>https://protospace.ca/the-space/</loc>
</url>
styles.css
+56 -13
View File
@@ -54,7 +54,18 @@ body {
}
a {
color: var(--ink);
text-decoration: underline;
text-decoration-line: underline;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.15em;
text-decoration-skip-ink: auto;
}
a.external {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
display: inline-block;
background-position: center right;
background-repeat: no-repeat;
background-size: 12px 12px;
padding-right: 15px;
}
header {
background: var(--blue);
@@ -68,7 +79,10 @@ header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
padding: 10px 24px;
}
.brand {
flex-shrink: 0;
}
.brand img {
display: block;
@@ -79,27 +93,49 @@ header {
display: flex;
gap: 28px;
align-items: center;
flex-shrink: 0;
}
.nav a {
color: #fff;
white-space: nowrap;
text-decoration: none;
border-bottom: none;
text-transform: uppercase;
font:
300 22px/1 "Yanone Kaffeesatz",
300 24px/1 "Yanone Kaffeesatz",
sans-serif;
}
.nav a:hover {
text-decoration: underline;
text-decoration-line: underline;
text-decoration-thickness: 0.08em;
}
.nav a.external,
.footer-links a.external {
background-image: none;
padding-right: 0;
display: inline-flex;
align-items: center;
gap: 4px;
}
.nav a.external::after,
.footer-links a.external::after {
width: 12px;
height: 12px;
flex: 0 0 12px;
transform: translateY(-2px);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.25' d='M1.5 4.5v6h6v-3M4.5 1.5h6v6M10.5 1.5l-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
content: "";
}
.content {
max-width: 1140px;
width: calc(100% - 40px);
width: 100%;
margin: 0 auto 72px;
padding: 0 20px;
}
.layout {
display: grid;
grid-template-columns: minmax(0, 750px) 300px;
gap: 90px;
grid-template-columns: minmax(0, 1fr) 300px;
gap: 40px;
margin-top: 60px;
}
.layout.full {
@@ -213,6 +249,8 @@ footer {
}
footer a {
color: #fff;
border-bottom: none;
text-decoration: none;
}
footer p {
text-align: center;
@@ -225,7 +263,7 @@ footer p {
height: 30px;
vertical-align: middle;
}
@media (max-width: 760px) {
@media (max-width: 820px) {
.nav-wrap {
padding: 12px 20px;
display: block;
@@ -234,16 +272,20 @@ footer p {
margin: auto;
}
.nav {
display: grid;
grid-template-columns: repeat(3, auto);
justify-content: center;
gap: 15px;
column-gap: 20px;
row-gap: 10px;
margin-top: 20px;
}
.nav a {
font-size: 22px;
justify-self: center;
font-size: 24px;
}
.content {
width: calc(100% - 24px);
padding: 0;
width: 100%;
padding: 0 12px;
}
.layout {
display: block;
@@ -273,6 +315,7 @@ footer p {
.area-card {
position: relative;
display: block;
border-bottom: none;
aspect-ratio: 4 / 3;
overflow: hidden;
color: #fff;
@@ -312,7 +355,7 @@ footer p {
}
@media (max-width: 560px) {
.area-grid {
width: calc(100% - 56px);
width: 80%;
margin-right: auto;
margin-left: auto;
grid-template-columns: 1fr;
the-space/index.html
+12 -15
View File
@@ -7,14 +7,14 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Explore Protospace, Calgary’s community makerspace, including our woodworking, metalworking, sewing, electronics, laser cutting, and 3D printing areas." />
<link rel="canonical" href="https://protospace.ca/the-space/" />
<meta property="og:title" content="About – Protospace" />
<meta property="og:title" content="Spaces – Protospace" />
<meta property="og:description" content="Explore Protospace, Calgary’s community makerspace, including our woodworking, metalworking, sewing, electronics, laser cutting, and 3D printing areas." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/the-space/" />
<meta property="og:image" content="https://protospace.ca/assets/wood-shop-4-1024x768.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>About – Protospace</title>
<title>Spaces – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json">
@@ -68,18 +68,19 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<h1>About</h1>
<h1>Spaces</h1>
<div class="entry">
<p>
Our space occupies about 6500 square feet consisting of two 2000 sq ft warehouse bays that
@@ -164,18 +165,14 @@
<p>Protospace will benefit from the following tools:</p>
<ul>
<li>Sawstop table saw</li>
<li>Soldering irons</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>
@@ -188,7 +185,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -207,13 +204,13 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
</footer>
</body>
</html>
</html>
wood-shop/index.html
+8 -7
View File
@@ -68,11 +68,12 @@
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/the-space/">About</a>
<a href="/about/">About</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca">Wiki</a>
<a href="https://my.protospace.ca">Portal</a>
<a href="/the-space/">Spaces</a>
<a href="/contact/">Contact</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
</nav>
</div>
</header>
@@ -110,7 +111,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
@@ -129,9 +130,9 @@
<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="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>