New "Other ways you can support codebar" page

app/views/layouts/_navigation.html.haml

@@ -32,12 +32,13 @@
             Sponsors
         %li.nav-item.dropdown
           = link_to '#', {'role': 'button', 'aria-expanded': 'false', 'data-bs-toggle': 'dropdown', class: 'nav-link border-0 dropdown-toggle', id: 'navbarDropdownMenuLinkSupport'} do
-            How to support us
+            Support codebar
           %ul.dropdown-menu{'aria-labelledby': 'navbarDropdownMenuLinkSupport'}
-            %li= link_to 'Volunteer', volunteer_path, class: 'dropdown-item'
+            %li= link_to 'Donate', 'https://codebar.enthuse.com/donate#!/', class: 'dropdown-item', target: '_blank', rel: 'noopener noreferrer'
             %li= link_to 'Fundraise', fundraise_path, class: 'dropdown-item'
             %li= link_to 'Corporate partnership', corporate_support_path, class: 'dropdown-item'
-            %li= link_to 'Donate', 'https://codebar.enthuse.com/donate#!/', class: 'dropdown-item', target: '_blank', rel: 'noopener noreferrer'
+            %li= link_to 'Other ways to support', other_ways_to_support_path, class: 'dropdown-item'
+
         %li.nav-item
           = link_to "http://jobs.codebar.io/", class: 'nav-link border-0' do
             Job Board

app/views/pages/other-ways-to-support.html.haml

@@ -0,0 +1,59 @@
+.py-4.py-lg-5.bg-primary
+  .container
+    .row.align-items-center
+      .col-12.col-md-7
+        %h1.display-2.text-white.lh-1.mb-4
+          = t('pages.how_to_support_us.other_ways_to_support.headline')
+        %p.text-white.lead
+          = t('pages.how_to_support_us.other_ways_to_support.tagline')
+      .col-12.col-md-4
+        = image_tag 'how-to-support-us/pat-uncodebar.jpg', alt: t('pages.how_to_support_us.fundraise.image_alt'), class: 'mw-100 rounded'
+
+.py-4.py-lg-5
+  .container.mt-4
+    .row.justify-content-center
+      .col-12.col-md-9
+        %h3= t('pages.how_to_support_us.other_ways_to_support.volunteer.title')
+        %p.mb-4= t('pages.how_to_support_us.other_ways_to_support.volunteer.description')
+        = link_to t('pages.how_to_support_us.other_ways_to_support.volunteer.link'), volunteer_path, class: 'btn btn-primary'
+        .row.mt-4
+          .col-12.col-md-6
+            = image_tag 'how-to-support-us/scotland-team.jpg', alt: 'A photo of the Scotland team at uncodebar - 8 people together laughing and pulling funny faces.', class: 'mw-100 rounded'
+          .col-12.col-md-6
+            = image_tag 'how-to-support-us/kim-festival.jpg', alt: 'Kimberley, a speaker during codebar Festival', class: 'mw-100 rounded'
+        %hr.mt-4
+
+  .container.mt-3
+    .row.justify-content-center
+      .col-12.col-md-9
+        %h3= t('pages.how_to_support_us.other_ways_to_support.give_as_you_live.title')
+        %p.mb-4= t('pages.how_to_support_us.other_ways_to_support.give_as_you_live.description')
+        = link_to t('pages.how_to_support_us.other_ways_to_support.give_as_you_live.link'), 'https://www.giveasyoulive.com/refer/R9UrYwk2i3hKlO3HYon7rA7ahUq9Od8dNAIS', class: 'btn btn-primary', target: '_blank', rel: 'noopener noreferrer'
+        %hr.mt-4
+
+  .container.mt-3
+    .row.justify-content-center
+      .col-12.col-md-9
+        %h3= t('pages.how_to_support_us.other_ways_to_support.workplace_giving.title')
+        %p.mb-4= t('pages.how_to_support_us.other_ways_to_support.workplace_giving.description')
+        %hr.mt-4
+
+  .container.mt-3
+    .row.justify-content-center
+      .col-12.col-md-9
+        %h3= t('pages.how_to_support_us.other_ways_to_support.gift_matching.title')
+        %p.mb-4= t('pages.how_to_support_us.other_ways_to_support.gift_matching.description')
+        %hr.mt-4
+
+  .container.mt-3
+    .row.justify-content-center
+      .col-12.col-md-9
+        %h3= t('pages.how_to_support_us.other_ways_to_support.leave_a_legacy.title')
+        %p.mb-4= t('pages.how_to_support_us.other_ways_to_support.leave_a_legacy.description_html')
+        %hr.mt-4
+
+  .container.mt-3
+    .row.justify-content-center
+      .col-12.col-md-9
+        %h3= t('pages.how_to_support_us.other_ways_to_support.support_your_way.title')
+        %p.mb-4= t('pages.how_to_support_us.other_ways_to_support.support_your_way.description_html')

