ctmesh/web
2
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add a small header on resources pages, forward/back chevron to resources/back buttons
All checks were successful
Deploy Pages / deploy (push) Successful in 19s
Details

Browse Source
This commit is contained in:
Noah
2026-02-10 14:13:15 -05:00
parent 81ea6a8005
commit 89cdaf0791
3 changed files with 77 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@ -177,6 +177,16 @@
flex-shrink: 0; flex-shrink: 0;
opacity: 0.4; opacity: 0.4;
} }
a.btn:not([target="_blank"])::after {
content: "";
width: 16px;
height: 16px;
margin-left: auto;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2.5L8.5 6L4 9.5'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
flex-shrink: 0;
opacity: 0.4;
}
.btn-discord::after { .btn-discord::after {
display: none; display: none;
} }

35
meshcore-resources.html
View File

@ -122,10 +122,39 @@
font-size: 15px; font-size: 15px;
text-decoration: none; text-decoration: none;
} }
.page-header {
display: flex;
align-items: center;
gap: 0.5em;
text-decoration: none;
margin-bottom: 1.5em;
}
.page-header img {
width: 44px;
height: auto;
}
.page-header span {
font-weight: bold;
font-size: 19px;
color: #2C2D3C;
}
.back-link, .back-link,
.back-link:visited { .back-link:visited {
margin-top: 1.5em; margin-top: 1.5em;
color: #ffffff; color: #ffffff;
display: inline-flex;
align-items: center;
gap: 6px;
}
.back-link::before {
content: "";
width: 16px;
height: 16px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5L3.5 6L8 9.5'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
flex-shrink: 0;
opacity: 0.4;
filter: invert(1);
} }
.site-footer { .site-footer {
margin-top: 2em; margin-top: 2em;
@ -165,6 +194,10 @@
<body> <body>
<div class="overlay"></div> <div class="overlay"></div>
<div class="content-box"> <div class="content-box">
<a href="index.html" class="page-header">
<img src="logo_sm.png" alt="CT Mesh" />
<span>CT Mesh</span>
</a>
<h1>MeshCore Resources</h1> <h1>MeshCore Resources</h1>
<h2>Community-run Web Tools</h2> <h2>Community-run Web Tools</h2>
@ -197,7 +230,7 @@ MCTOMQTT_MQTT3_USERNAME=meshdev
MCTOMQTT_MQTT3_PASSWORD=large4cats</pre> MCTOMQTT_MQTT3_PASSWORD=large4cats</pre>
</div> </div>
<a class="btn back-link" href="index.html">&larr; Back to CT Mesh</a> <a class="btn back-link" href="index.html">Back to CT Mesh</a>
<footer class="site-footer"> <footer class="site-footer">
<p><a href="https://ctmesh.org/">CT Mesh</a> is a volunteer-run user group for mesh technology enthusiasts in Connecticut.</p> <p><a href="https://ctmesh.org/">CT Mesh</a> is a volunteer-run user group for mesh technology enthusiasts in Connecticut.</p>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">Content licensed CC BY-SA 4.0</a></p> <p><a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">Content licensed CC BY-SA 4.0</a></p>

34
meshtastic-resources.html
View File

@ -122,8 +122,36 @@
.community-tools li { .community-tools li {
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
.page-header {
display: flex;
align-items: center;
gap: 0.5em;
text-decoration: none;
margin-bottom: 1.5em;
}
.page-header img {
width: 44px;
height: auto;
}
.page-header span {
font-weight: bold;
font-size: 19px;
color: #2C2D3C;
}
.back-link { .back-link {
margin-top: 1.5em; margin-top: 1.5em;
display: inline-flex;
align-items: center;
gap: 6px;
}
.back-link::before {
content: "";
width: 16px;
height: 16px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5L3.5 6L8 9.5'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
flex-shrink: 0;
opacity: 0.4;
} }
.site-footer { .site-footer {
margin-top: 2em; margin-top: 2em;
@ -163,6 +191,10 @@
<body> <body>
<div class="overlay"></div> <div class="overlay"></div>
<div class="content-box"> <div class="content-box">
<a href="index.html" class="page-header">
<img src="logo_sm.png" alt="CT Mesh" />
<span>CT Mesh</span>
</a>
<h1>Meshtastic Resources</h1> <h1>Meshtastic Resources</h1>
<h2>Community-run Web Tools</h2> <h2>Community-run Web Tools</h2>
@ -215,7 +247,7 @@
<h2>Infrastructure Nodes</h2> <h2>Infrastructure Nodes</h2>
<p><strong>Important:</strong> Infrastructure roles like <code>ROUTER</code>, <code>REPEATER</code>, <code>ROUTER_CLIENT</code>, or <code>ROUTER_LATE</code> are rarely appropriate. Unless your node is sitting on top of one of the tallest buildings in Hartford with clear line-of-sight across the region, using these roles will hurt more than help. For almost everyone, the correct choice is <code>CLIENT</code>. If you think you've got a node that truly warrants an infrastructure role, reach out first - we'd rather make sure it benefits the mesh than inadvertently weakens it.</p> <p><strong>Important:</strong> Infrastructure roles like <code>ROUTER</code>, <code>REPEATER</code>, <code>ROUTER_CLIENT</code>, or <code>ROUTER_LATE</code> are rarely appropriate. Unless your node is sitting on top of one of the tallest buildings in Hartford with clear line-of-sight across the region, using these roles will hurt more than help. For almost everyone, the correct choice is <code>CLIENT</code>. If you think you've got a node that truly warrants an infrastructure role, reach out first - we'd rather make sure it benefits the mesh than inadvertently weakens it.</p>
<a class="btn back-link" href="index.html">&larr; Back to CT Mesh</a> <a class="btn back-link" href="index.html">Back to CT Mesh</a>
<footer class="site-footer"> <footer class="site-footer">
<p><a href="https://ctmesh.org/">CT Mesh</a> is a volunteer-run user group for mesh technology enthusiasts in Connecticut.</p> <p><a href="https://ctmesh.org/">CT Mesh</a> is a volunteer-run user group for mesh technology enthusiasts in Connecticut.</p>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">Content licensed CC BY-SA 4.0</a></p> <p><a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">Content licensed CC BY-SA 4.0</a></p>