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

Adding summer fundraiser
All checks were successful
Build / Build (push) Successful in 14s
Details
Publish Docker Image / Build UI Artifact (release) Successful in 14s
Details
Publish Docker Image / Publish Docker Image (release) Successful in 22s
Details

Browse Source 
Adding row class
This commit is contained in:
Tara Wilson 2025-03-28 13:30:38 -04:00
parent a80207643e
commit 888c0c7db4
2 changed files with 41 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
source/src/app/fundraising/fundraising.component.html
View File

@ -1,16 +1,32 @@
<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>Scouting America Troop 2020G</b> in the "Who are you Supporting" fields in the checkout cart.
</p>
<p>
<b>This fundraiser has concluded.</b>
</p>
</div>
</article>
<div class="row row-center">
<article class="bg-light-blue center mw5 ba b--black-10 mv4">
<div class="pv2 ph3">
<h1 class="f6 ttu tracked">Summer Cheese Steak Fundraiser</h1>
</div>
<img
src="https://www.simplyrecipes.com/thmb/CYRMLG6E3oa5TQMfvNrwknw-jbU=/5925x0/filters:no_upscale():max_bytes(150000):strip_icc()/Simply-Recipes-Philly-Cheesesteak-LEAD-2-b182ca21d19344159d44efd361db1477.jpg"
class="w-100 db" alt="Flowers">
<div class="pa3">
<p>
Join us on June 28th for delicious Philly Cheese Steak Sandwiches! More details will be posted soon!
</p>
</div>
</article>
<article style="padding-bottom: 5px;" 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>Scouting America Troop 2020G</b> in the "Who are you Supporting"
fields in the checkout cart.
</p>
<p>
<b>This fundraiser has concluded.</b>
</p>
</div>
</article>
</div>

9
source/src/styles.scss
View File

@ -5,4 +5,13 @@ body, html {
margin: 0;
background-image: url('https://images.unsplash.com/photo-1505490096310-204ef067fe6b?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-color: black;
}
.row {
display: flex;
flex-flow: row wrap;
&-center {
justify-content: center;
}
}