feat: add 2026 donation strings, update template, update banner colors

Agent-Logs-Url: https://github.com/openfoodfacts/openfoodfacts-server/sessions/89865f33-aa11-499e-be21-0b62b1619ded

Co-authored-by: teolemon <1689815+teolemon@users.noreply.github.com>

Author: Copilot

po/common/common.pot

@@ -6035,6 +6035,42 @@ msgctxt "donation_button_2024_text"
 msgid "I SUPPORT"
 msgstr "I SUPPORT"
 
+msgctxt "donation_hook_2026"
+msgid "Help us inform millions of consumers around the world about what they eat"
+msgstr "Help us inform millions of consumers around the world about what they eat"
+
+msgctxt "donation_list_2026_main"
+msgid "Your donations fund the day-to-day operations of our non-profit association:"
+msgstr "Your donations fund the day-to-day operations of our non-profit association:"
+
+msgctxt "donation_list_2026_first"
+msgid "keeping our database open & available to all,"
+msgstr "keeping our database open & available to all,"
+
+msgctxt "donation_list_2026_first_sub"
+msgid "technical infrastructure (website/mobile app) & a small permanent team"
+msgstr "technical infrastructure (website/mobile app) & a small permanent team"
+
+msgctxt "donation_list_2026_second"
+msgid "remain independent of the food industry,"
+msgstr "remain independent of the food industry,"
+
+msgctxt "donation_list_2026_third"
+msgid "engage a community of committed citizens,"
+msgstr "engage a community of committed citizens,"
+
+msgctxt "donation_list_2026_fourth"
+msgid "support the advancement of public health research."
+msgstr "support the advancement of public health research."
+
+msgctxt "donation_financial_2026_text"
+msgid "Each donation counts! We appreciate your support in bringing further food transparency in the world."
+msgstr "Each donation counts! We appreciate your support in bringing further food transparency in the world."
+
+msgctxt "donation_button_2026_text"
+msgid "I SUPPORT"
+msgstr "I SUPPORT"
+
 msgctxt "donation_cta"
 msgid "Donate"
 msgstr ""

po/common/en.po

@@ -6048,6 +6048,42 @@ msgctxt "donation_button_2024_text"
 msgid "I SUPPORT"
 msgstr "I SUPPORT"
 
+msgctxt "donation_hook_2026"
+msgid "Help us inform millions of consumers around the world about what they eat"
+msgstr "Help us inform millions of consumers around the world about what they eat"
+
+msgctxt "donation_list_2026_main"
+msgid "Your donations fund the day-to-day operations of our non-profit association:"
+msgstr "Your donations fund the day-to-day operations of our non-profit association:"
+
+msgctxt "donation_list_2026_first"
+msgid "keeping our database open & available to all,"
+msgstr "keeping our database open & available to all,"
+
+msgctxt "donation_list_2026_first_sub"
+msgid "technical infrastructure (website/mobile app) & a small permanent team"
+msgstr "technical infrastructure (website/mobile app) & a small permanent team"
+
+msgctxt "donation_list_2026_second"
+msgid "remain independent of the food industry,"
+msgstr "remain independent of the food industry,"
+
+msgctxt "donation_list_2026_third"
+msgid "engage a community of committed citizens,"
+msgstr "engage a community of committed citizens,"
+
+msgctxt "donation_list_2026_fourth"
+msgid "support the advancement of public health research."
+msgstr "support the advancement of public health research."
+
+msgctxt "donation_financial_2026_text"
+msgid "Each donation counts! We appreciate your support in bringing further food transparency in the world."
+msgstr "Each donation counts! We appreciate your support in bringing further food transparency in the world."
+
+msgctxt "donation_button_2026_text"
+msgid "I SUPPORT"
+msgstr "I SUPPORT"
+
 msgctxt "donation_cta"
 msgid "Donate"
 msgstr "Donate"

scss/_off.scss

@@ -1294,7 +1294,7 @@ $border-pink: #ff6e78;
     display: flex;
     justify-content: center;
     align-items: center;
-    background-color: $section-cyan;
+    background-color: $background-orange;
     color: white;
     padding: 10px;
     margin: 10px;
@@ -1328,7 +1328,7 @@ $border-pink: #ff6e78;
     flex-direction: column;
   }
   &__main-title {
-    color: $border-pink;
+    color: black;
     font-weight: 800;
     font-size: 25px;
   }
@@ -1356,20 +1356,20 @@ $border-pink: #ff6e78;
         font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
           sans-serif;
         font-size: 15px;
-        color: #008c8c;
+        color: black;
         font-weight: bolder;
       }
     }
     &__donate-button {
       width: 40%;
       a button {
-        background-color: $border-pink;
+        background-color: black;
         border-radius: 30px;
         font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
         font-size: 20px;
         font-weight: 900;
         &:hover {
-          background-color: rgba($border-pink, 0.8);
+          background-color: rgba(0, 0, 0, 0.8);
         }
       }
     }

