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">

wheel.svg

@@ -0,0 +1,2 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><circle cx="256" cy="271" r="15"/><path d="m256 0c-140.958 0-256 115.049-256 256 0 140.961 115.049 256 256 256 140.96 0 256-115.049 256-256 0-140.958-115.049-256-256-256zm0 61c97.323 0 178.219 71.668 192.692 165h-52.019c-32.982 0-64.318-13.235-85.973-36.311-29.6-31.546-79.797-31.556-109.4-.001-21.655 23.077-52.991 36.312-85.974 36.312h-52.018c14.473-93.332 95.369-165 192.692-165zm0 255c-24.812 0-45-20.186-45-45s20.188-45 45-45c24.814 0 45 20.186 45 45s-20.186 45-45 45zm-181.58 11.097c17.17-6.736 29.568-11.097 46.58-11.097 54.688 0 97.219 48.734 88.981 103.49h-.035c-1.224 8.381-3.632 16.502-7.105 24.145-58.759-16.67-106.31-60.262-128.421-116.538zm234.751 116.534c-3.568-7.845-5.924-15.965-7.117-24.141h-.035c-9.599-63.805 49.301-116.452 110.354-100.936 6.436 1.636 14.49 4.34 25.206 8.544-22.109 56.271-69.655 99.861-128.408 116.533z"/></g></svg>
+