Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
75 changes: 59 additions & 16 deletions app/views/pages/fundraise.html.haml
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,70 @@
.row.align-items-center
.col-12.col-md-7
%h1.display-2.text-white.lh-1.mb-4
Fundraise
%br
for codebar
%p.text-white.lead.mb-4
Take on a physical challenge with codebar and raise the vital funds needed to keep all of our workshops and events free and accessible.
.col-12.col-md-5
= t('pages.how_to_support_us.fundraise.headline')
%p.text-white.lead
= t('pages.how_to_support_us.fundraise.tagline')
.col-12.col-md-4
= image_tag 'how-to-support-us/ilona-london-marathon.jpeg', alt: t('pages.how_to_support_us.fundraise.image_alt'), class: 'mw-100 rounded'

.py-4.py-lg-5
.container
:ruby
fundraising_events = [
{
name: 'Barcelona Marathon',
blurb: 'A stunning 26.2 miles, finishing on the beach with the sea as your backdrop. A brilliant first overseas challenge for #TeamCodebar.',
date: Date.new(2027, 3, 14)
},
{
name: 'HOKA Hackney Half',
blurb: "Our biggest team of the year, taking on the London's most electric half marathon. Bring friends, family and plenty of energy.",
date: Date.new(2027, 5, 16)
},
{
name: 'Southampton Running Festival 10k',
blurb: 'Beginning and ending in the Southampton Common. It’s the perfect route for a PB featuring woodland, grassland, ponds, wetlands, lakes and parkland in the centre of the city.',
date: Date.new(2027, 5, 30)
},
{
name: 'Great South Run 2027',
blurb: 'The flat, fast coastal ten miles in Portsmouth. Every place you take helps us keep our workshops free.',
date: Date.new(2027, 10, 17)
}
]

.row.mb-5
.col-12.col-lg-9
%p.lead
= t('pages.how_to_support_us.fundraise.description_html', email: 'hello@codebar.io')
.row
.col-12.col-lg-4
.ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
%iframe{title: 'Great South Run', src: 'https://runforcharity.com/charity-registration/codebar/great-south-run/corporate-events'}
.col-12.col-lg-4
.ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
%iframe{title: 'London Landmarks Half Marathon 2027', src: 'https://runforcharity.com/charity-registration/codebar/london-landmarks-half-marathon-2026/codebar-london-landmarks-half-marathon-second-reg-1'}
.col-12.col-lg-4
.ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
%iframe{title: 'Hackney Half May 2027', src: 'https://runforcharity.com/charity-registration/codebar/hoka-hackney-half/corporate-events'}

.row{ 'data-test': 'fundraising-events' }
- fundraising_events.each do |fundraising_event|
.col-12.col-lg-4.mb-4
.card.mt-3.mt-lg-0.h-100
.card-body.d-flex.flex-column
%h4= fundraising_event[:name]
%p.card-text= fundraising_event[:blurb]
%p.card-text.text-muted.mb-3= l(fundraising_event[:date], format: :date)
.mt-auto
= link_to t('pages.how_to_support_us.fundraise.email_us'), 'mailto:hello@codebar.io', class: 'btn btn-primary'

.row.mt-5
.col-12
%h2= t('pages.how_to_support_us.fundraise.own_challenge.title')
%p.lead.mt-3.mb-0
= t('pages.how_to_support_us.fundraise.own_challenge.description_html')

.row.mt-5
.col-12
%h2= t('pages.how_to_support_us.fundraise.why_fundraise.title')
%p.lead.mt-3.mb-0
= t('pages.how_to_support_us.fundraise.why_fundraise.description_html')

