Updates

index.html

@@ -74,6 +74,8 @@
       border-radius: 30px;
       padding: 3em 3em 2em 3em;
       margin: 1em;
+      width: min(100%, 900px);
+      max-width: 900px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
       color: #000000;
       position: relative;
@@ -121,18 +123,21 @@
       color: #000000;
       border: none;
       padding: 1em 1.75em;
-      border-radius: 15px;
+      border-radius: 999px;
       cursor: pointer;
       font-weight: bold;
       margin-top: 0.5em;
       font-size: 17px;
       text-align: left;
       text-decoration: none;
+      box-sizing: border-box;
+      flex: 1 1 240px;
+      max-width: 260px;
     }
     .btn-text {
       display: flex;
       flex-direction: column;
-      line-height: 0.7;
+      line-height: 1.1;
     }
     .btn-text small {
       font-size: 12px;
@@ -142,11 +147,16 @@
       height: 30px;
       filter: brightness(0);
     }
+    .btn-discord {
+      background-color: #7289da;
+      color: #ffffff;
+    }
     .btn-group {
       display: flex;
       gap: 1em;
       flex-wrap: wrap;
       justify-content: center;
+      width: 100%;
     }
     .btn-groups {
       display: flex;
@@ -155,10 +165,12 @@
     }
     .section-title {
       margin: 0.5em 0 0;
+      padding-top: 0.75em;
       font-size: 1rem;
       text-transform: uppercase;
       letter-spacing: 0.08em;
       color: #2C2D3C;
+      text-align: center;
     }
     .section {
       display: flex;
@@ -217,7 +229,7 @@
       }
       .btn-group {
         flex-direction: column;
-        align-items: center;
+        align-items: stretch;
       }
       .section-title {
         text-align: center;
@@ -227,6 +239,12 @@
         justify-content: center;
         padding: 0.8em 1em;
         font-size: 16px;
+        text-align: center;
+        max-width: 100%;
+        flex: none;
+      }
+      .btn-text {
+        align-items: center;
       }
     }
     
@@ -268,10 +286,10 @@
     <div class="btn-groups">
       <div class="section">
         <div class="btn-group">
-          <a href="https://discord.gg/m4F328as3K" target="_blank" class="btn">
+          <a href="https://discord.gg/m4F328as3K" target="_blank" class="btn btn-discord">
             <img src="discord.svg" alt="Discord Icon" />
             <div class="btn-text">
-              Discord
+              Join our Discord
               <small>Join the community</small>
             </div>
           </a>
@@ -323,7 +341,7 @@
           <a href="https://meshcore.co.uk/" target="_blank" class="btn">
             <img src="meshcore.svg" alt="MeshCore Logo" />
             <div class="btn-text">
-              MeshCore
+              Official MeshCore Website
               <small>Project website</small>
             </div>
           </a>
@@ -341,6 +359,13 @@
               <small>Coverage maps</small>
             </div>
           </a>
+          <a href="https://meshcore-wardrive.ctmesh.org/wardrive" target="_blank" class="btn">
+            <img src="wheel.svg" alt="Wheel Icon" />
+            <div class="btn-text">
+              Wardrive Contribution
+              <small>Upload wardrive data</small>
+            </div>
+          </a>
           <a href="meshcore-resources.html" class="btn">
             <img src="info.svg" alt="Info Icon" />
             <div class="btn-text">