From bc23226733b07b773cb3639c4e141cdd85a2187c Mon Sep 17 00:00:00 2001 From: Noah Date: Tue, 10 Feb 2026 13:33:37 -0500 Subject: [PATCH] changes & fixes. fewer buttons, fix scrolling issue with page top cut off, rejigger resources pages with resources on top, other minor cosmetics. --- .DS_Store | Bin 0 -> 6148 bytes index.html | 141 ++++++++++---------- meshcore-resources.html | 19 +-- resources.html => meshtastic-resources.html | 25 ++-- 4 files changed, 92 insertions(+), 93 deletions(-) create mode 100644 .DS_Store rename resources.html => meshtastic-resources.html (97%) diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 - - + + - + @@ -21,7 +21,7 @@ - + @@ -48,7 +48,7 @@ margin: 0; padding: 0; width: 100%; - height: 100%; + min-height: 100%; } body { font-family: "Roboto", sans-serif; @@ -77,9 +77,9 @@ background-color: #EBEBEB; border-radius: 30px; padding: 3em 3em 2em 3em; - margin: 1em; - width: min(100%, 900px); - max-width: 900px; + margin: 2em; + width: min(100%, 700px); + max-width: 700px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); color: #000000; position: relative; @@ -122,7 +122,7 @@ .btn { display: flex; align-items: center; - gap: 8px; + gap: 12px; background-color: #67EA94; color: #000000; border: none; @@ -151,10 +151,38 @@ height: 30px; filter: brightness(0); } - .btn-discord { - background-color: #7289da; + .btn-discord, + .btn-discord:visited { + background-color: #5865F2; color: #ffffff; } + .btn-discord img { + filter: brightness(0) invert(1); + } + .btn-meshcore, + .btn-meshcore:visited { + background-color: #2B3A4E; + color: #ffffff; + } + .btn-meshcore img { + filter: brightness(0) invert(1); + } + a.btn[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='M3.5 8.5L8.5 3.5M5 3.5h3.5V7'/%3E%3C/svg%3E") no-repeat center; + background-size: contain; + flex-shrink: 0; + opacity: 0.4; + } + .btn-discord::after { + display: none; + } + .btn-meshcore::after { + filter: invert(1) !important; + } .btn-group { display: flex; gap: 1em; @@ -232,23 +260,20 @@ } .btn-group { flex-direction: column; - align-items: stretch; + align-items: center; } .section-title { text-align: center; } .btn { - width: 100%; - justify-content: center; + width: 340px; + max-width: 100%; + justify-content: flex-start; padding: 0.8em 1em; font-size: 16px; - text-align: center; - max-width: 100%; + text-align: left; flex: none; } - .btn-text { - align-items: center; - } } /* Further adjustments for devices with a viewport width of 480px or less */ @@ -256,8 +281,6 @@ .splash-box { padding: 1.5em; margin: 1em; - width: 90%; - min-width: 250px; } .logo { width: 120px; @@ -282,7 +305,7 @@

CT Mesh

-

Connecticut Meshtastic User Group

+

Connecticut Mesh Technologies User Group

Email
@@ -290,10 +313,10 @@
- Discord Icon + Discord
Join our Discord - Join the community + Chat with the community
@@ -302,38 +325,24 @@

Meshtastic

- Meshtastic Icon + Meshtastic
Meshtastic - Learn more! -
- - - Info Icon -
- Web Dashboard - Network metrics & analytics + About the project
- Map Icon + Map
- CT Map - Nodes seen by CT Mesh + Node Map + CT Mesh nodes
- - Globe Icon + + Guides & Tools
- Global Map - Nodes around the world -
- - - Info Icon -
- Meshtastic Resources - Channels, MQTT, tools + Guides & Tools + Channels, MQTT, setup
@@ -341,39 +350,25 @@

MeshCore

- - MeshCore Logo + + MeshCore
- Official MeshCore Website - Project website + MeshCore + About the project
- - Map Icon + + Map
- MeshCore Map - Live node map + Node Map + Live MeshCore nodes
- - Map Icon + + Guides & Tools
- MeshCore Wardrive - Coverage maps -
- - - Wheel Icon -
- Wardrive Contribution - Upload wardrive data -
- - - Info Icon -
- MeshCore Resources - Tools and maps + Guides & Tools + Wardrive, MQTT, setup
diff --git a/meshcore-resources.html b/meshcore-resources.html index c29c24f..d76de5a 100644 --- a/meshcore-resources.html +++ b/meshcore-resources.html @@ -74,7 +74,7 @@ } .note { background: #F5F5F5; - border-left: 4px solid #67EA94; + border-left: 4px solid #2B3A4E; border-radius: 8px; padding: 0.75em 1em; margin: 0.75em 0 0.5em; @@ -98,8 +98,8 @@ position: absolute; top: 0.75em; right: 0.75em; - background-color: #67EA94; - color: #000000; + background-color: #2B3A4E; + color: #ffffff; border: none; border-radius: 10px; padding: 0.4em 0.75em; @@ -112,8 +112,8 @@ align-items: center; justify-content: center; gap: 8px; - background-color: #67EA94; - color: #000000; + background-color: #2B3A4E; + color: #ffffff; border: none; padding: 0.75em 1.5em; border-radius: 15px; @@ -122,8 +122,10 @@ font-size: 15px; text-decoration: none; } - .back-link { + .back-link, + .back-link:visited { margin-top: 1.5em; + color: #ffffff; } @media (max-width: 800px) { body { @@ -156,7 +158,8 @@

These tools use data reported to our MQTT server by nodes across the state.

@@ -180,7 +183,7 @@ MCTOMQTT_MQTT3_USERNAME=meshdev MCTOMQTT_MQTT3_PASSWORD=large4cats
- Back to CT Mesh + ← Back to CT Mesh