.row.mt-5{ 'data-test': 'fundraising-impact' }
- t('pages.how_to_support_us.fundraise.impact').each do |impact_stat|
.col-12.col-lg-4.mb-4
.card.mt-3.mt-lg-0.h-100
.card-body.d-flex.flex-column
%h5= impact_stat[:heading]
%p.card-text.mb-0= impact_stat[:body]
20 changes: 18 additions & 2 deletions config/locales/de.yml
Original file line number Diff line number Diff line change
Expand Up @@ -524,8 +524,24 @@ de:
link: Take a look at our Volunteer Opportunities here
fundraise:
title: Fundraise
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, sign up with our registration form for your desired event and raise vital funds to help keep our events running. If your event does not appear below, feel free to <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: A Black British woman crosses the finish line at the Hackney Half Marathon in London in a shower of confetti while spectators cheer her on.
headline: Take on a challenge for codebar
tagline: "Run it. Ride it. Swim it. Walk it. Climb it. Whatever your challenge, you can turn it into support for a more inclusive tech industry."
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, drop us an email for your desired event and raise vital funds to help keep our workshops running. If your event does not appear below, please <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: Ilona holding her London Marathon medal after running
email_us: Email us
own_challenge:
title: "Got your own challenge?"
description_html: 'Running, cycling, swimming or climbing something of your own? We would love to support you, so get in touch and we will help you set up your fundraising page.'
why_fundraise:
title: 'Why fundraise for codebar?'
description_html: 'All of our workshops and events are completely free for everyone who attends. Fundraising with us means more people from underrepresented groups get a safe, practical way into tech, wherever they happen to be.'
impact:
- heading: "85% of codebar community members say the skills they've learnt have helped them find a job in tech."
body: Your fundraising creates real pathways into tech.
- heading: 73% of codebar students did not work in tech before they found us.
body: "When you fundraise for codebar, you're not just crossing a finish line - you're helping someone else cross theirs."
- heading: Over 27,500 people across 36 global locations are now part of the codebar community.
body: Every pound you raise helps us reach more people in more places, and keeps our doors open for people who might never have had another route into tech.
codebar_stories_podcast:
image_alt: codebar stories banner
opening: codebar Stories is a new podcast brought to you by codebar, we'll be smashing down the belief that tech isn't for you by sharing real-life stories from members of our community who have transitioned into a new career in tech.
Expand Down
20 changes: 18 additions & 2 deletions config/locales/en.yml
Original file line number Diff line number Diff line change
Expand Up @@ -645,8 +645,24 @@ en:
link: Take a look at our Volunteer Opportunities here
fundraise:
title: Fundraise
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, sign up with our registration form for your desired event and raise vital funds to help keep our events running. If your event does not appear below, feel free to <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: A Black British woman crosses the finish line at the Hackney Half Marathon in London in a shower of confetti while spectators cheer her on.
headline: Take on a challenge for codebar
tagline: "Run it. Ride it. Swim it. Walk it. Climb it. Whatever your challenge, you can turn it into support for a more inclusive tech industry."
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, drop us an email for your desired event and raise vital funds to help keep our workshops running. If your event does not appear below, please <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: Ilona holding her London Marathon medal after running
email_us: Email us
own_challenge:
title: "Got your own challenge?"
description_html: 'Running, cycling, swimming or climbing something of your own? We would love to support you, so get in touch and we will help you set up your fundraising page.'
why_fundraise:
title: 'Why fundraise for codebar?'
description_html: 'All of our workshops and events are completely free for everyone who attends. Fundraising with us means more people from underrepresented groups get a safe, practical way into tech, wherever they happen to be.'
impact:
- heading: "85% of codebar community members say the skills they've learnt have helped them find a job in tech."
body: Your fundraising creates real pathways into tech.
- heading: 73% of codebar students did not work in tech before they found us.
body: "When you fundraise for codebar, you're not just crossing a finish line - you're helping someone else cross theirs."
- heading: Over 27,500 people across 36 global locations are now part of the codebar community.
body: Every pound you raise helps us reach more people in more places, and keeps our doors open for people who might never have had another route into tech.
codebar_stories_podcast:
image_alt: codebar stories banner
opening: codebar Stories is a new podcast brought to you by codebar, we'll be smashing down the belief that tech isn't for you by sharing real-life stories from members of our community who have transitioned into a new career in tech.
Expand Down
20 changes: 18 additions & 2 deletions config/locales/en_AU.yml
Original file line number Diff line number Diff line change
Expand Up @@ -481,8 +481,24 @@ en-AU:
link: Take a look at our Volunteer Opportunities here
fundraise:
title: Fundraise
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, sign up with our registration form for your desired event and raise vital funds to help keep our events running. If your event does not appear below, feel free to <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: A Black British woman crosses the finish line at the Hackney Half Marathon in London in a shower of confetti while spectators cheer her on.
headline: Take on a challenge for codebar
tagline: "Run it. Ride it. Swim it. Walk it. Climb it. Whatever your challenge, you can turn it into support for a more inclusive tech industry."
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, drop us an email for your desired event and raise vital funds to help keep our workshops running. If your event does not appear below, please <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: Ilona holding her London Marathon medal after running
email_us: Email us
own_challenge:
title: "Got your own challenge?"
description_html: 'Running, cycling, swimming or climbing something of your own? We would love to support you, so get in touch and we will help you set up your fundraising page.'
why_fundraise:
title: 'Why fundraise for codebar?'
description_html: 'All of our workshops and events are completely free for everyone who attends. Fundraising with us means more people from underrepresented groups get a safe, practical way into tech, wherever they happen to be.'
impact:
- heading: "85% of codebar community members say the skills they've learnt have helped them find a job in tech."
body: Your fundraising creates real pathways into tech.
- heading: 73% of codebar students did not work in tech before they found us.
body: "When you fundraise for codebar, you're not just crossing a finish line - you're helping someone else cross theirs."
- heading: Over 27,500 people across 36 global locations are now part of the codebar community.
body: Every pound you raise helps us reach more people in more places, and keeps our doors open for people who might never have had another route into tech.
codebar_stories_podcast:
image_alt: codebar stories banner
opening: codebar Stories is a new podcast brought to you by codebar, we'll be smashing down the belief that tech isn't for you by sharing real-life stories from members of our community who have transitioned into a new career in tech.
Expand Down
20 changes: 18 additions & 2 deletions config/locales/en_GB.yml
Original file line number Diff line number Diff line change
Expand Up @@ -481,8 +481,24 @@ en-GB:
link: Email us to become a volunteer
fundraise:
title: Fundraise
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, sign up with our registration form for your desired event and raise vital funds to help keep our events running. If your event does not appear below, feel free to <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: A Black British woman crosses the finish line at the Hackney Half Marathon in London in a shower of confetti while spectators cheer her on.
headline: Take on a challenge for codebar
tagline: "Run it. Ride it. Swim it. Walk it. Climb it. Whatever your challenge, you can turn it into support for a more inclusive tech industry."
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, drop us an email for your desired event and raise vital funds to help keep our workshops running. If your event does not appear below, please <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: Ilona holding her London Marathon medal after running
email_us: Email us
own_challenge:
title: "Got your own challenge?"
description_html: 'Running, cycling, swimming or climbing something of your own? We would love to support you, so get in touch and we will help you set up your fundraising page.'
why_fundraise:
title: 'Why fundraise for codebar?'
description_html: 'All of our workshops and events are completely free for everyone who attends. Fundraising with us means more people from underrepresented groups get a safe, practical way into tech, wherever they happen to be.'
impact:
- heading: "85% of codebar community members say the skills they've learnt have helped them find a job in tech."
body: Your fundraising creates real pathways into tech.
- heading: 73% of codebar students did not work in tech before they found us.
body: "When you fundraise for codebar, you're not just crossing a finish line - you're helping someone else cross theirs."
- heading: Over 27,500 people across 36 global locations are now part of the codebar community.
body: Every pound you raise helps us reach more people in more places, and keeps our doors open for people who might never have had another route into tech.
codebar_stories_podcast:
image_alt: codebar stories banner
opening: codebar Stories is a new podcast brought to you by codebar, we'll be smashing down the belief that tech isn't for you by sharing real-life stories from members of our community who have transitioned into a new career in tech.
Expand Down
20 changes: 18 additions & 2 deletions config/locales/en_US.yml
Original file line number Diff line number Diff line change
Expand Up @@ -479,8 +479,24 @@ en-US:
link: Take a look at our Volunteer Opportunities here
fundraise:
title: Fundraise
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, sign up with our registration form for your desired event and raise vital funds to help keep our events running. If your event does not appear below, feel free to <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: A Black British woman crosses the finish line at the Hackney Half Marathon in London in a shower of confetti while spectators cheer her on.
headline: Take on a challenge for codebar
tagline: "Run it. Ride it. Swim it. Walk it. Climb it. Whatever your challenge, you can turn it into support for a more inclusive tech industry."
description_html: "Join the codebar team with a physical challenge event. Whether you are a runner, swimmer, or cyclist, drop us an email for your desired event and raise vital funds to help keep our workshops running. If your event does not appear below, please <a href='mailto:%{email}'>drop us an email</a> and we would be happy to coordinate with you."
image_alt: Ilona holding her London Marathon medal after running
email_us: Email us
own_challenge:
title: "Got your own challenge?"
description_html: 'Running, cycling, swimming or climbing something of your own? We would love to support you, so get in touch and we will help you set up your fundraising page.'
why_fundraise:
title: 'Why fundraise for codebar?'
description_html: 'All of our workshops and events are completely free for everyone who attends. Fundraising with us means more people from underrepresented groups get a safe, practical way into tech, wherever they happen to be.'
impact:
- heading: "85% of codebar community members say the skills they've learnt have helped them find a job in tech."
body: Your fundraising creates real pathways into tech.
- heading: 73% of codebar students did not work in tech before they found us.
body: "When you fundraise for codebar, you're not just crossing a finish line - you're helping someone else cross theirs."
- heading: Over 27,500 people across 36 global locations are now part of the codebar community.
body: Every pound you raise helps us reach more people in more places, and keeps our doors open for people who might never have had another route into tech.
codebar_stories_podcast:
image_alt: codebar stories banner
opening: codebar Stories is a new podcast brought to you by codebar, we'll be smashing down the belief that tech isn't for you by sharing real-life stories from members of our community who have transitioned into a new career in tech.
Expand Down
Loading
Loading