forked from ctmesh/web
add a small header on resources pages, forward/back chevron to resources/back buttons
This commit is contained in:
@ -122,10 +122,39 @@
|
||||
font-size: 15px;
|
||||
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:visited {
|
||||
margin-top: 1.5em;
|
||||
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 {
|
||||
margin-top: 2em;
|
||||
@ -165,6 +194,10 @@
|
||||
<body>
|
||||
<div class="overlay"></div>
|
||||
<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>
|
||||
|
||||
<h2>Community-run Web Tools</h2>
|
||||
@ -197,7 +230,7 @@ MCTOMQTT_MQTT3_USERNAME=meshdev
|
||||
MCTOMQTT_MQTT3_PASSWORD=large4cats</pre>
|
||||
</div>
|
||||
|
||||
<a class="btn back-link" href="index.html">← Back to CT Mesh</a>
|
||||
<a class="btn back-link" href="index.html">Back to CT Mesh</a>
|
||||
<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://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">Content licensed CC BY-SA 4.0</a></p>
|
||||
|
||||
Reference in New Issue
Block a user