Reworks content in donation_platforms partial

Author: matyikriszta

app/views/dashboard/show.html.haml

@@ -57,7 +57,7 @@
 
 .py-4.py-lg-5.bg-light
   .container
-    = render partial: 'shared/donation_platforms', locals: { title: t('homepage.donation_platforms.title') }
+    = render partial: 'shared/donation_platforms', locals: { title: t('homepage.donation_platforms.title'), with_button: true }
 
 .container.py-4.py-lg-5
   .row

app/views/shared/_donation_platforms.html.haml

@@ -1,43 +1,44 @@
 - title = local_assigns[:title] ? local_assigns[:title] : t("donation_platforms.title")
 
-.row
-  .col.mb-3
+.row.justify-content-center
+  .col-12.col-md-7.text-center.mb-3
     %h2.h1= title
+    %p= t("donation_platforms.description")
 
 .row.d-flex
   .d-flex.col-sm-12.col-md-6.col-lg-3
     .card.mt-3.mt-lg-0.shadow
       .card-header.bg-white.border-0.p-0.ratio.ratio-21x9
         .bg-white.rounded-top.p-3.d-flex.align-items-center
-          = image_tag("logo.png", alt: "codebar logo", class: "mw-100")
+          = image_tag("logo.png", alt:t("donation_platforms.donation_form.image_alt"), class: "mw-100")
       .card-body
         %h3.h6= link_to(t("donation_platforms.donation_form.title"), new_donation_path)
         %p.card-text= t("donation_platforms.donation_form.text")
   .d-flex.col-sm-12.col-md-6.col-lg-3
     .card.mt-3.mt-lg-0.shadow
       .card-header.bg-white.border-0.p-0.ratio.ratio-21x9
         .bg-dark.rounded-top
-          = image_tag("give-as-you-live.png", alt: "Give as you Live logo", class: "mw-100 rounded-top")
+          = image_tag("give-as-you-live.png", alt: t("donation_platforms.give_as_you_live.image_alt"), class: "mw-100 rounded-top")
       .card-body
         %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")
         %p.card-text= t("donation_platforms.give_as_you_live.text")
   .d-flex.col-sm-12.col-md-6.col-lg-3
     .card.mt-3.mt-lg-0.shadow
       .card-header.bg-white.border-0.p-0.ratio.ratio-21x9
         .bg-white.rounded-top.p-3.d-flex.align-items-center
-          = image_tag("open-collective-logo.png", alt: "Open Collective logo", class: "mw-100")
+          = image_tag("open-collective-logo.png", alt: t("donation_platforms.open_collective.image_alt"), class: "mw-100")
       .card-body
         %h3.h6= link_to(t("donation_platforms.open_collective.title"), "https://opencollective.com/codebar")
         %p.card-text= t("donation_platforms.open_collective.text")
   .d-flex.col-sm-12.col-md-6.col-lg-3
     .card.mt-3.mt-lg-0.shadow
       .card-header.bg-white.border-0.p-0.ratio.ratio-21x9
         .bg-dark.rounded-top
-          = image_tag("GitHub_Logo_White.png", alt: "Github Sponsors logo", class: "mw-100")
+          = image_tag("GitHub_Logo_White.png", alt: t("donation_platforms.github_sponsors.image_alt"), class: "mw-100")
       .card-body
         %h3.h6= link_to(t("donation_platforms.github_sponsors.title"), "https://github.com/sponsors/codebar")
         %p.card-text= t("donation_platforms.github_sponsors.text")
 
 - if local_assigns[:with_button]
   .d-flex.justify-content-center.mt-4
-    = link_to t("donation_platforms.link"), how_to_support_us_path, class: 'btn btn-primary btn-lg'
+    = link_to t("donation_platforms.link"), how_to_support_us_path, class: "btn btn-primary btn-lg"

config/locales/de.yml

@@ -559,16 +559,21 @@ de:
         expiry_date: Application closing date
   donation_platforms:
     title: "Donate"
+    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."
     link: "Find out how else to support us"
     donation_form:
       title: "Use the donation page"
-      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."
+      text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
+      image_alt: "codebar logo"
     github_sponsors:
       title: "Github Sponsors"
       text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
+      image_alt: "Github Sponsors logo"
     open_collective:
       title: "Open Collective"
       text: "Setup a recurring contribution or make a one-time donation through Open Collective."
+      image_alt: "Open Collective logo"
     give_as_you_live:
       title: "Give as you Live"
       text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
+      image_alt: "Give as you Live logo"

config/locales/en.yml

@@ -757,19 +757,24 @@ en:
     discord_invitation: https://discord.gg/Eru89Rk
   donation_platforms:
     title: "Donate"
+    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."
     link: "Find out how else to support us"
     donation_form:
       title: "Use the donation page"
-      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."
+      text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
+      image_alt: "codebar logo"
     github_sponsors:
       title: "Github Sponsors"
       text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
