Skip to content

Commit 1a8af19

Browse files
matyikrisztamatyikriszta
authored
Merge pull request #2096 from codebar/add-how-to-support-us-landing-page
Add Fundraise section to the How to support us page
2 parents 06d7765 + d5e8cb7 commit 1a8af19

File tree

14 files changed

+255
-122
lines changed

14 files changed

+255
-122
lines changed

‎app/assets/images/how-to-support-us/codebar-festival-2023.jpg‎

501 KB
Loading

‎app/assets/images/how-to-support-us/hackney-half.jpeg‎

208 KB
Loading

‎app/views/dashboard/show.html.haml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@
5757

5858
.py-4.py-lg-5.bg-light
5959
.container
60-
= render partial: 'shared/donation_platforms', locals: { title: t('homepage.donation_platforms.title') }
60+
= render partial: 'shared/donation_platforms', locals: { title: t('homepage.donation_platforms.title'), with_button: true }
6161

6262
.container.py-4.py-lg-5
6363
.row

‎app/views/pages/how-to-support-us.html.haml‎

Lines changed: 47 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,26 @@
1-
.container.py-4.py-lg-5
2-
.row
3-
.col
4-
%h1.display-2.text-center How to support us
1+
.py-4.py-lg-5.bg-primary
2+
.container
3+
.row.align-items-center
4+
.col-12.col-md-6
5+
%h1.display-2.text-white.lh-1.mb-4
6+
How to support
7+
%br
8+
our mission
9+
%ul.list-inline
10+
%li.list-inline-item
11+
= link_to t('pages.how_to_support_us.volunteer.title'), '#volunteer-with-us', class: 'btn btn-light'
12+
%li.list-inline-item
13+
= link_to t('pages.how_to_support_us.fundraise.title'), '#fundraise', class: 'btn btn-light'
14+
%li.list-inline-item
15+
= link_to t('donation_platforms.title'), '#donate', class: 'btn btn-light'
16+
.col-12.col-md-6
17+
= image_tag 'how-to-support-us/codebar-festival-2023.jpg', alt: '', class: 'mw-100 rounded'
518

6-
.py-4.py-lg-5
19+
.py-4.py-lg-5#volunteer-with-us
720
.container
821
.row.mb-3
922
.col
10-
%h2.h1.text-center Volunteer with us
23+
%h2.h1.text-center= t('pages.how_to_support_us.volunteer.title')
1124
.row.justify-content-center
1225
.col-12.col-lg-9
1326
.card.mb-3
@@ -16,20 +29,20 @@
1629
= image_tag 'how-to-support-us/become-an-organiser.jpg', class: 'rounded-start mw-100'
1730
.col-md-7
1831
.card-body
19-
%h3.card-title= t('pages.how_to_support_us.become_an_organiser.title')
32+
%h3.card-title= t('pages.how_to_support_us.volunteer.become_an_organiser.title')
2033
%p.card-text
21-
= t('pages.how_to_support_us.become_an_organiser.description')
22-
= mail_to 'hello@codebar.io', t('pages.how_to_support_us.become_an_organiser.link'), subjetc: "I'd like to become a codebar organiser for [city] chapter", class: 'btn btn-primary btn-sm text-decoration-none'
34+
= t('pages.how_to_support_us.volunteer.become_an_organiser.description')
35+
= mail_to 'hello@codebar.io', t('pages.how_to_support_us.volunteer.become_an_organiser.link'), subjetc: "I'd like to become a codebar organiser for [city] chapter", class: 'btn btn-primary btn-sm text-decoration-none'
2336
.col-12.col-lg-9
2437
.card.mb-3
2538
.row.g-0
2639
.col-md-5
2740
= image_tag 'how-to-support-us/become-a-coach.jpg', class: 'rounded-start mw-100'
2841
.col-md-7
2942
.card-body
30-
%h3.card-title= t('pages.how_to_support_us.become_a_coach.title')
43+
%h3.card-title= t('pages.how_to_support_us.volunteer.become_a_coach.title')
3144
%p.card-text
32-
= t('pages.how_to_support_us.become_a_coach.description')
45+
= t('pages.how_to_support_us.volunteer.become_a_coach.description')
3346
= link_to registration_path(member_type: 'coach'), class: 'btn btn-primary btn-sm text-decoration-none' do
3447
= t('members.sign_up_as_coach')
3548
%i.fab.fa-github
@@ -40,11 +53,30 @@
4053
= image_tag 'how-to-support-us/volunteer.jpg', class: 'rounded-start mw-100'
4154
.col-md-7
4255
.card-body
43-
%h3.card-title= t('pages.how_to_support_us.volunteer.title')
56+
%h3.card-title= t('pages.how_to_support_us.volunteer.volunteer.title')
4457
%p.card-text
45-
= t('pages.how_to_support_us.volunteer.description')
46-
= mail_to 'hello@codebar.io', t('pages.how_to_support_us.volunteer.link'), subjetc: "I'd like to volunteer with codebar", class: 'btn btn-primary btn-sm text-decoration-none'
58+
= t('pages.how_to_support_us.volunteer.volunteer.description')
59+
= mail_to 'hello@codebar.io', t('pages.how_to_support_us.volunteer.volunteer.link'), subjetc: "I'd like to volunteer with codebar", class: 'btn btn-primary btn-sm text-decoration-none'
60+
61+
.py-4.py-lg-5.bg-light#fundraise
62+
.container
63+
.row.d-flex.align-items-center.mb-5
64+
.col-12.col-md-6
65+
%h2.h1= t('pages.how_to_support_us.fundraise.title')
66+
%p= t('pages.how_to_support_us.fundraise.description_html')
67+
.col-12.col-md-6
68+
= image_tag 'how-to-support-us/hackney-half.jpeg', alt: t('pages.how_to_support_us.fundraise.image_alt'), class: 'mw-100 rounded'
69+
.row
70+
.col-12.col-lg-4
71+
.ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
72+
%iframe{title: 'Great South Run', src: '//runforcharity.com/codebar/great-south-run/493220'}
73+
.col-12.col-lg-4
74+
.ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
75+
%iframe{title: 'Run Alton Towers Half', src: '//runforcharity.com/codebar/run-alton-towers-half/register'}
76+
.col-12.col-lg-4
77+
.ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
78+
%iframe{title: 'Hackney Half', src: '//runforcharity.com/codebar/hackney-half/register'}
4779

48-
.py-4.py-lg-5.bg-light
80+
.py-4.py-lg-5#donate
4981
.container
5082
= render partial: 'shared/donation_platforms'

‎app/views/shared/_donation_platforms.html.haml‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,44 @@
11
- title = local_assigns[:title] ? local_assigns[:title] : t("donation_platforms.title")
22

3-
.row
4-
.col.mb-3
3+
.row.justify-content-center
4+
.col-12.col-md-7.text-center.mb-3
55
%h2.h1= title
6+
%p= t("donation_platforms.description")
67

78
.row.d-flex
89
.d-flex.col-sm-12.col-md-6.col-lg-3
910
.card.mt-3.mt-lg-0.shadow
1011
.card-header.bg-white.border-0.p-0.ratio.ratio-21x9
1112
.bg-white.rounded-top.p-3.d-flex.align-items-center
12-
= image_tag("logo.png", alt: "codebar logo", class: "mw-100")
13+
= image_tag("logo.png", alt:t("donation_platforms.donation_form.image_alt"), class: "mw-100")
1314
.card-body
1415
%h3.h6= link_to(t("donation_platforms.donation_form.title"), new_donation_path)
1516
%p.card-text= t("donation_platforms.donation_form.text")
1617
.d-flex.col-sm-12.col-md-6.col-lg-3
1718
.card.mt-3.mt-lg-0.shadow
1819
.card-header.bg-white.border-0.p-0.ratio.ratio-21x9
1920
.bg-dark.rounded-top
20-
= image_tag("give-as-you-live.png", alt: "Give as you Live logo", class: "mw-100 rounded-top")
21+
= image_tag("give-as-you-live.png", alt: t("donation_platforms.give_as_you_live.image_alt"), class: "mw-100 rounded-top")
2122
.card-body
2223
%h3.h6= link_to(t("donation_platforms.give_as_you_live.title"), "https://www.giveasyoulive.com/join/codebar?utm_source=charitytoolkit&utm_content=233896&utm_medium=post&utm_campaign=CTGenericCampaign")
2324
%p.card-text= t("donation_platforms.give_as_you_live.text")
2425
.d-flex.col-sm-12.col-md-6.col-lg-3
2526
.card.mt-3.mt-lg-0.shadow
2627
.card-header.bg-white.border-0.p-0.ratio.ratio-21x9
2728
.bg-white.rounded-top.p-3.d-flex.align-items-center
28-
= image_tag("open-collective-logo.png", alt: "Open Collective logo", class: "mw-100")
29+
= image_tag("open-collective-logo.png", alt: t("donation_platforms.open_collective.image_alt"), class: "mw-100")
2930
.card-body
3031
%h3.h6= link_to(t("donation_platforms.open_collective.title"), "https://opencollective.com/codebar")
3132
%p.card-text= t("donation_platforms.open_collective.text")
3233
.d-flex.col-sm-12.col-md-6.col-lg-3
3334
.card.mt-3.mt-lg-0.shadow
3435
.card-header.bg-white.border-0.p-0.ratio.ratio-21x9
3536
.bg-dark.rounded-top
36-
= image_tag("GitHub_Logo_White.png", alt: "Github Sponsors logo", class: "mw-100")
37+
= image_tag("GitHub_Logo_White.png", alt: t("donation_platforms.github_sponsors.image_alt"), class: "mw-100")
3738
.card-body
3839
%h3.h6= link_to(t("donation_platforms.github_sponsors.title"), "https://github.com/sponsors/codebar")
3940
%p.card-text= t("donation_platforms.github_sponsors.text")
4041

