From 4f18919d549fae79afaff0270a4ce3c773c1cc59 Mon Sep 17 00:00:00 2001
From: Tara Wilson <tara@taraformed.com>
Date: Sat, 5 Apr 2025 12:07:17 -0400
Subject: [PATCH] Adding facebook link Moving email link

---
 source/src/app/footer/footer.component.html   | 43 ++++++++++---------
 source/src/app/footer/footer.component.ts     |  3 +-
 source/src/app/top-nav/top-nav.component.html |  1 -
 3 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/source/src/app/footer/footer.component.html b/source/src/app/footer/footer.component.html
index 12c555a..549c45e 100644
--- a/source/src/app/footer/footer.component.html
+++ b/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">
-    <small class="f6 db tc white">
-      © 2025
-      <b class="ttu">
-        Troop 2020G - Columbiana
-      </b>
-    </small>
-    <div class="tc mt3">
+  <footer class="pv4 ph3 ph5-ns tc bg-black">
+    <a class="link dim gray dib h2 w2 br-100 mr3"
+       href="https://www.facebook.com/share/1Sbdr1Ho2y/"
+       title="Troop 20 Facebook">
+      <svg data-icon="facebook" viewBox="0 0 32 32" style="fill:currentcolor">
+        <title>facebook icon</title>
+        <path
+          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 dib ph2 link white dim">
-        Scouting America
-      </a>
+         class="f6 link dim gray dib mr3 mr4-ns">Scouting America</a>
       <a href="https://www.buckeyecouncil.org"
          target="_blank"
-         title="Terms"
-         class="f6 dib ph2 link white dim">
-        Buckeye Council
-      </a>
+         class="f6 link dim gray dib mr3 mr4-ns">Buckeye Council</a>
       <a href="https://www.fortyandeight.org"
          target="_blank"
-         title="Privacy"
-         class="f6 dib ph2 link white dim">
-        40 & 8
-      </a>
+         class="f6 link dim gray dib">40 & 8</a>
     </div>
   </footer>
 </div>
\ No newline at end of file
diff --git a/source/src/app/footer/footer.component.ts b/source/src/app/footer/footer.component.ts
index 60200a7..4653659 100644
--- a/source/src/app/footer/footer.component.ts
+++ b/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'
 })
diff --git a/source/src/app/top-nav/top-nav.component.html b/source/src/app/top-nav/top-nav.component.html
index 2fc202a..25f315c 100644
--- a/source/src/app/top-nav/top-nav.component.html
+++ b/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>
\ No newline at end of file