New "Corporate partnerships" page

app/assets/stylesheets/application.scss

@@ -23,6 +23,7 @@
 $primary: $dark-codebar-blue !default;
 
 @import "bootstrap-custom";
+@import "partials/buttons";
 @import "partials/activity_strip";
 
 /* Bootstrap's Reboot sets legends to float: left, which puts the first check box in a fieldset off to the

app/assets/stylesheets/partials/_buttons.scss

@@ -0,0 +1,18 @@
+// app/assets/stylesheets/partials/_buttons.scss
+// codebar brand pink button variant, using Bootstrap 5's button CSS variables
+// so hover/active/disabled states come for free.
+.btn-pink {
+  --bs-btn-color: #{$white};
+  --bs-btn-bg: #{$codebar-pink};
+  --bs-btn-border-color: #{$codebar-pink};
+  --bs-btn-hover-color: #{$white};
+  --bs-btn-hover-bg: #{$dark-codebar-pink};
+  --bs-btn-hover-border-color: #{$dark-codebar-pink};
+  --bs-btn-active-color: #{$white};
+  --bs-btn-active-bg: #{$dark-codebar-pink};
+  --bs-btn-active-border-color: #{$dark-codebar-pink};
+  --bs-btn-disabled-color: #{$white};
+  --bs-btn-disabled-bg: #{$codebar-pink};
+  --bs-btn-disabled-border-color: #{$codebar-pink};
+  --bs-btn-focus-shadow-rgb: #{red($codebar-pink)}, #{green($codebar-pink)}, #{blue($codebar-pink)};
+}

app/assets/stylesheets/partials/_colors.sass

@@ -1,5 +1,6 @@
 $codebar-green: #19f3be
 $codebar-pink: #ff036a
+$dark-codebar-pink: #d60055
 $codebar-blue: #4bafff
 
 $dark-codebar-blue: #006cc2

app/helpers/sitemaps_helper.rb

@@ -2,7 +2,7 @@ module SitemapsHelper
   def sitemap_static_urls
     [root_url, code_of_conduct_url, coaches_url, teaching_guide_url, faq_url,
      attendance_policy_url, student_guide_url, privacy_policy_url, cookie_policy_url,
-     breach_code_of_conduct_url, volunteer_url, fundraise_url, donate_url,
+     breach_code_of_conduct_url, volunteer_url, corporate_support_url, fundraise_url, donate_url,
      codebar_stories_podcast_url]
   end
 

app/views/layouts/_navigation.html.haml

@@ -37,6 +37,7 @@
           %ul.dropdown-menu{'aria-labelledby': 'navbarDropdownMenuLinkSupport'}
             %li= link_to 'Volunteer', volunteer_path, class: 'dropdown-item'
             %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.nav-item
           = link_to "http://jobs.codebar.io/", class: 'nav-link border-0' do

app/views/pages/corporate-support.html.haml

@@ -0,0 +1,108 @@
+.py-4.py-lg-5.bg-primary
+  .container
+    .row.align-items-center
+      .col-12.col-lg-6
+        %h1.display-2.text-white.lh-1.mb-4
+          Corporate
+          %br
+          partnership
+        %p.text-white.lead.mb-4
+          = t('pages.how_to_support_us.corporate_support.description')
+        = mail_to 'hello@codebar.io', t('pages.how_to_support_us.corporate_support.get_in_touch'), subject: "I'd like to work with codebar", class: 'btn btn-lg btn-light text-decoration-none'
+      .col-12.col-md-6
+        = image_tag 'bristol.jpeg', alt: 'A photo of a Bristol workhop happening at Immersive Labs.', class: 'mw-100 rounded'
+
+.py-4.py-lg-5
+  .container
+    .row.mb-5
+      .col-12.col-lg-9
+        %p.lead= t('pages.how_to_support_us.corporate_support.introduction')
+
+    .row
+      .col-12.col-md-6.col-lg-4.mb-4
+        .card.h-100
+          .card-body.d-flex.flex-column
+            %h2.h5= t('pages.how_to_support_us.corporate_support.host.title')
+            %p= t('pages.how_to_support_us.corporate_support.host.description')
+            %p.mt-auto= mail_to 'hello@codebar.io', t('pages.how_to_support_us.corporate_support.host_a_workshop'), subject: "I'd like to host a workshop", class: 'btn btn-outline-primary'
+      .col-12.col-md-6.col-lg-4.mb-4
+        .card.h-100
+          .card-body.d-flex.flex-column
+            %h2.h5= t('pages.how_to_support_us.corporate_support.sponsor.title')
+            %p= t('pages.how_to_support_us.corporate_support.sponsor.description')
+            %p.mt-auto= mail_to 'hello@codebar.io', t('pages.how_to_support_us.corporate_support.sponsor.link'), subject: "I'd like to create a longterm partnership with codebar", class: 'btn btn-outline-primary'
+      .col-12.col-md-6.col-lg-4.mb-4
+        .card.h-100
+          .card-body.d-flex.flex-column
+            %h2.h5= t('pages.how_to_support_us.corporate_support.donate.title')
+            %p= t('pages.how_to_support_us.corporate_support.donate.description')
+            %p.mt-auto= link_to t('pages.how_to_support_us.corporate_support.donate.link'), 'https://codebar.enthuse.com/donate#!/', class: 'btn btn-outline-primary'
+
+.py-4.py-lg-5.bg-light
+  .container
+    %h2.mb-5= t('pages.how_to_support_us.corporate_support.why_partner.title')
+    %ul.list-unstyled.row.mt-4
+      %li.col-12.col-lg-6.mb-4
+        %h5 👥 #{t('pages.how_to_support_us.corporate_support.why_partner.points.support_your_people.title')}
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.why_partner.points.support_your_people.description')
+      %li.col-12.col-lg-6.mb-4
+        %h5 🌈 #{t('pages.how_to_support_us.corporate_support.why_partner.points.inclusion_into_action.title')}
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.why_partner.points.inclusion_into_action.description')
+      %li.col-12.col-lg-6.mb-4
+        %h5 🌱 #{t('pages.how_to_support_us.corporate_support.why_partner.points.future_tech_talent.title')}
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.why_partner.points.future_tech_talent.description')
+      %li.col-12.col-lg-6.mb-4
+        %h5 🎓 #{t('pages.how_to_support_us.corporate_support.why_partner.points.share_your_expertise.title')}
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.why_partner.points.share_your_expertise.description')
+      %li.col-12.col-lg-6.mb-4
+        %h5 🤝 #{t('pages.how_to_support_us.corporate_support.why_partner.points.meaningful_connections.title')}
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.why_partner.points.meaningful_connections.description')
+      %li.col-12.col-lg-6.mb-4
+        %h5 🌍 #{t('pages.how_to_support_us.corporate_support.why_partner.points.csr_esg_goals.title')}
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.why_partner.points.csr_esg_goals.description')
+
+  .container
+    .row.justify-content-center.mt-4
+      .col-12.col-md-8
+        = image_tag 'brighton-group-shot.jpg', alt: 'A group photo from a Brighton workshop', class: 'mw-100'
+
+.py-4.py-lg-5
+  .container
+    %h2.mb-5= t('pages.how_to_support_us.corporate_support.did_you_know.title')
+    %ul.row.mt-4
+      %li.col-12.col-lg-6.mb-4
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.did_you_know.points.community_size.text')
+      %li.col-12.col-lg-6.mb-4
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.did_you_know.points.skills_to_job.text')
+      %li.col-12.col-lg-6.mb-4
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.did_you_know.points.new_to_tech.text')
+      %li.col-12.col-lg-6.mb-4
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.did_you_know.points.industry_partners.text')
+      %li.col-12.col-lg-6.mb-4
+        %p.mb-0= t('pages.how_to_support_us.corporate_support.did_you_know.points.repeat_hosts.text')
+    .text-center
+      = link_to t('pages.how_to_support_us.corporate_support.did_you_know.link'), 'https://impact-report.codebar.io/', class: 'btn btn-pink btn-lg text-decoration-none', target: '_blank', rel: 'noopener noreferrer'
+
+.py-4.py-lg-5.bg-light
+  .container
+    %h2.mb-4= t('pages.how_to_support_us.corporate_support.support_us_your_way.title')
+    %p.lead.mb-5= t('pages.how_to_support_us.corporate_support.support_us_your_way.description')
+    .row
+      .col-12.col-md-6.col-lg-4.mb-4
+        .card.h-100
+          .card-body.d-flex.flex-column
+            %h5= t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.donate.title')
+            %p= t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.donate.description')
+            %p.mt-auto= link_to t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.donate.link'), 'https://codebar.enthuse.com/donate#!/', class: 'btn btn-outline-primary'
+      .col-12.col-md-6.col-lg-4.mb-4
+        .card.h-100
+          .card-body.d-flex.flex-column
+            %h5= t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.challenge_event.title')
+            %p= t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.challenge_event.description')
+            %p.mt-auto= link_to t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.challenge_event.link'), fundraise_path, class: 'btn btn-outline-primary'
+      .col-12.col-md-6.col-lg-4.mb-4
+        .card.h-100
+          .card-body.d-flex.flex-column
+            %h5= t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.volunteer.title')
+            %p= t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.volunteer.description')
+            %p.mt-auto= link_to t('pages.how_to_support_us.corporate_support.support_us_your_way.cards.volunteer.link'), volunteer_path, class: 'btn btn-outline-primary'

config/locales/de.yml

@@ -522,6 +522,73 @@ de:
           title: Other skills
           description: Your skills could be the missing piece in the codebar puzzle. Having a diverse range of skills, and extra help, in our team is necessary to enrich our community. From fundraising and event coordination to marketing, we always welcome extra help to support our community members.
           link: Take a look at our Volunteer Opportunities here
+      corporate_support:
+        description: Codebar wouldn't be possible without the support of our partners. They provide us with essential resources like space, food, drinks, internet, or financial support for our operational costs.
+        introduction: Whether you want to host a local workshop, invest in a longer-term partnership or get your employees involved, there are lots of ways your organisation can help us.
+        get_in_touch: Get in touch
+        host_a_workshop: Host a workshop
+        host:
+          title: Host a workshop
+          description: Our hosts provide free, inclusive spaces where people can learn coding, connect with others, access support and build the confidence and skills they need to move forward.
+        sponsor:
+          title: Become a longterm partner
+          description: Whether you want to partner with us on one of our big events, sponsor our podcast, encourage your employees to volunteer, or create opportunities for people entering tech, we can build a partnership around your organisation’s goals.
+          link: Partner with codebar
+        donate:
+          title: Donate
+          description: It costs £30 a month to run a chapter. A one-off or regular contribution goes straight towards keeping our workshops free for people from groups underrepresented in tech.
+          link: Donate to codebar
+        why_partner:
+          title: Why partner with us?
+          points:
+            support_your_people:
+              title: SUPPORT YOUR PEOPLE
+              description: Give your employees opportunities to volunteer, coach, share their skills and connect with a community beyond their workplace.
+            inclusion_into_action:
+              title: PUT INCLUSION INTO ACTION
+              description: Turn your organisation's commitment to a more inclusive tech industry into practical support.
+            future_tech_talent:
+              title: MEET FUTURE TECH TALENT
+              description: Build connections with people learning new skills, changing careers and finding their way into tech.
+            share_your_expertise:
+              title: SHARE YOUR EXPERTISE
+              description: Your developers and tech professionals can contribute as coaches, speakers, mentors and volunteers.
+            meaningful_connections:
+              title: BUILD MEANINGFUL CONNECTIONS
+              description: Create relationships with our community through workshops, events, careers activity and longer-term collaboration.
+            csr_esg_goals:
+              title: SUPPORT YOUR CSR / ESG GOALS
+              description: A partnership can form part of your organisation's wider approach to community investment, employee volunteering and inclusion.
+        did_you_know:
+          title: "Did you know…"
+          points:
+            community_size:
+              text: 27,500+ people in the codebar community
+            skills_to_job:
+              text: 85% say the skills they've learnt through codebar have helped them find a job in tech
+            new_to_tech:
+              text: 73% of codebar's community didn't work in tech before they found us
+            industry_partners:
+              text: 726 industry partners over 12 years
+            repeat_hosts:
+              text: 75%+ of codebar's industry partners have hosted more than one workshop
+          link: "Still unsure? See more of our impact here"
+        support_us_your_way:
+          title: Support us your way
+          description: Corporate support not for you? No problem.
+          cards:
+            donate:
+              title: Donate as a one-off or monthly
+              description: Whether through a one-off or monthly donation, an in-memory donation or workplace giving, your gift helps us build a tech community that includes a broader range of people and perspectives.
+              link: Give to codebar
+            challenge_event:
+              title: Take part in a challenge event
+              description: Help keep codebar free by taking on one of our challenge events or fundraising in your own way (with our support) for us.
+              link: Fundraise for codebar
+            volunteer:
+              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
       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."

config/locales/en.yml

@@ -643,6 +643,73 @@ en:
           title: Other skills
           description: Your skills could be the missing piece in the codebar puzzle. Having a diverse range of skills, and extra help, in our team is necessary to enrich our community. From fundraising and event coordination to marketing, we always welcome extra help to support our community members.
           link: Take a look at our Volunteer Opportunities here
+      corporate_support:
+        description: Codebar wouldn't be possible without the support of our partners. They provide us with essential resources like space, food, drinks, internet, or financial support for our operational costs.
+        introduction: Whether you want to host a local workshop, invest in a longer-term partnership or get your employees involved, there are lots of ways your organisation can help us.
+        get_in_touch: Get in touch
+        host_a_workshop: Host a workshop
+        host:
+          title: Host a workshop
+          description: Our hosts provide free, inclusive spaces where people can learn coding, connect with others, access support and build the confidence and skills they need to move forward.
+        sponsor:
+          title: Become a longterm partner
+          description: Whether you want to partner with us on one of our big events, sponsor our podcast, encourage your employees to volunteer, or create opportunities for people entering tech, we can build a partnership around your organisation’s goals.
+          link: Partner with codebar
+        donate:
+          title: Donate
+          description: It costs £30 a month to run a chapter. A one-off or regular contribution goes straight towards keeping our workshops free for people from groups underrepresented in tech.
+          link: Donate to codebar
+        why_partner:
+          title: Why partner with us?
+          points:
+            support_your_people:
+              title: SUPPORT YOUR PEOPLE
+              description: Give your employees opportunities to volunteer, coach, share their skills and connect with a community beyond their workplace.
+            inclusion_into_action:
+              title: PUT INCLUSION INTO ACTION
+              description: Turn your organisation's commitment to a more inclusive tech industry into practical support.
+            future_tech_talent:
+              title: MEET FUTURE TECH TALENT
+              description: Build connections with people learning new skills, changing careers and finding their way into tech.
+            share_your_expertise:
+              title: SHARE YOUR EXPERTISE
+              description: Your developers and tech professionals can contribute as coaches, speakers, mentors and volunteers.
+            meaningful_connections:
+              title: BUILD MEANINGFUL CONNECTIONS
+              description: Create relationships with our community through workshops, events, careers activity and longer-term collaboration.
+            csr_esg_goals:
+              title: SUPPORT YOUR CSR / ESG GOALS
+              description: A partnership can form part of your organisation's wider approach to community investment, employee volunteering and inclusion.
+        did_you_know:
+          title: "Did you know…"
+          points:
+            community_size:
+              text: 27,500+ people in the codebar community
+            skills_to_job:
+              text: 85% say the skills they've learnt through codebar have helped them find a job in tech
+            new_to_tech:
+              text: 73% of codebar's community didn't work in tech before they found us
+            industry_partners:
+              text: 726 industry partners over 12 years
+            repeat_hosts:
+              text: 75%+ of codebar's industry partners have hosted more than one workshop
+          link: "Still unsure? See more of our impact here"
+        support_us_your_way:
+          title: Support us your way
+          description: Corporate support not for you? No problem.
+          cards:
+            donate:
+              title: Donate as a one-off or monthly
+              description: Whether through a one-off or monthly donation, an in-memory donation or workplace giving, your gift helps us build a tech community that includes a broader range of people and perspectives.
+              link: Give to codebar
+            challenge_event:
+              title: Take part in a challenge event
+              description: Help keep codebar free by taking on one of our challenge events or fundraising in your own way (with our support) for us.
+              link: Fundraise for codebar
+            volunteer:
+              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
       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."