4142
- if local_assigns[:with_button]
4243
.d-flex.justify-content-center.mt-4
43-
= link_to t("donation_platforms.link"), how_to_support_us_path, class: 'btn btn-primary btn-lg'
44+
= link_to t("donation_platforms.link"), how_to_support_us_path, class: "btn btn-primary btn-lg"

‎config/locales/de.yml‎

Lines changed: 22 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -502,17 +502,23 @@ de:
502502
lifetime_ban: Lifetime ban - You will no longer be able to RSVP to any future codebar events. You will also be removed from codebar’s Slack workspace. Examples of behaviour that will get you an automatic lifetime ban include - physical intimidation, stalking, inappropriate physical contact, unwelcome sexual attention or repeated behaviour after you’ve been spoken to by someone from the codebar team (directors or chapter organisers).
503503
closing_para: The above is only a starting point. The details of the incident may change how we view it, e.g. some verbal harassment may be so serious that we would give a lifetime ban.
504504
how_to_support_us:
505-
become_an_organiser:
506-
title: Become an organiser
507-
description: Champion inclusion and diversity in the tech industry as a workshop organiser with codebar. Your contribution will create an empowering and safe environment, fostering learning and collaboration among individuals exploring coding in our vibrant community.
508-
link: Email us to become an organiser
509-
become_a_coach:
510-
title: Become a coach
511-
description: Affect change as a volunteer coach with codebar - your expertise and guidance will pave the way for aspiring developers, unlocking the world of coding and creating opportunities for folks from groups under represented in the tech industry.
512505
volunteer:
513-
title: Other skills
514-
description: codebar welcomes volunteers with a diverse range of skills - whether it's event coordination, fundraising, marketing or any other skill. Your unique abilities can enrich our community and drive our mission forward.
515-
link: Email us to become a volunteer
506+
title: Volunteer with us
507+
become_an_organiser:
508+
title: Become an organiser
509+
description: Champion inclusion and diversity in the tech industry as a workshop organiser with codebar. Your contribution will create an empowering and safe environment, fostering learning and collaboration among individuals exploring coding in our vibrant community.
510+
link: Email us to become an organiser
511+
become_a_coach:
512+
title: Become a coach
513+
description: Affect change as a volunteer coach with codebar - your expertise and guidance will pave the way for aspiring developers, unlocking the world of coding and creating opportunities for folks from groups under represented in the tech industry.
514+
volunteer:
515+
title: Other skills
516+
description: codebar welcomes volunteers with a diverse range of skills - whether it's event coordination, fundraising, marketing or any other skill. Your unique abilities can enrich our community and drive our mission forward.
517+
link: Email us to become a volunteer
518+
fundraise:
519+
title: Fundraise
520+
description_html: "Join our team at running and sporting events across the UK and challenge yourself physically while also supporting codebar. Use the registration forms below to register for an event. If you are not seeing an event in your area, <a href='mailto:hello@codebar.io'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
521+
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.
516522

517523
admin:
518524
dashboard:
@@ -559,16 +565,21 @@ de:
559565
expiry_date: Application closing date
560566
donation_platforms:
561567
title: "Donate"
568+
description: "Your support, whether a single gift or ongoing commitment, fuels our efforts to create an inclusive tech industry and provides consistent opportunities for learning and growth for members of groups underrepresented in the tech industry."
562569
link: "Find out how else to support us"
563570
donation_form:
564571
title: "Use the donation page"
565-
text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution. Your support, whether a single gift or ongoing commitment, fuels our efforts to create an inclusive tech industry and provides consistent opportunities for learning and growth for members of groups underrepresented in the tech industry."
572+
text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
573+
image_alt: "codebar logo"
566574
github_sponsors:
567575
title: "Github Sponsors"
568576
text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
577+
image_alt: "Github Sponsors logo"
569578
open_collective:
570579
title: "Open Collective"
571580
text: "Setup a recurring contribution or make a one-time donation through Open Collective."
581+
image_alt: "Open Collective logo"
572582
give_as_you_live:
573583
title: "Give as you Live"
574584
text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
585+
image_alt: "Give as you Live logo"