+      image_alt: "Github Sponsors logo"
     open_collective:
       title: "Open Collective"
       text: "Setup a recurring contribution or make a one-time donation through Open Collective."
+      image_alt: "Open Collective logo"
     give_as_you_live:
       title: "Give as you Live"
       text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
+      image_alt: "Give as you Live logo"
   services:
     donations: https://codebar.enthuse.com/donate/#!/
 

config/locales/en_AU.yml

@@ -525,16 +525,21 @@ en-AU:
         expiry_date: Application closing date
   donation_platforms:
     title: "Donate"
+    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."
     link: "Find out how else to support us"
     donation_form:
       title: "Use the donation page"
-      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."
+      text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
+      image_alt: "codebar logo"
     github_sponsors:
       title: "Github Sponsors"
       text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
+      image_alt: "Github Sponsors logo"
     open_collective:
       title: "Open Collective"
       text: "Setup a recurring contribution or make a one-time donation through Open Collective."
+      image_alt: "Open Collective logo"
     give_as_you_live:
       title: "Give as you Live"
       text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
+      image_alt: "Give as you Live logo"

config/locales/en_GB.yml

@@ -525,16 +525,21 @@ en-GB:
         expiry_date: Application closing date
   donation_platforms:
     title: "Donate"
+    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."
     link: "Find out how else to support us"
     donation_form:
       title: "Use the donation page"
-      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."
+      text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
+      image_alt: "codebar logo"
     github_sponsors:
       title: "Github Sponsors"
       text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
+      image_alt: "Github Sponsors logo"
     open_collective:
       title: "Open Collective"
       text: "Setup a recurring contribution or make a one-time donation through Open Collective."
+      image_alt: "Open Collective logo"
     give_as_you_live:
       title: "Give as you Live"
       text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
+      image_alt: "Give as you Live logo"

config/locales/en_US.yml

@@ -523,16 +523,21 @@ en-US:
         expiry_date: Application closing date
   donation_platforms:
     title: "Donate"
+    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."
     link: "Find out how else to support us"
     donation_form:
       title: "Use the donation page"
-      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."
+      text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
+      image_alt: "codebar logo"
     github_sponsors:
       title: "Github Sponsors"
       text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
+      image_alt: "Github Sponsors logo"
     open_collective:
       title: "Open Collective"
       text: "Setup a recurring contribution or make a one-time donation through Open Collective."
+      image_alt: "Open Collective logo"
     give_as_you_live:
       title: "Give as you Live"
       text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
+      image_alt: "Give as you Live logo"

config/locales/es.yml

@@ -608,16 +608,21 @@ es:
         expiry_date: Fecha de cierre de la solicitud
   donation_platforms:
     title: "Donate"
+    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."
     link: "Find out how else to support us"
     donation_form:
       title: "Usa la página de donaciones"
-      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."
+      text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
+      image_alt: "codebar logo"
     github_sponsors:
       title: "Github Sponsors"
       text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
+      image_alt: "Github Sponsors logo"
     open_collective:
       title: "Open Collective"
       text: "Configure una contribución recurrente o haga una donación única con Open Collective."
+      image_alt: "Open Collective logo"
     give_as_you_live:
       title: "Give as you Live"
       text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
+      image_alt: "Give as you Live logo"

config/locales/fi.yml

@@ -525,16 +525,21 @@ fi:
         expiry_date: Application closing date
   donation_platforms:
     title: "Donate"
+    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."
     link: "Find out how else to support us"
     donation_form:
       title: "Use the donation page"
-      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."
+      text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
+      image_alt: "codebar logo"
     github_sponsors:
       title: "Github Sponsors"
       text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
+      image_alt: "Github Sponsors logo"
     open_collective:
       title: "Open Collective"
       text: "Setup a recurring contribution or make a one-time donation through Open Collective."
+      image_alt: "Open Collective logo"
     give_as_you_live:
       title: "Give as you Live"
       text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
+      image_alt: "Give as you Live logo"

config/locales/fr.yml

@@ -524,16 +524,21 @@ fr:
         expiry_date: Application closing date
   donation_platforms:
     title: "Donate"
+    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."
     link: "Find out how else to support us"
     donation_form:
       title: "Use the donation page"
-      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."
+      text: "Consider making a lasting impact through codebar with a one-time donation or a monthly recurring contribution."
+      image_alt: "codebar logo"
     github_sponsors:
       title: "Github Sponsors"
       text: "Support codebar's mission directly through GitHub Sponsors. Join us in shaping the future of technology through your generous donation."
+      image_alt: "Github Sponsors logo"
     open_collective:
       title: "Open Collective"
       text: "Setup a recurring contribution or make a one-time donation through Open Collective."
+      image_alt: "Open Collective logo"
     give_as_you_live:
       title: "Give as you Live"
       text: "Give as you Live is a platform enabling you to raise funds for your favourite charity with your everyday online shopping."
+      image_alt: "Give as you Live logo"