From c3471de372b51c013e6a96dd9b90e5511b1b4807 Mon Sep 17 00:00:00 2001
From: Tara Wilson <tara@taraformed.com>
Date: Thu, 27 Feb 2025 19:18:51 -0500
Subject: [PATCH] Adding fundraiser page

---
 source/src/app/app.routes.ts                      | 11 ++++++++---
 .../app/fundraising/fundraising.component.html    | 15 +++++++++++++++
 .../app/fundraising/fundraising.component.scss    |  0
 .../src/app/fundraising/fundraising.component.ts  | 11 +++++++++++
 source/src/app/top-nav/top-nav.component.html     |  1 +
 source/src/index.html                             |  2 +-
 6 files changed, 36 insertions(+), 4 deletions(-)
 create mode 100644 source/src/app/fundraising/fundraising.component.html
 create mode 100644 source/src/app/fundraising/fundraising.component.scss
 create mode 100644 source/src/app/fundraising/fundraising.component.ts

diff --git a/source/src/app/app.routes.ts b/source/src/app/app.routes.ts
index 930fa08..fd35c9f 100644
--- a/source/src/app/app.routes.ts
+++ b/source/src/app/app.routes.ts
@@ -2,9 +2,10 @@ import {Routes} from '@angular/router';
 import {HomeComponent} from './home/home.component';
 import {AboutComponent} from './about/about.component';
 import {LeadershipComponent} from './leadership/leadership.component';
-import {FormsComponent} from "./forms/forms.component";
-import {CommitteeComponent} from "./committee/committee.component";
-import {YouthLeadershipComponent} from "./youth-leadership/youth-leadership.component";
+import {FormsComponent} from './forms/forms.component';
+import {CommitteeComponent} from './committee/committee.component';
+import {YouthLeadershipComponent} from './youth-leadership/youth-leadership.component';
+import {FundraisingComponent} from './fundraising/fundraising.component';
 
 export const routes: Routes = [
   {
@@ -30,5 +31,9 @@ export const routes: Routes = [
   {
     path: 'youth-leadership',
     component: YouthLeadershipComponent
+  },
+  {
+    path: 'fundraising',
+    component: FundraisingComponent
   }
 ];
diff --git a/source/src/app/fundraising/fundraising.component.html b/source/src/app/fundraising/fundraising.component.html
new file mode 100644
index 0000000..a4b53b4
--- /dev/null
+++ b/source/src/app/fundraising/fundraising.component.html
@@ -0,0 +1,15 @@
+<article class="bg-light-blue center mw5 ba b--black-10 mv4">
+  <div class="pv2 ph3">
+    <h1 class="f6 ttu tracked">Spring Flower Fundraiser</h1>
+  </div>
+  <img src="https://www.iraisemore.com/cdn/shop/files/wp85_1024x1024@2x.jpg?v=1734105510" class="w-100 db"
+       alt="Flowers">
+  <div class="pa3">
+    <p>
+      Fundraiser benefits the Troop and individual Scouts. Fundraiser runs from February 27th until March 20th.
+      Please enter the <b>Scout's name</b> and <b>Troop 20</b> in the "Who are you Supporting" fields in the checkout cart.
+    </p>
+    <a href="https://www.iraisemore.com/collections/art-in-nature-flower-bulbs?ref=33379" target="_blank"
+       class="link dim lh-title">Click Here to Support Troop 20!</a>
+  </div>
+</article>
\ No newline at end of file
diff --git a/source/src/app/fundraising/fundraising.component.scss b/source/src/app/fundraising/fundraising.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/src/app/fundraising/fundraising.component.ts b/source/src/app/fundraising/fundraising.component.ts
new file mode 100644
index 0000000..ff27eae
--- /dev/null
+++ b/source/src/app/fundraising/fundraising.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-fundraising',
+  imports: [],
+  templateUrl: './fundraising.component.html',
+  styleUrl: './fundraising.component.scss'
+})
+export class FundraisingComponent {
+
+}
diff --git a/source/src/app/top-nav/top-nav.component.html b/source/src/app/top-nav/top-nav.component.html
index 89dae6b..2fc202a 100644
--- a/source/src/app/top-nav/top-nav.component.html
+++ b/source/src/app/top-nav/top-nav.component.html
@@ -5,6 +5,7 @@
     <a class="link dim white dib mr3" [routerLink]="['/youth-leadership']" title="Youth Leadership">Youth Leadership</a>
     <a class="link dim white dib mr3" [routerLink]="['/leadership']" title="Leaders">Adult Leadership</a>
     <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>
diff --git a/source/src/index.html b/source/src/index.html
index ddadd40..a56786f 100644
--- a/source/src/index.html
+++ b/source/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Troop20web</title>
+  <title>Troop 20</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"/>