Adds Fundraise section to How to support us page

Author: matyikriszta

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

@@ -9,6 +9,8 @@
         %ul.list-inline
           %li.list-inline-item
             = link_to t('pages.how_to_support_us.volunteer.title'), '#volunteer-with-us', class: 'btn btn-light'
+          %li.list-inline-item
+            = link_to t('pages.how_to_support_us.fundraise.title'), '#fundraise', class: 'btn btn-light'
           %li.list-inline-item
             = link_to t('donation_platforms.title'), '#donate', class: 'btn btn-light'
       .col-12.col-md-6
@@ -56,6 +58,25 @@
                   = t('pages.how_to_support_us.volunteer.volunteer.description')
                 = mail_to '[email protected]', 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'
 
-.py-4.py-lg-5.bg-light#donate
+.py-4.py-lg-5.bg-light#fundraise
+  .container
+    .row.d-flex.align-items-center.mb-5
+      .col-12.col-md-6
+        %h2.h1= t('pages.how_to_support_us.fundraise.title')
+        %p= t('pages.how_to_support_us.fundraise.description_html')
+      .col-12.col-md-6
+        = image_tag 'how-to-support-us/hackney-half.jpeg', alt: t('pages.how_to_support_us.fundraise.image_alt'), class: 'mw-100 rounded'
+    .row
+      .col-12.col-lg-4
+        .ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
+          %iframe{title: 'Great South Run', src: '//runforcharity.com/codebar/great-south-run/493220'}
+      .col-12.col-lg-4
+        .ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
+          %iframe{title: 'Run Alton Towers Half', src: '//runforcharity.com/codebar/run-alton-towers-half/register'}
+      .col-12.col-lg-4
+        .ratio.shadow{style: '--bs-aspect-ratio: 150%;'}
+          %iframe{title: 'Hackney Half', src: '//runforcharity.com/codebar/hackney-half/register'}
+
+.py-4.py-lg-5#donate
   .container
     = render partial: 'shared/donation_platforms'

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

@@ -515,6 +515,10 @@ de:
           title: Other skills
           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.
           link: Email us to become a volunteer
+      fundraise:
+        title: Fundraise
+        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:[email protected]'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
+        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.
 
   admin:
     dashboard:

config/locales/de.yml

@@ -628,6 +628,10 @@ en:
           title: Other skills
           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.
           link: Email us to become a volunteer
+      fundraise:
+        title: Fundraise
+        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:[email protected]'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
+        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.
 
   admin:
     dashboard:

config/locales/en.yml

@@ -481,6 +481,10 @@ en-AU:
           title: Other skills
           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.
           link: Email us to become a volunteer
+      fundraise:
+        title: Fundraise
+        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:[email protected]'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
+        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.
 
   admin:
     dashboard:

config/locales/en_AU.yml

@@ -481,6 +481,10 @@ en-GB:
           title: Other skills
           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.
           link: Email us to become a volunteer
+      fundraise:
+        title: Fundraise
+        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:[email protected]'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
+        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.
 
   admin:
     dashboard:

config/locales/en_GB.yml

@@ -479,6 +479,10 @@ en-US:
           title: Other skills
           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.
           link: Email us to become a volunteer
+      fundraise:
+        title: Fundraise
+        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:[email protected]'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
+        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.
 
   admin:
     dashboard:

config/locales/en_US.yml

@@ -553,6 +553,10 @@ es:
           title: Other skills
           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.
           link: Email us to become a volunteer
+      fundraise:
+        title: Fundraise
+        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:[email protected]'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
+        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.
 
   admin:
     dashboard:

config/locales/es.yml

@@ -481,6 +481,10 @@ fi:
           title: Other skills
           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.
           link: Email us to become a volunteer
+      fundraise:
+        title: Fundraise
+        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:[email protected]'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
+        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.
 
   admin:
     dashboard:

config/locales/fi.yml

@@ -480,6 +480,10 @@ fr:
           title: Other skills
           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.
           link: Email us to become a volunteer
+      fundraise:
+        title: Fundraise
+        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:[email protected]'>drop us an email</a> telling us where you are located and we'll let you know about upcoming events in your area."
+        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.
 
   admin:
     dashboard: