From a3defa22ac322835212c68fc4e32467acdfaba0e Mon Sep 17 00:00:00 2001 From: James Cameron Date: Mon, 16 Dec 2024 06:54:21 +1100 Subject: [PATCH] "ADD Updated Standalone fundraiser banner " Fixes #579: Add standalone fundraiser banner above navigation bar - Introduces a new banner component for standalone fundraiser visibility. - Problem: The fundraiser section was not prominent on the site. - Solution: Placed the banner above navigation bar --- _config.yml | 3 ++- _includes/banner-mobile.html | 1 - _includes/banner.css | 27 +++++++++++++++++++++++++++ _includes/banner.html | 30 ++++++++++++++++++------------ _includes/nav.html | 8 +++++--- _layouts/base.html | 6 ++++++ 6 files changed, 58 insertions(+), 17 deletions(-) create mode 100644 _includes/banner.css diff --git a/_config.yml b/_config.yml index 956cbbe7..82f2b952 100755 --- a/_config.yml +++ b/_config.yml @@ -8,4 +8,5 @@ sass: sass_dir: css collections: faqs: - output: true \ No newline at end of file + output: true +show_fundraiser_banner: true diff --git a/_includes/banner-mobile.html b/_includes/banner-mobile.html index aed9f71d..85775223 100644 --- a/_includes/banner-mobile.html +++ b/_includes/banner-mobile.html @@ -1,4 +1,3 @@ -

Our goal is $25k this fall, and every contribution counts! Whether you give $3 or more, your tax-deductible donation will help us continue to provide a unique learning environment where youth can solve authentic tasks and learn by doing. Read more about how we can make a difference together and donate today!

diff --git a/_includes/banner.css b/_includes/banner.css new file mode 100644 index 00000000..0ce6ace2 --- /dev/null +++ b/_includes/banner.css @@ -0,0 +1,27 @@ +#fundraiser-banner { + background-color: #f8f9fa; /* Light gray background */ + color: #333; /* Neutral text color */ + border-bottom: 1px solid #ddd; /* Subtle bottom border */ + font-family: Arial, sans-serif; + padding: 15px; /* Padding around the banner */ + display: flex; + justify-content: space-between; /* Space between text and PayPal button */ + align-items: center; /* Vertical alignment */ + z-index: 1000; /* Ensure it's above other elements */ + position: relative; + } + + #fundraiser-banner p { + margin: 0; + font-size: 16px; + } + + #donate-button-container { + display: inline-block; + } + + #fundraiser-banner .btn { + margin-left: 10px; + font-size: 0.9rem; + } + \ No newline at end of file diff --git a/_includes/banner.html b/_includes/banner.html index f989e5ab..c7362604 100644 --- a/_includes/banner.html +++ b/_includes/banner.html @@ -1,20 +1,26 @@ -
-

Our goal is $25k this fall, and every contribution counts! Whether you give $3 or more, your tax-deductible donation will help us continue to provide a unique learning environment where youth can solve authentic tasks and learn by doing. Read more about how we can make a difference together and donate today!

- -