‎config/locales/en.yml‎

Lines changed: 22 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -615,17 +615,23 @@ en:
615615
lifetime_ban: Lifetime ban - You will no longer be able to RSVP to any future codebar events. You will also be removed from codebar’s Slack workspace. Examples of behaviour that will get you an automatic lifetime ban include - physical intimidation, stalking, inappropriate physical contact, unwelcome sexual attention or repeated behaviour after you’ve been spoken to by someone from the codebar team (directors or chapter organisers).
616616
closing_para: The above is only a starting point. The details of the incident may change how we view it, e.g. some verbal harassment may be so serious that we would give a lifetime ban.
617617
how_to_support_us:
618-
become_an_organiser:
619-
title: Become an organiser
620-
description: Champion inclusion and diversity in the tech industry as a workshop organiser with codebar. Your contribution will create an empowering and safe environment, fostering learning and collaboration among individuals exploring coding in our vibrant community.
621-
link: Email us to become an organiser
622-
become_a_coach:
623-
title: Become a coach
624-
description: Affect change as a volunteer coach with codebar - your expertise and guidance will pave the way for aspiring developers, unlocking the world of coding and creating opportunities for folks from groups under represented in the tech industry.
625618
volunteer:
626-
title: Other skills
627-
description: codebar welcomes volunteers with a diverse range of skills - whether it's event coordination, fundraising, marketing or any other skill. Your unique abilities can enrich our community and drive our mission forward.
628-
link: Email us to become a volunteer
619+
title: Volunteer with us
620+
become_an_organiser:
621+
title: Become an organiser
622+
description: Champion inclusion and diversity in the tech industry as a workshop organiser with codebar. Your contribution will create an empowering and safe environment, fostering learning and collaboration among individuals exploring coding in our vibrant community.
623+
link: Email us to become an organiser
624+
become_a_coach:
625+
title: Become a coach
626+
description: Affect change as a volunteer coach with codebar - your expertise and guidance will pave the way for aspiring developers, unlocking the world of coding and creating opportunities for folks from groups under represented in the tech industry.
627+
volunteer:
628+
title: Other skills
629+
description: codebar welcomes volunteers with a diverse range of skills - whether it's event coordination, fundraising, marketing or any other skill. Your unique abilities can enrich our community and drive our mission forward.
630+
link: Email us to become a volunteer
631+
fundraise:
632+
title: Fundraise
633+
description_html: "Join our team at running and sporting events across the UK and challenge yourself physically while also supporting codebar. Use the registration forms below to register for an event. If you are not seeing an event in your area, <a href='mailto:hello@codebar.io'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
634+
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.
629635

630636
admin:
631637
dashboard:
@@ -757,19 +763,24 @@ en:
757763
discord_invitation: https://discord.gg/Eru89Rk
758764
donation_platforms:
759765
title: "Donate"
766+
description: "Your support, whether a single gift or ongoing commitment, fuels our efforts to create an inclusive tech industry and provides consistent opportunities for learning and growth for members of groups underrepresented in the tech industry."
760767
link: "Find out how else to support us"
761768
donation_form:
762769
title: "Use the donation page"
763-
text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution. Your support, whether a single gift or ongoing commitment, fuels our efforts to create an inclusive tech industry and provides consistent opportunities for learning and growth for members of groups underrepresented in the tech industry."
770+
text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
771+
image_alt: "codebar logo"
764772
github_sponsors:
765773
title: "Github Sponsors"
766774
text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
775+
image_alt: "Github Sponsors logo"
767776
open_collective:
768777
title: "Open Collective"
769778
text: "Setup a recurring contribution or make a one-time donation through Open Collective."
779+
image_alt: "Open Collective logo"
770780
give_as_you_live:
771781
title: "Give as you Live"
772782
text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
783+
image_alt: "Give as you Live logo"
773784
services:
774785
donations: https://codebar.enthuse.com/donate/#!/
775786

0 commit comments

Comments
 (0)