Added newsletter localization

Signed-off-by: George Araujo <[email protected]>

Author: george-gca

_data/en-us/strings.yml

@@ -94,6 +94,14 @@ months:
     november: Nov
     december: Dec
 news: news
+newsletter:
+  back: Back
+  error: "Oops! Something went wrong, please try again."
+  subscribe: subscribe
+  subscribed: "You have successfully subscribed to the newsletter."
+  subscribe_to_receive: "Subscribe to be notified of future articles:"
+  too_many_signups: "Too many signups, please try again in a little while"
+  wait: "Please wait..."
 no_news: No news so far...
 pagination:
   newer: Newer

_data/pt-br/strings.yml

@@ -94,6 +94,14 @@ months:
     november: Nov
     december: Dez
 news: novidades
+newsletter:
+  back: Voltar
+  error: "Oops! Algo deu errado, por favor tente novamente."
+  subscribe: inscrever-se
+  subscribed: "Você se inscreveu com sucesso na newsletter."
+  subscribe_to_receive: "Inscreva-se para ser notificado de futuros artigos:"
+  too_many_signups: "Muitas inscrições, por favor tente novamente em breve"
+  wait: "Por favor, aguarde..."
 no_news: Nenhuma novidade no momento...
 pagination:
   newer: Recentes

_includes/related_posts.liquid

@@ -17,6 +17,6 @@
   </li>
 {% endfor %}
 {% if site.newsletter.enabled and site.footer_fixed %}
-  <p class="mb-2" style="margin-top: 1.5rem !important">Subscribe to be notified of future articles:</p>
+  <p class="mb-2" style="margin-top: 1.5rem !important">{{ site.data[site.active_lang].strings.newsletter.subscribe_to_receive }}</p>
   {% include scripts/newsletter.liquid left=true %}
 {% endif %}

_includes/scripts/newsletter.liquid

@@ -23,30 +23,30 @@
       class="newsletter-form-button"
       style="justify-content: {% if include.left %}flex-start{% elsif include.right %}flex-end{% else %}center{% endif %}"
     >
-      subscribe
+    {{ site.data[site.active_lang].strings.newsletter.subscribe }}
     </button>
 
     <button
       type="button"
       class="newsletter-loading-button"
       style="justify-content: {% if include.left %}flex-start{% elsif include.right %}flex-end{% else %}center{% endif %}"
     >
-      Please wait...
+    {{ site.data[site.active_lang].strings.newsletter.wait }}
     </button>
   </form>
 
   <div
     class="newsletter-success"
     style="justify-content: {% if include.left %}flex-start{% elsif include.right %}flex-end{% else %}center{% endif %}"
   >
-    <p class="newsletter-success-message">You're subscribed!</p>
+    <p class="newsletter-success-message">{{ site.data[site.active_lang].strings.newsletter.subscribed }}</p>
   </div>
 
   <div
     class="newsletter-error"
     style="justify-content: {% if include.left %}flex-start{% elsif include.right %}flex-end{% else %}center{% endif %}"
   >
-    <p class="newsletter-error-message">Oops! Something went wrong, please try again</p>
+    <p class="newsletter-error-message">{{ site.data[site.active_lang].strings.newsletter.error }}</p>
   </div>
 
   <button
@@ -55,7 +55,7 @@
     onmouseout='this.style.textDecoration="none"'
     onmouseover='this.style.textDecoration="underline"'
   >
-    &larr; Back
+    &larr; {{ site.data[site.active_lang].strings.newsletter.back }}
   </button>
 </div>
 
@@ -74,7 +74,7 @@
 
     const rateLimit = () => {
       errorContainer.style.display = 'flex';
-      errorMessage.innerText = 'Too many signups, please try again in a little while';
+      errorMessage.innerText = '{{ site.data[site.active_lang].strings.newsletter.too_many_signups }}';
       submitButton.style.display = 'none';
       formInput.style.display = 'none';
       backButton.style.display = 'block';
@@ -149,7 +149,7 @@
 
     success.style.display = 'none';
     errorContainer.style.display = 'none';
-    errorMessage.innerText = 'Oops! Something went wrong, please try again';
+    errorMessage.innerText = '{{ site.data[site.active_lang].strings.newsletter.error }}';
     backButton.style.display = 'none';
     formInput.style.display = 'flex';
     submitButton.style.display = 'flex';