newsletter form

assets/css/style.css

@@ -2789,6 +2789,11 @@ select {
   color: rgb(148 163 184 / var(--tw-text-opacity));
 }
 
+.text-slate-500 {
+  --tw-text-opacity: 1;
+  color: rgb(100 116 139 / var(--tw-text-opacity));
+}
+
 .text-slate-600 {
   --tw-text-opacity: 1;
   color: rgb(71 85 105 / var(--tw-text-opacity));
@@ -2809,19 +2814,14 @@ select {
   color: rgb(15 23 42 / var(--tw-text-opacity));
 }
 
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.text-slate-500 {
+.text-slate-950 {
   --tw-text-opacity: 1;
-  color: rgb(100 116 139 / var(--tw-text-opacity));
+  color: rgb(2 6 23 / var(--tw-text-opacity));
 }
 
-.text-slate-950 {
+.text-white {
   --tw-text-opacity: 1;
-  color: rgb(2 6 23 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .no-underline {
@@ -3637,10 +3637,6 @@ h1 strong, h2 strong, h3 strong, .text-highlight, .superheading strong {
   display: none;
 }
 
-:is(.dark .dark\:border-none) {
-  border-style: none;
-}
-
 :is(.dark .dark\:border-primary-800) {
   --tw-border-opacity: 1;
   border-color: rgb(33 31 73 / var(--tw-border-opacity));

config.yml

@@ -284,3 +284,7 @@ params:
   footer:
     layout: footer-2
     mode: dark
+
+  newsletter:
+    mailchimp: 
+      action: https://harmonydata.us21.list-manage.com/subscribe/post?u=6c600b2de0b9678055c62637f&id=32eadfb37e&v_id=248&f_id=00b2ece6f0    

content/en/_index.md

@@ -157,7 +157,7 @@ blocks:
     image: /images/testimonial-user.svg
 
 - block: feature-2
-  # padding: top
+  padding: top
   align: right
   image: images/gad-7-scanned-min.webp
   copy: |
@@ -168,24 +168,11 @@ blocks:
     Using Harmony, our team was able to conduct groundbreaking research into social isolation and anxiety with NLP supplying a quantitative measure of the equivalence of the different mental health datasets.
 
 - block: feature-4
-  mode: muted
   superheading: "**HARMONY**"
   heading: A global platform for contextual harmonisation, translation and cooperation in mental health research
   copy: |
     This team will support better integration of mental health research through a natural language processing harmonisation tool (Harmony), allowing researchers to compare data from existing studies to investigate the active ingredients of mental health. Led by Dr Eoin McElroy from Ulster University and Dr Bettina Moltrecht from University College London, the team will develop and demonstrate Harmony to answer research questions around human connection and its influence on the development of depression and anxiety in young people.
 
-- block: newsletter
-  background: muted
-  superheading: 
-  heading: "Signup to our newsletter"
-  subheading: "The latest news on data harmonisation project."
-  subtext: You can unsubscribe at any time by clicking the link in the footer of our emails. For information about our privacy practices, please visit our website. We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp's privacy practices.
-  button:
-    text: Subscribe
-    style: primary
-  mailchimp: 
-    action: https://harmonydata.us21.list-manage.com/subscribe/post?u=6c600b2de0b9678055c62637f&id=32eadfb37e&v_id=248&f_id=00b2ece6f0
-
 ---
 
 

content/pt/_index.md

@@ -141,7 +141,7 @@ blocks:
     image: /images/testimonial-user.svg
 
 - block: feature-2
-  # padding: top
+  padding: top
   align: right
   image: images/gad-7-scanned-min.webp
   copy: |
@@ -152,7 +152,6 @@ blocks:
     Usando o Harmony , nossa equipe foi capaz de realizar pesquisas inovadoras sobre isolamento social e ansiedade com a PNL, fornecendo uma medida quantitativa da equivalência dos diferentes conjuntos de dados de saúde mental.
 
 - block: feature-4
-  mode: muted
   superheading: "**HARMONY**"
   heading: Uma plataforma global para harmonização contextual, tradução e cooperação em pesquisa em saúde mental
   copy: |

i18n/en.yaml

@@ -41,4 +41,17 @@ toc:
 more_case_studies:
   other: "More case studies"
 
+newsletter_heading:
+  other: "Signup to our newsletter"
+newsletter_subheading:
+  other: "The latest news on data harmonisation project."
+newsletter_subtext:
+  other: "You can unsubscribe at any time by clicking the link in the footer of our emails. For information about our privacy practices, please visit our website. We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp's privacy practices."
+newsletter_button:
+  other: "Subscribe"
+newsletter_select:
+  other: "Please select all the ways you would like to hear from Harmony project:"
+newsletter_email:
+  other: "Enter email address"
+
 

i18n/pt.yaml

@@ -0,0 +1,54 @@
+name:
+  other: "Nome"
+email:
+  other: "Email"
+message:
+  other: "Mensagem"
+send_message:
+  other: "Enviar mensagem"
+message_sent:
+  other: "A mensagem foi enviada com sucesso!"
+phone:
+  other: "Telefone"
+
+pricing:
+  other: "Preços"
+choose_plan:
+  other: "Escolha seu plano"
+
+categories:
+  other: "Categorias"
+all_categories:
+  other: "Todas as Categorias"
+follow_us:
+  other: "Siga-nos nas redes sociais:"
+
+previous:
+  other: "Anterior"
+next:
+  other: "Próximo"
+
+subscribe:
+  other: "Inscrever-se"
+subscribe_placeholder:
+  other: "Seu endereço de email"
+
+related_posts:
+  other: "Posts Relacionados"
+toc:
+  other: "Índice"
+more_case_studies:
+  other: "Mais estudos de caso"
+
+newsletter_heading:
+  other: "Inscreva-se no nosso boletim informativo"
+newsletter_subheading:
+  other: "As últimas notícias sobre o projeto de harmonização de dados."
+newsletter_subtext:
+  other: "Você pode cancelar a inscrição a qualquer momento clicando no link no rodapé de nossos e-mails. Para informações sobre nossas práticas de privacidade, visite nosso site. Usamos o Mailchimp como nossa plataforma de marketing. Ao clicar abaixo para se inscrever, você reconhece que suas informações serão transferidas para o Mailchimp para processamento. Saiba mais sobre as práticas de privacidade do Mailchimp."
+newsletter_button:
+  other: "Inscrever-se"
+newsletter_select:
+  other: "Por favor, selecione todas as formas como você gostaria de ouvir do projeto Harmony:"
+newsletter_email:
+  other: "Inserir endereço de email"

layouts/_default/baseof.html

@@ -10,6 +10,7 @@
     {{ partial "navbar.html" . }}
     {{ block "main" . }}{{ end }}
     {{ partial "chatbot.html" . }}
+    {{ partial "newsletter.html" . }}
     {{ $footer := (printf "%s%s%s" "" .Site.Params.footer.layout ".html" ) }}
     {{ if templates.Exists (printf "%s%s" "partials/" $footer ) }}
       {{ partialCached $footer . }}

layouts/partials/components/form-mailchimp.html

@@ -1,18 +1,18 @@
 <div id="mc_embed_signup">
-  <form action="{{ .mailchimp.action }}" 
+  <form action="{{ .Site.Params.newsletter.mailchimp.action }}" 
     method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank"
     novalidate>
     <div class="w-full sm:w-auto sm:flex rounded-[2rem] sm:rounded-full bg-white p-2 shadow-lg border border-primary-100">
-      <div>
+      <div class="flex-1">
         <label for="email" class="sr-only">Subscribe</label>
-        <input id="mce-EMAIL" class="required email w-full px-4 py-3 text-center font-medium sm:text-left bg-transparent text-slate-950 placeholder-slate-500 ring-0 border-none focus:ring-0 min-w-[17rem] sm:min-w-[22rem]" placeholder="Enter email address" name="EMAIL" type="email">
+        <input id="mce-EMAIL" class="required email w-full px-4 py-3 text-center font-medium sm:text-left bg-transparent text-slate-950 placeholder-slate-500 ring-0 border-none focus:ring-0 min-w-[17rem] sm:min-w-[22rem]" placeholder="{{ i18n "newsletter_email" }}" name="EMAIL" type="email">
       </div>
       <div class="mt-3 sm:mt-0 sm:flex-shrink-0">
-        <input class="flex w-full items-center justify-center px-8 py-3 tracking-wide rounded-full focus:outline-none font-medium cursor-pointer button-secondary" type="submit" name="subscribe" id="mc-embedded-subscribe" value="Subscribe">
+        <input class="flex w-full items-center justify-center px-8 py-3 tracking-wide rounded-full focus:outline-none font-medium cursor-pointer button-secondary" type="submit" name="subscribe" id="mc-embedded-subscribe" value="{{ i18n "newsletter_button" }}">
       </div>
     </div>
     <fieldset class="mc_fieldset gdprRequired mc-field-group flex flex-col justify-center items-center mt-3" name="interestgroup_field">
-      <p class="text-sm text-center text-slate-600">Please select all the ways you would like to hear from Harmony project:</p>
+      <p class="text-sm text-center text-slate-600">{{ i18n "newsletter_select" }}</p>
       <label class="checkbox subfield" for="gdpr60325">
         <input type="checkbox" id="gdpr_60325" name="gdpr[60325]" class="gdpr" value="Y"> <span class="text-slate-600 text-sm">Email</span>
       </label>

layouts/partials/newsletter.html

@@ -0,0 +1,16 @@
+<section id="feature-4" class="overflow-hidden bg-cover bg-no-repeat bg-center bg-primary-50">
+  <div class="px-6 lg:px-8 py-20 lg:py-32">
+    <div class="space-y-10 lg:space-y-12">
+      <div class="max-w-3xl mx-auto text-center space-y-4 lg:space-y-5">
+        <h2 class="text-4xl sm:text-5xl lg:text-6xl font-heading font-bold tracking-tight text-blue-950 dark:text-white -ml-1">{{ i18n "newsletter_heading" }}</h2>
+        <div class="text-base leading-loose sm:text-lg sm:leading-loose lg:text-xl lg:leading-loose text-slate-600 dark:text-slate-100">{{ i18n "newsletter_subheading" }}</div>
+      </div>
+      <div class="max-w-4xl mx-auto">
+        <div class="flex justify-center items-center mt-10" id="revue-embed">
+          {{ partial "components/form-mailchimp.html" . }}
+        </div>
+        <div class="mt-5 lg:px-20 text-xs text-slate-500 leading-loose text-center">{{ i18n "newsletter_subtext" }}</div>
+      </div>
+    </div>
+  </div>
+</section>