config/locales/en.yml

@@ -221,7 +221,7 @@ en:
     stats: "Stats"
     cookies: "Cookies"
     privacy-policy: "Privacy Policy"
-    how_to_support_us: "How to support us"
+    how_to_support_us: "Support codebar"
     volunteer: "Volunteer"
     fundraise: "Fundraise"
     donate: "Donate"
@@ -712,6 +712,29 @@ en:
               title: Become a codebar volunteer
               description: codebar can be a supportive village for people navigating learning, careers and difficult periods in their lives. Our volunteers help us to create that crucial community.
               link: Volunteer
+      other_ways_to_support:
+        headline: Other ways you can support codebar
+        tagline: "Whether you're volunteering, shopping online or giving through your workplace, every contribution helps us reach more people and create more opportunities."
+        volunteer:
+          title: Volunteer with us
+          description: "Use your skills to help people from underrepresented backgrounds break into tech. From coaching at workshops to organising events, marketing and fundraising, our volunteers help us create the supportive, welcoming community that makes codebar what it is."
+          link: Find out how to volunteer
+        give_as_you_live:
+          title: Give as you live
+          description: "If you shop online, you can raise free funds for codebar without spending a penny extra. Sign up to Give as you Live and a percentage of every purchase you make with thousands of retailers goes directly to us (at no cost to you)."
+          link: Start raising with Give as you Live
+        workplace_giving:
+          title: Workplace giving
+          description: "Many employers offer payroll giving schemes that let you donate to charity directly from your salary before tax, meaning your gift goes further. Check with your HR team whether your workplace offers a scheme, and nominate codebar as your chosen charity. Or your company may be using Benevity, for every hour that you volunteer for codebar they make a small donation to us. Again, ask your HR team."
+        gift_matching:
+          title: Gift matching
+          description: "Does your employer match charitable donations? Many do, particularly in the tech sector. If you donate to codebar or fundraise for us, ask your employer whether they'll match your contribution. It's one of the simplest ways to double your impact."
+        leave_a_legacy:
+          title: Leave a legacy
+          description_html: "A gift in your will is one of the most meaningful ways to support codebar's future. If you'd like to find out more about leaving a legacy, please get in touch at <a href='mailto:hello@codebar.io'>hello@codebar.io</a>."
+        support_your_way:
+          title: Support your way
+          description_html: "Not sure which of these feels right? Drop us a message at <a href='mailto:hello@codebar.io'>hello@codebar.io</a> and we'll help you find the best way to get involved."
       fundraise:
         title: Fundraise
         headline: Take on a challenge for codebar

config/locales/en_AU.yml

@@ -118,7 +118,7 @@ en-AU:
     blog: "Blog"
     codebar_stories: "codebar Stories"
     stats: "Stats"
-    how_to_support_us: "How to support us"
+    how_to_support_us: "Support codebar"
     volunteer: "Volunteer"
     fundraise: "Fundraise"
     donate: "Donate"
