Compare commits
1 Commits
master
...
4ac6b2d7ab
| Author | SHA1 | Date | |
|---|---|---|---|
| 4ac6b2d7ab |
@ -1,3 +1 @@
|
||||
/discord https://discord.gg/m4F328as3K 302
|
||||
/merch https://ctmesh.redbubble.com 302
|
||||
/store https://ctmesh.redbubble.com 302
|
||||
BIN
favicon.png
BIN
favicon.png
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 72 KiB |
BIN
favicon_sq.png
BIN
favicon_sq.png
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
140
index.html
140
index.html
@ -7,14 +7,14 @@
|
||||
|
||||
<!-- Site Description & Keywords -->
|
||||
<meta name="description" content="A Connecticut mesh technologies user group. Join the local community to connect, share, and explore with fellow enthusiasts.">
|
||||
<meta name="keywords" content="CT Mesh, Mesh, MeshCore, Meshtastic, Connecticut, CT, community, networking, user group, Discord, map, radio">
|
||||
<meta name="keywords" content="CT Mesh, Meshtastic, MeshCore, Connecticut, CT, community, mesh networking, user group, Discord, map">
|
||||
<meta name="author" content="CT Mesh">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="favicon.png?2026-1">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="favicon.png?3">
|
||||
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:title" content="CT Mesh">
|
||||
<meta property="og:description" content="A Connecticut mesh technologies user group. Join the local community to connect, share, and explore with fellow enthusiasts.">
|
||||
<meta property="og:image" content="favicon.png?2026-1">
|
||||
<meta property="og:image" content="favicon.png?3">
|
||||
<meta property="og:url" content="https://ctmesh.org">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
@ -22,59 +22,44 @@
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="CT Mesh">
|
||||
<meta name="twitter:description" content="A Connecticut mesh technologies user group. Join the local community to connect, share, and explore with fellow enthusiasts.">
|
||||
<meta name="twitter:image" content="favicon.png?2026-1">
|
||||
<meta name="twitter:image" content="favicon.png?3">
|
||||
|
||||
<!-- Fonts and Icons -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png?2026-14">
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="favicon.png?2026-1">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="favicon.png?2026-1">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="favicon.png?2026-1">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="favicon.png?2026-1">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="favicon.png?2026-1">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="favicon.png?2026-1">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="favicon.png?2026-1">
|
||||
<meta name="msapplication-TileColor" content="#6EBEE1">
|
||||
<meta name="msapplication-TileImage" content="favicon.png?2026-1">
|
||||
<meta name="theme-color" content="#6EBEE1">
|
||||
<link rel="icon" type="image/png" href="favicon.png?3">
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="favicon.png?3">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="favicon.png?3">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="favicon.png?3">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="favicon.png?3">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="favicon.png?3">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="favicon.png?3">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="favicon.png?3">
|
||||
<meta name="msapplication-TileColor" content="#67EA94">
|
||||
<meta name="msapplication-TileImage" content="favicon.png?3">
|
||||
<meta name="theme-color" content="#67EA94">
|
||||
|
||||
<title>CT Mesh</title>
|
||||
|
||||
<style>
|
||||
html {
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #272727;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: transparent;
|
||||
background: url('background.svg') no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
background-color: #EBEBEB;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('background.svg') no-repeat center center;
|
||||
background-size: cover;
|
||||
filter: invert(1) brightness(0.85);
|
||||
z-index: 0;
|
||||
}
|
||||
a,
|
||||
a:visited {
|
||||
color: #000000;
|
||||
@ -85,15 +70,14 @@
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(80, 80, 80, 0.35);
|
||||
background: rgba(87, 87, 87, 0.4);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
.splash-box {
|
||||
background-color: #EBEBEB;
|
||||
border-radius: 30px;
|
||||
padding: 3em 3em 2em 3em;
|
||||
margin: 2.5em;
|
||||
margin: 1em;
|
||||
width: 90%;
|
||||
max-width: 700px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||
@ -106,42 +90,23 @@
|
||||
}
|
||||
.top-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.5em;
|
||||
gap: 1em;
|
||||
width: 100%;
|
||||
background-color: #272727;
|
||||
border-radius: 20px 20px 0 0;
|
||||
margin: -3em -3em 0 -3em;
|
||||
padding: 2.5em 3em 50px 3em;
|
||||
position: relative;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.email-link img {
|
||||
.top-section a img {
|
||||
width: 35px;
|
||||
filter: brightness(0) invert(0.7);
|
||||
}
|
||||
.wave-divider {
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.wave-divider svg {
|
||||
width: 100%;
|
||||
display: block;
|
||||
filter: invert(15%) sepia(17%) saturate(767%) hue-rotate(198deg) brightness(94%) contrast(91%);
|
||||
}
|
||||
.logo {
|
||||
width: 540px;
|
||||
width: 200px;
|
||||
height: auto;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.text-content {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 0.25em;
|
||||
text-align: left;
|
||||
}
|
||||
.text-content h1 {
|
||||
margin: 0;
|
||||
@ -152,9 +117,7 @@
|
||||
}
|
||||
.sub-header {
|
||||
font-weight: bold;
|
||||
padding-bottom: 4px;
|
||||
margin: 0;
|
||||
color: #e0e0e0;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.btn {
|
||||
display: flex;
|
||||
@ -204,11 +167,8 @@
|
||||
}
|
||||
.btn-learn,
|
||||
.btn-learn:visited {
|
||||
background-color: #6EBEE1;
|
||||
color: #000;
|
||||
}
|
||||
.btn-learn img {
|
||||
filter: brightness(1);
|
||||
background-color: #FFB347;
|
||||
color: #1F2230;
|
||||
}
|
||||
.btn-meshcore img {
|
||||
filter: brightness(0) invert(1);
|
||||
@ -298,16 +258,18 @@
|
||||
}
|
||||
.splash-box {
|
||||
padding: 2em;
|
||||
margin: 1em 0;
|
||||
width: calc(100% - 5em);
|
||||
}
|
||||
.top-section {
|
||||
margin: -2em -2em 0 -2em;
|
||||
padding: 2em 2em 50px 2em;
|
||||
flex-direction: column;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.logo {
|
||||
width: 335px;
|
||||
width: 150px;
|
||||
padding-right: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.text-content {
|
||||
text-align: center;
|
||||
}
|
||||
.btn-group {
|
||||
flex-direction: column;
|
||||
@ -332,12 +294,8 @@
|
||||
.splash-box {
|
||||
padding: 1.5em;
|
||||
}
|
||||
.top-section {
|
||||
margin: -1.5em -1.5em 0 -1.5em;
|
||||
padding: 1.5em 1.5em 50px 1.5em;
|
||||
}
|
||||
.logo {
|
||||
width: 300px;
|
||||
width: 120px;
|
||||
}
|
||||
.text-content h1 {
|
||||
font-size: 20px;
|
||||
@ -356,12 +314,16 @@
|
||||
<div class="overlay"></div>
|
||||
<div class="splash-box">
|
||||
<div class="top-section">
|
||||
<img src="logo_sm.png?2026" alt="CT Mesh Logo" class="logo" />
|
||||
<img src="logo_sm.png" alt="CT Mesh Logo" class="logo" />
|
||||
<div class="text-content">
|
||||
<p class="sub-header">A Connecticut Mesh Technologies User Group</p>
|
||||
<a href="mailto:noah@ctmesh.org" class="email-link" rel="nofollow noindex"><img src="email.svg" alt="Email" /></a>
|
||||
<h1>CT Mesh</h1>
|
||||
<p class="sub-header">Connecticut Mesh Technologies User Group</p>
|
||||
<a href="mailto:noah@ctmesh.org" rel="nofollow noindex"><img src="email.svg" alt="Email" /></a>
|
||||
</div>
|
||||
<div class="btn-group" style="margin-bottom: 1em;">
|
||||
</div>
|
||||
<div class="btn-groups">
|
||||
<div class="section">
|
||||
<div class="btn-group">
|
||||
<a href="https://ctmesh.org/discord" target="_blank" class="btn btn-discord">
|
||||
<img src="discord.svg" alt="Discord" />
|
||||
<div class="btn-text">
|
||||
@ -372,18 +334,12 @@
|
||||
<a href="why-run-a-node.html" class="btn btn-learn">
|
||||
<img src="info.svg" alt="Learn about mesh networking" />
|
||||
<div class="btn-text">
|
||||
Why Mesh?
|
||||
Why Mesh Matters
|
||||
<small>Learn about the mesh!</small>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="wave-divider">
|
||||
<svg viewBox="0 0 1440 60" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0,30 C240,60 480,0 720,30 C960,60 1200,0 1440,30 L1440,60 L0,60 Z" fill="#EBEBEB"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-groups">
|
||||
<div class="section">
|
||||
<p class="section-title">MeshCore</p>
|
||||
<div class="btn-group">
|
||||
|
||||
BIN
logo.png
BIN
logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 458 KiB After Width: | Height: | Size: 440 KiB |
BIN
logo_sm.png
BIN
logo_sm.png
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 93 KiB |
@ -10,38 +10,23 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
html {
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #272727;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: transparent;
|
||||
background: url('background.svg') no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
background-color: #EBEBEB;
|
||||
color: #2C2D3C;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding: 2em 0;
|
||||
}
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('background.svg') no-repeat center center;
|
||||
background-size: cover;
|
||||
filter: invert(1) brightness(0.85);
|
||||
z-index: 0;
|
||||
}
|
||||
a,
|
||||
a:visited {
|
||||
color: #000000;
|
||||
@ -52,15 +37,14 @@
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(80, 80, 80, 0.35);
|
||||
background: rgba(87, 87, 87, 0.4);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
.content-box {
|
||||
background-color: #EBEBEB;
|
||||
border-radius: 30px;
|
||||
padding: 2.5em 3em;
|
||||
margin: 2.5em;
|
||||
margin: 1em;
|
||||
max-width: 820px;
|
||||
width: 90%;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||
@ -138,28 +122,21 @@
|
||||
font-size: 15px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header-bg {
|
||||
background-color: #272727;
|
||||
border-radius: 20px 20px 0 0;
|
||||
margin: -2.5em -3em 1.5em -3em;
|
||||
padding: 2em 3em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.page-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
text-decoration: none;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
.page-header img {
|
||||
width: 300px;
|
||||
width: 44px;
|
||||
height: auto;
|
||||
}
|
||||
.page-header span {
|
||||
font-weight: bold;
|
||||
font-size: 19px;
|
||||
color: #e0e0e0;
|
||||
color: #2C2D3C;
|
||||
}
|
||||
.back-link,
|
||||
.back-link:visited {
|
||||
@ -216,19 +193,11 @@
|
||||
.content-box {
|
||||
padding: 2em;
|
||||
}
|
||||
.page-header-bg {
|
||||
margin: -2em -2em 1.5em -2em;
|
||||
padding: 2em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.content-box {
|
||||
padding: 1.5em;
|
||||
}
|
||||
.page-header-bg {
|
||||
margin: -1.5em -1.5em 1.5em -1.5em;
|
||||
padding: 1.5em;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
@ -241,11 +210,10 @@
|
||||
<body>
|
||||
<div class="overlay"></div>
|
||||
<div class="content-box">
|
||||
<div class="page-header-bg">
|
||||
<a href="index.html" class="page-header">
|
||||
<img src="logo_sm.png" alt="CT Mesh" />
|
||||
<span>CT Mesh</span>
|
||||
</a>
|
||||
</div>
|
||||
<h1>MeshCore Resources</h1>
|
||||
|
||||
<h2>Web Tools</h2>
|
||||
|
||||
@ -10,38 +10,23 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
html {
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #272727;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: transparent;
|
||||
background: url('background.svg') no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
background-color: #EBEBEB;
|
||||
color: #2C2D3C;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding: 2em 0;
|
||||
}
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('background.svg') no-repeat center center;
|
||||
background-size: cover;
|
||||
filter: invert(1) brightness(0.85);
|
||||
z-index: 0;
|
||||
}
|
||||
a,
|
||||
a:visited {
|
||||
color: #000000;
|
||||
@ -52,15 +37,14 @@
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(80, 80, 80, 0.35);
|
||||
background: rgba(87, 87, 87, 0.4);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
.content-box {
|
||||
background-color: #EBEBEB;
|
||||
border-radius: 30px;
|
||||
padding: 2.5em 3em;
|
||||
margin: 2.5em;
|
||||
margin: 1em;
|
||||
max-width: 820px;
|
||||
width: 90%;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||
@ -156,28 +140,21 @@
|
||||
margin: 0.75em 0 0.5em;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
.page-header-bg {
|
||||
background-color: #272727;
|
||||
border-radius: 20px 20px 0 0;
|
||||
margin: -2.5em -3em 1.5em -3em;
|
||||
padding: 2em 3em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.page-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
text-decoration: none;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
.page-header img {
|
||||
width: 300px;
|
||||
width: 44px;
|
||||
height: auto;
|
||||
}
|
||||
.page-header span {
|
||||
font-weight: bold;
|
||||
font-size: 19px;
|
||||
color: #e0e0e0;
|
||||
color: #2C2D3C;
|
||||
}
|
||||
.back-link {
|
||||
margin-top: 1.5em;
|
||||
@ -231,19 +208,11 @@
|
||||
.content-box {
|
||||
padding: 2em;
|
||||
}
|
||||
.page-header-bg {
|
||||
margin: -2em -2em 1.5em -2em;
|
||||
padding: 2em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.content-box {
|
||||
padding: 1.5em;
|
||||
}
|
||||
.page-header-bg {
|
||||
margin: -1.5em -1.5em 1.5em -1.5em;
|
||||
padding: 1.5em;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
@ -256,11 +225,10 @@
|
||||
<body>
|
||||
<div class="overlay"></div>
|
||||
<div class="content-box">
|
||||
<div class="page-header-bg">
|
||||
<a href="index.html" class="page-header">
|
||||
<img src="logo_sm.png" alt="CT Mesh" />
|
||||
<span>CT Mesh</span>
|
||||
</a>
|
||||
</div>
|
||||
<h1>Meshtastic Resources</h1>
|
||||
|
||||
<h2>Community-run Web Tools</h2>
|
||||
|
||||
@ -11,38 +11,23 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
html {
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #272727;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: transparent;
|
||||
background: url('background.svg') no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
background-color: #EBEBEB;
|
||||
color: #2C2D3C;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding: 2em 0;
|
||||
}
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('background.svg') no-repeat center center;
|
||||
background-size: cover;
|
||||
filter: invert(1) brightness(0.85);
|
||||
z-index: 0;
|
||||
}
|
||||
a,
|
||||
a:visited {
|
||||
color: #000000;
|
||||
@ -53,15 +38,14 @@
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(80, 80, 80, 0.35);
|
||||
background: rgba(87, 87, 87, 0.4);
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
.content-box {
|
||||
background-color: #EBEBEB;
|
||||
border-radius: 30px;
|
||||
padding: 2.5em 3em;
|
||||
margin: 2.5em;
|
||||
margin: 1em;
|
||||
max-width: 820px;
|
||||
width: 90%;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||
@ -141,28 +125,21 @@
|
||||
.btn-discord img {
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
.page-header-bg {
|
||||
background-color: #272727;
|
||||
border-radius: 20px 20px 0 0;
|
||||
margin: -2.5em -3em 1.5em -3em;
|
||||
padding: 2em 3em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.page-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
text-decoration: none;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
.page-header img {
|
||||
width: 300px;
|
||||
width: 44px;
|
||||
height: auto;
|
||||
}
|
||||
.page-header span {
|
||||
font-weight: bold;
|
||||
font-size: 19px;
|
||||
color: #e0e0e0;
|
||||
color: #2C2D3C;
|
||||
}
|
||||
.button-row {
|
||||
display: flex;
|
||||
@ -223,19 +200,11 @@
|
||||
.content-box {
|
||||
padding: 2em;
|
||||
}
|
||||
.page-header-bg {
|
||||
margin: -2em -2em 1.5em -2em;
|
||||
padding: 2em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.content-box {
|
||||
padding: 1.5em;
|
||||
}
|
||||
.page-header-bg {
|
||||
margin: -1.5em -1.5em 1.5em -1.5em;
|
||||
padding: 1.5em;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
@ -254,11 +223,10 @@
|
||||
<body>
|
||||
<div class="overlay"></div>
|
||||
<div class="content-box">
|
||||
<div class="page-header-bg">
|
||||
<a href="index.html" class="page-header">
|
||||
<img src="logo_sm.png" alt="CT Mesh" />
|
||||
<span>CT Mesh</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h1 class="page-title">Why Run a Mesh Node?</h1>
|
||||
<p class="subtitle">Learn about the mesh!</p>
|
||||
|
||||
Reference in New Issue
Block a user