templates/web/common/includes/donate_banner.tt.html

@@ -361,7 +361,7 @@ <h2>Help us promote biodiversity in Open Food Facts!</h2>
 
   <div class="donation-banner__left-aside">
     <div class="donation-banner__hook-section">
-      <p>[% lang("donation_hook_2024") %]</p>
+      <p>[% lang("donation_hook_2026") %]</p>
     </div>
     <img src="/images/misc/donation-banners/donation-banner-group-photo.png" alt="group photo donation 2024" />
   </div>
@@ -377,22 +377,22 @@ <h2>Help us promote biodiversity in Open Food Facts!</h2>
         <h3 class="donation-banner__main-title">[% f_lang("f_donation_title_year", { year => "2026" } ) %]</h3>
       </div>
       <div style="padding:1rem;">
-        <p>[% lang("donation_list_2024_main") %]</p>
+        <p>[% lang("donation_list_2026_main") %]</p>
         <ul>
           <li>
-            [% lang("donation_list_2024_first") %]
+            [% lang("donation_list_2026_first") %]
             <ul>
-              <li>[% lang("donation_list_2024_first_sub") %]</li>
+              <li>[% lang("donation_list_2026_first_sub") %]</li>
             </ul>
           </li>
           <li>
-            <p>[% lang("donation_list_2024_second") %]</p>
+            <p>[% lang("donation_list_2026_second") %]</p>
           </li>
           <li>
-            <p>[% lang("donation_list_2024_third") %]</p>
+            <p>[% lang("donation_list_2026_third") %]</p>
           </li>
           <li>
-            <p>[% lang("donation_list_2024_fourth") %]</p>
+            <p>[% lang("donation_list_2026_fourth") %]</p>
           </li>
         </ul>
       </div>
@@ -403,13 +403,13 @@ <h3 class="donation-banner__main-title">[% f_lang("f_donation_title_year", { yea
           [% IF cc == "fr" %]
           (déductible à 66 % de vos impôts: ex. un don de 20€ vous reviendra à 6,80€)
           [% ELSE %]
-          [% lang("donation_financial_2024_text") %]
+          [% lang("donation_financial_2026_text") %]
           [% END %]
         </p>
       </div>
       <div class="donation-banner__actions-section__donate-button">
         <a href="[% link %]?utm_source=off&utf_medium=web&utm_campaign=donate-2026-a&utm_term=en-text-button">
-          <button>[% lang("donation_button_2024_text") %]</button>
+          <button>[% lang("donation_button_2026_text") %]</button>
         </a>
       </div>
     </div>
@@ -467,7 +467,7 @@ <h3 class="donation-banner__main-title">[% f_lang("f_donation_title_year", { yea
 <section class="donation-banner-footer row">
   <div class="donation-banner-footer__left-aside">
     <div class="donation-banner-footer__hook-section">
-      <p>[% lang("donation_hook_2024") %]</p>
+      <p>[% lang("donation_hook_2026") %]</p>
     </div>
     <img src="/images/misc/donation-banners/donation-banner-group-photo.png" alt="The Open Food Facts community during the Open Food Facts Days" />
   </div>
@@ -482,34 +482,34 @@ <h3 class="donation-banner__main-title">[% f_lang("f_donation_title_year", { yea
         />
         <h3 class="donation-banner-footer__main-title">[% f_lang("f_donation_title_year", { year => "2026" } ) %]</h3>
       </div>
-      <p>[% lang("donation_list_2024_main") %]</p>
+      <p>[% lang("donation_list_2026_main") %]</p>
       <ul>
         <li>
-          [% lang("donation_list_2024_first") %]
+          [% lang("donation_list_2026_first") %]
           <ul>
-            <li>[% lang("donation_list_2024_first_sub") %]</li>
+            <li>[% lang("donation_list_2026_first_sub") %]</li>
           </ul>
         </li>
         <li>
-          <p>[% lang("donation_list_2024_second") %]</p>
+          <p>[% lang("donation_list_2026_second") %]</p>
         </li>
         <li>
-          <p>[% lang("donation_list_2024_third") %]</p>
+          <p>[% lang("donation_list_2026_third") %]</p>
         </li>
         <li>
-          <p>[% lang("donation_list_2024_fourth") %]</p>
+          <p>[% lang("donation_list_2026_fourth") %]</p>
         </li>
       </ul>
     </div>
     <div class="donation-banner-footer__actions-section">
       <div class="donation-banner-footer__actions-section__financial">
         <p>
-          [% lang("donation_financial_2024_text") %]
+          [% lang("donation_financial_2026_text") %]
         </p>
       </div>
       <div class="donation-banner-footer__actions-section__donate-button">
         <a href="[% link %]?utm_source=off&utf_medium=web&utm_campaign=donate-2026-a&utm_term=en-text-button">
-          <button>[% lang("donation_button_2024_text") %]</button>
+          <button>[% lang("donation_button_2026_text") %]</button>
         </a>
       </div>
     </div>