Added a sentence clarifying how to search through the Community Network Sites Map on the Connect Page and improved some styling in the section. Still needed: right URL for the map to show the LTE Active boundaries.

Author: marishuman

ourSites.html

@@ -272,62 +272,69 @@ <h2>Locations (Listed N to S)</h2>
         </div>
       </div>
     </div>
+  </div>
+  <div class="basic-box">
+    
+    <h2>Community Network Sites Map</h2>
+    <div class="allign-box">
+      <br/>
+      <p>Use the expand icon <img src="https://lh3.googleusercontent.com/rB9Ziqi8m-AMvnUCCzMZdzmP4js_cqNksYuXIDiYgJdYl4pMaTh3FLqJC9_RhnzL4joiymQz-3Ctnsbz4DEWnzAuY_mWH8w2wPTu7ApdcCx6xoBCNpCMNUZ3zffoKgGAUzSEUGYGFQ=w2400"/> </a> to search</p> 
+      <iframe
+        src="https://www.google.com/maps/d/u/0/embed?mid=1T0TIZ7GL1eXlABPLaSM4DS9hW7-BoGhs&ll=47.57009818112355%2C-122.24634045246522&z=12"
+        allowfullscreen class="map"></iframe>
     </div>
-    <div class = "basic-box">
-      <h2>Community Network Sites Map</h2>
-      <iframe src="https://www.google.com/maps/d/embed?mid=1T0TIZ7GL1eXlABPLaSM4DS9hW7-BoGhs&ehbc=2E312F&z=10&sll=47.551951079942704, -122.28761910549852" allowfullscreen class= "map"></iframe>
-    </div>
-
-    <div class="landing-tan" style="margin-bottom: 50px;" >
+  </div>
+    <div class="landing-tan" style="margin-bottom: 50px;">
       <h2> Coverage Map </h2>
       <button onclick="location.href=''" type="button" id="network-button">
         Our latest coverage estimates &rarr;
       </button>
     </div>
 
-    <!-- FOOTER -->
-    <div class="footer">
-      <div class="flex-container">
-        <div class="flex-item-left">
-          <h3> Address </h3>
-          <p class="footer-text">
-            3800 E Stevens Way NE, Seattle, WA 98195
-            <br>
-            lcl@seattlecommunitynetwork.org
-          </p>
-          <a href="https://www.instagram.com/seattlecommnet/"><img class="logo" src="assets/IG_icon_circle.png"
-              alt="Instagram logo"></a>
-          <a href="https://twitter.com/SeattleCommNet"><img class="logo" src="assets/twitter_icon_circle.png"
-              alt="twitter logo"></a>
-          <a href="https://www.facebook.com/SeattleCommNet"><img class="logo" src="assets/facebook_icon_circle.png"
-              alt="Facebook logo"></a>
-          <br><br>
-        </div>
 
-        <div class="flex-item-left">
-          <h3> Mission </h3>
-          <p class="footer-text">
-            To facilitate community focused technology development and
-            research in support of low-income, marginalized populations
-            and groups.
-          </p>
-        </div>
+  <!-- FOOTER -->
+  <div class="footer">
+    <div class="flex-container">
+      <div class="flex-item-left">
+        <h3> Address </h3>
+        <p class="footer-text">
+          3800 E Stevens Way NE, Seattle, WA 98195
+          <br>
+          lcl@seattlecommunitynetwork.org
+        </p>
+        <a href="https://www.instagram.com/seattlecommnet/"><img class="logo" src="assets/IG_icon_circle.png"
+            alt="Instagram logo"></a>
+        <a href="https://twitter.com/SeattleCommNet"><img class="logo" src="assets/twitter_icon_circle.png"
+            alt="twitter logo"></a>
+        <a href="https://www.facebook.com/SeattleCommNet"><img class="logo" src="assets/facebook_icon_circle.png"
+            alt="Facebook logo"></a>
+        <br><br>
+      </div>
 
+      <div class="flex-item-left">
+        <h3> Mission </h3>
+        <p class="footer-text">
+          To facilitate community focused technology development and
+          research in support of low-income, marginalized populations
+          and groups.
+        </p>
+      </div>
+
+      <div class="flex-item-left">
         <div class="flex-item-left">
-          <div class="flex-item-left">
-            <button onclick="location.href='https://discord.gg/sZkK5RpeCE'" id="subscribe-button">
-              &nbsp; Join our Discord &nbsp;
-            </button>
-            <br><br>
-            <button
-              onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'"
-              id="subscribe-button">
-              Subscribe to Mailing List
-            </button>
-          </div>
+          <button onclick="location.href='https://discord.gg/sZkK5RpeCE'" id="subscribe-button">
+            &nbsp; Join our Discord &nbsp;
+          </button>
+          <br><br>
+          <button
+            onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'"
+            id="subscribe-button">
+            Subscribe to Mailing List
+          </button>
         </div>
       </div>
     </div>
+  </div>
 
 </body>
 

style.css

@@ -36,6 +36,14 @@ header {
   margin-right: 20px;
 }
 
+.allign-box {
+  
+  display: block;
+  text-align: center;
+  padding-bottom: 50px;
+
+}
+
 .donate-tan {
   background-color: #EAE1D0;
   padding-bottom: 5em;
@@ -437,16 +445,17 @@ top: 833px;
 background: #FFFFFF;
 transform: rotate(-180deg);
 */
-.map{
+.map {
   width: 100%;
-    max-width: 1000px;
-    height: 500px;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+  max-width: 1000px;
+  height: 500px;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 
 }
 
+
 .wave-container {
   background-image: url("assets/landing\ page\ banner.png");
 }