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

Add external link icons

Browse Source
This commit is contained in:
Tanner
2026-09-23 20:50:51 +00:00
parent 07056bd10b
commit 933720125a
11 changed files with 89 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
3d-printers/index.html
+6 -6
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -112,7 +112,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 +131,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>
contact/index.html
+8 -8
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -100,7 +100,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 +121,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 +139,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 +174,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
+6 -6
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -103,7 +103,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 +122,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
+6 -6
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -135,7 +135,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 +154,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
+8 -8
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -85,7 +85,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>
@@ -256,7 +256,7 @@
<p>
You are welcome to post a commission request on
<a href="https://forum.protospace.ca/c/chattymcchatface/commissions/35">our forum</a>.
<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.
@@ -270,7 +270,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 +289,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
+6 -6
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -105,7 +105,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 +124,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>
metal-shop/index.html
+6 -6
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -110,7 +110,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 +129,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
+6 -6
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -117,7 +117,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 +136,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>
styles.css
+25
View File
@@ -56,6 +56,14 @@ a {
color: var(--ink);
text-decoration: underline;
}
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);
border-bottom: 1px solid #17619f;
@@ -91,6 +99,23 @@ header {
.nav a:hover {
text-decoration: underline;
}
.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);
the-space/index.html
+6 -6
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -188,7 +188,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,9 +207,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>
wood-shop/index.html
+6 -6
View File
@@ -70,8 +70,8 @@
<nav class="nav">
<a href="/the-space/">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="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
@@ -110,7 +110,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 +129,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>