add footer, contact button

index.html

@@ -41,6 +41,9 @@
   <meta name="msapplication-TileImage" content="favicon.png?3">
   <meta name="theme-color" content="#67EA94">
 
+  <!-- Scripts -->
+  <script src="link-aes.js" defer></script>
+
   <title>CT Mesh</title>
   
   <style>
@@ -72,8 +75,8 @@
     .splash-box {
       background-color: #EBEBEB;
       border-radius: 30px;
-      padding: 3em;
-      margin: 1em;
+      padding: 3em 3em 2em 3em;
+      margin: 1em auto 0 auto;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
       color: #000000;
       position: relative;
@@ -88,7 +91,7 @@
       justify-content: center;
       gap: 1em;
       width: 100%;
-      padding-bottom: 35px;
+      padding-bottom: 15px;
     }
     .logo {
       width: 200px;
@@ -149,6 +152,31 @@
       flex-direction: column;
       gap: 1em;
     }
+    .btn-small {
+      display: inline-block;
+      margin-top: 0.5em;
+      color: #fff;
+      background-color: #2C2D3C;
+      font-weight: bold;
+      text-decoration: none;
+      padding: 0.5em 1.25em;
+      border-radius: 15px;
+    }
+    .site-footer {
+      margin-top: 2em;
+      padding-top: 2em;
+      text-align: center;
+      font-size: 0.875rem;
+      color: #2C2D3C;
+      border-top: 1px solid #ccc;
+    }
+    .site-footer a {
+      color: #757684;
+      text-decoration: none;
+    }
+    .site-footer a:hover {
+      text-decoration: underline;
+    }
     
     /* Adjustments for devices with a viewport width of 800px or less */
     @media (max-width: 800px) {
@@ -212,7 +240,7 @@
       <div class="text-content">
         <h1>CT Mesh</h1>
         <p class="sub-header">Connecticut Meshtastic User Group</p>
-        <p>Join the local community!</p>
+        <a href="Ws9mCBVzpuQdAEBDZLxJxNbKOflt64pOog" rel="nofollow noindex" class="btn-small link-aes">Contact</a>
       </div>
     </div>
     <div class="btn-groups">
@@ -252,6 +280,10 @@
         </a>
       </div>
     </div>
+    <footer class="site-footer">
+      <p><a href="https://ctmesh.org/">CT Mesh</a> is a volunteer-run user group for <a href="https://meshtastic.org" target="_blank">Meshtastic</a> 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>
+    </footer>
   </div>
 </body>
 </html>