Troop20/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

Adding fundraiser page

Browse Source
This commit is contained in:
Tara Wilson 2025-02-27 19:18:51 -05:00
parent 0736c44753
commit c3471de372
6 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
source/src/app/app.routes.ts
View File

@ -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
}
];

15
source/src/app/fundraising/fundraising.component.html Normal file
View File

@ -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>

0
source/src/app/fundraising/fundraising.component.scss Normal file
View File

11
source/src/app/fundraising/fundraising.component.ts Normal file
View File

@ -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 {
}

1
source/src/app/top-nav/top-nav.component.html
View File

@ -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>

2
source/src/index.html
View File

@ -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"/>