@@ -546,6 +546,29 @@ en-AU:
               title: Become a codebar volunteer
               description: codebar can be a supportive village for people navigating learning, careers and difficult periods in their lives. Our volunteers help us to create that crucial community.
               link: Volunteer
+      other_ways_to_support:
+        headline: Other ways you can support codebar
+        tagline: "Whether you're volunteering, shopping online or giving through your workplace, every contribution helps us reach more people and create more opportunities."
+        volunteer:
+          title: Volunteer with us
+          description: "Use your skills to help people from underrepresented backgrounds break into tech. From coaching at workshops to organising events, marketing and fundraising, our volunteers help us create the supportive, welcoming community that makes codebar what it is."
+          link: Find out how to volunteer
+        give_as_you_live:
+          title: Give as you live
+          description: "If you shop online, you can raise free funds for codebar without spending a penny extra. Sign up to Give as you Live and a percentage of every purchase you make with thousands of retailers goes directly to us (at no cost to you)."
+          link: Start raising with Give as you Live
+        workplace_giving:
+          title: Workplace giving
+          description: "Many employers offer payroll giving schemes that let you donate to charity directly from your salary before tax, meaning your gift goes further. Check with your HR team whether your workplace offers a scheme, and nominate codebar as your chosen charity. Or your company may be using Benevity, for every hour that you volunteer for codebar they make a small donation to us. Again, ask your HR team."
+        gift_matching:
+          title: Gift matching
+          description: "Does your employer match charitable donations? Many do, particularly in the tech sector. If you donate to codebar or fundraise for us, ask your employer whether they'll match your contribution. It's one of the simplest ways to double your impact."
+        leave_a_legacy:
+          title: Leave a legacy
+          description_html: "A gift in your will is one of the most meaningful ways to support codebar's future. If you'd like to find out more about leaving a legacy, please get in touch at <a href='mailto:hello@codebar.io'>hello@codebar.io</a>."
+        support_your_way:
+          title: Support your way
+          description_html: "Not sure which of these feels right? Drop us a message at <a href='mailto:hello@codebar.io'>hello@codebar.io</a> and we'll help you find the best way to get involved."
       fundraise:
         title: Fundraise
         headline: Take on a challenge for codebar

config/locales/en_GB.yml

@@ -118,7 +118,7 @@ en-GB:
     blog: "Blog"
     codebar_stories: "codebar Stories"
     stats: "Stats"
-    how_to_support_us: "How to support us"
+    how_to_support_us: "Support codebar"
     volunteer: "Volunteer"
     fundraise: "Fundraise"
     donate: "Donate"
@@ -546,6 +546,29 @@ en-GB:
               title: Become a codebar volunteer
               description: codebar can be a supportive village for people navigating learning, careers and difficult periods in their lives. Our volunteers help us to create that crucial community.
               link: Volunteer
+      other_ways_to_support:
+        headline: Other ways you can support codebar
+        tagline: "Whether you're volunteering, shopping online or giving through your workplace, every contribution helps us reach more people and create more opportunities."
+        volunteer:
+          title: Volunteer with us
+          description: "Use your skills to help people from underrepresented backgrounds break into tech. From coaching at workshops to organising events, marketing and fundraising, our volunteers help us create the supportive, welcoming community that makes codebar what it is."
+          link: Find out how to volunteer
+        give_as_you_live:
+          title: Give as you live
+          description: "If you shop online, you can raise free funds for codebar without spending a penny extra. Sign up to Give as you Live and a percentage of every purchase you make with thousands of retailers goes directly to us (at no cost to you)."
+          link: Start raising with Give as you Live
+        workplace_giving:
+          title: Workplace giving
+          description: "Many employers offer payroll giving schemes that let you donate to charity directly from your salary before tax, meaning your gift goes further. Check with your HR team whether your workplace offers a scheme, and nominate codebar as your chosen charity. Or your company may be using Benevity, for every hour that you volunteer for codebar they make a small donation to us. Again, ask your HR team."
+        gift_matching:
+          title: Gift matching
+          description: "Does your employer match charitable donations? Many do, particularly in the tech sector. If you donate to codebar or fundraise for us, ask your employer whether they'll match your contribution. It's one of the simplest ways to double your impact."
+        leave_a_legacy:
+          title: Leave a legacy
+          description_html: "A gift in your will is one of the most meaningful ways to support codebar's future. If you'd like to find out more about leaving a legacy, please get in touch at <a href='mailto:hello@codebar.io'>hello@codebar.io</a>."
+        support_your_way:
+          title: Support your way
+          description_html: "Not sure which of these feels right? Drop us a message at <a href='mailto:hello@codebar.io'>hello@codebar.io</a> and we'll help you find the best way to get involved."
       fundraise:
         title: Fundraise
         headline: Take on a challenge for codebar

