Adding facebook link

Moving email link

source/src/app/footer/footer.component.html

@@ -1,30 +1,33 @@
 <div [class]="{'footer': !mobileService.isMobile(), 'footer-mobile': mobileService.isMobile()}">
-  <footer class="pv4 ph3 ph5-m ph6-l bg-black">
+  <footer class="pv4 ph3 ph5-ns tc bg-black">
-    <small class="f6 db tc white">
+    <a class="link dim gray dib h2 w2 br-100 mr3"
-      © 2025
+       href="https://www.facebook.com/share/1Sbdr1Ho2y/"
-      <b class="ttu">
+       title="Troop 20 Facebook">
-        Troop 2020G - Columbiana
+      <svg data-icon="facebook" viewBox="0 0 32 32" style="fill:currentcolor">
-      </b>
+        <title>facebook icon</title>
-    </small>
+        <path
-    <div class="tc mt3">
+          d="M8 12 L13 12 L13 8 C13 2 17 1 24 2 L24 7 C20 7 19 7 19 10 L19 12 L24 12 L23 18 L19 18 L19 30 L13 30 L13 18 L8 18 z"></path>
+      </svg>
+    </a>
+    <a class="link dim gray dib h2 w2 br-100 mr3"
+       href="mailto:troop2020g@gmail.com"
+       title="Email Us">
+      <svg data-icon="email" viewBox="0 0 8 6" style="fill:currentcolor">
+        <title>Email Us</title>
+        <path
+          d="m0 0h8v6h-8zm.75 .75v4.5h6.5v-4.5zM0 0l4 3 4-3v1l-4 3-4-3z"></path>
+      </svg>
+    </a>
+    <div class="mt4">
       <a href="https://www.scouting.org"
          target="_blank"
-         title="Scouting America"
+         class="f6 link dim gray dib mr3 mr4-ns">Scouting America</a>
-         class="f6 dib ph2 link white dim">
-        Scouting America
-      </a>
       <a href="https://www.buckeyecouncil.org"
          target="_blank"
-         title="Terms"
+         class="f6 link dim gray dib mr3 mr4-ns">Buckeye Council</a>
-         class="f6 dib ph2 link white dim">
-        Buckeye Council
-      </a>
       <a href="https://www.fortyandeight.org"
          target="_blank"
-         title="Privacy"
+         class="f6 link dim gray dib">40 & 8</a>
-         class="f6 dib ph2 link white dim">
-        40 & 8
-      </a>
     </div>
   </footer>
 </div>

source/src/app/footer/footer.component.ts

@@ -3,7 +3,8 @@ import {MobileService} from '../mobile.service';
 
 @Component({
   selector: 'app-footer',
-  imports: [],
+  imports: [
+  ],
   templateUrl: './footer.component.html',
   styleUrl: './footer.component.scss'
 })

source/src/app/top-nav/top-nav.component.html

@@ -7,6 +7,5 @@
     <a class="link dim white dib mr3" [routerLink]="['/committee']" title="Committee">Committee</a>
     <a class="link dim white dib mr3" [routerLink]="['/fundraising']" title="Fundraising">Fundraising</a>
     <a class="link dim white dib mr3" [routerLink]="['forms']" title="Forms">Forms</a>
-    <a class="link dim white dib mr3" href="mailto:troop2020g@gmail.com" title="Contact Us">Contact Us</a>
   </nav>
 </header>