config/locales/en_US.yml

@@ -118,7 +118,7 @@ en-US:
     blog: "Blog"
     codebar_stories: "codebar Stories"
     stats: "Stats"
-    how_to_support_us: "How to support us"
+    how_to_support_us: "Support codebar"
     volunteer: "Volunteer"
     fundraise: "Fundraise"
     donate: "Donate"
@@ -544,6 +544,29 @@ en-US:
               title: Become a codebar volunteer
               description: codebar can be a supportive village for people navigating learning, careers and difficult periods in their lives. Our volunteers help us to create that crucial community.
               link: Volunteer
+      other_ways_to_support:
+        headline: Other ways you can support codebar
+        tagline: "Whether you're volunteering, shopping online or giving through your workplace, every contribution helps us reach more people and create more opportunities."
+        volunteer:
+          title: Volunteer with us
+          description: "Use your skills to help people from underrepresented backgrounds break into tech. From coaching at workshops to organising events, marketing and fundraising, our volunteers help us create the supportive, welcoming community that makes codebar what it is."
+          link: Find out how to volunteer
+        give_as_you_live:
+          title: Give as you live
+          description: "If you shop online, you can raise free funds for codebar without spending a penny extra. Sign up to Give as you Live and a percentage of every purchase you make with thousands of retailers goes directly to us (at no cost to you)."
+          link: Start raising with Give as you Live
+        workplace_giving:
+          title: Workplace giving
+          description: "Many employers offer payroll giving schemes that let you donate to charity directly from your salary before tax, meaning your gift goes further. Check with your HR team whether your workplace offers a scheme, and nominate codebar as your chosen charity. Or your company may be using Benevity, for every hour that you volunteer for codebar they make a small donation to us. Again, ask your HR team."
+        gift_matching:
+          title: Gift matching
+          description: "Does your employer match charitable donations? Many do, particularly in the tech sector. If you donate to codebar or fundraise for us, ask your employer whether they'll match your contribution. It's one of the simplest ways to double your impact."
+        leave_a_legacy:
+          title: Leave a legacy
+          description_html: "A gift in your will is one of the most meaningful ways to support codebar's future. If you'd like to find out more about leaving a legacy, please get in touch at <a href='mailto:hello@codebar.io'>hello@codebar.io</a>."
+        support_your_way:
+          title: Support your way
+          description_html: "Not sure which of these feels right? Drop us a message at <a href='mailto:hello@codebar.io'>hello@codebar.io</a> and we'll help you find the best way to get involved."
       fundraise:
         title: Fundraise
         headline: Take on a challenge for codebar

config/routes.rb

@@ -203,6 +203,7 @@
   get 'breach-code-of-conduct' => 'pages#show', id: 'breach-code-of-conduct'
   get 'how-to-support-us' => redirect('/volunteer')
   get 'volunteer' => 'pages#show', id: 'volunteer'
+  get 'other-ways-to-support' => 'pages#show', id: 'other-ways-to-support'
   get 'corporate-support' => 'pages#show', id: 'corporate-support'
   get 'fundraise' => 'pages#show', id: 'fundraise'
   get 'donate' => 'pages#show', id: 'donate'