Add section signposting to community at bottom of homepage

Author: ivanchromjak

assets/css/style.css

@@ -2397,6 +2397,18 @@ select {
   background-color: rgb(255 255 255 / 0.05);
 }
 
+.bg-primary-50\/50 {
+  background-color: rgb(248 249 255 / 0.5);
+}
+
+.bg-primary-50\/75 {
+  background-color: rgb(248 249 255 / 0.75);
+}
+
+.bg-primary-50\/60 {
+  background-color: rgb(248 249 255 / 0.6);
+}
+
 .bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }

content/en/_index.md

@@ -215,5 +215,34 @@ blocks:
   copy: |
     We aim to promote better integration of data harmonisation in 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 Harmony to answer research questions around human connection and its influence on the development of depression and anxiety in young people.
 
+- block: connect
+  heading: More ways to connect
+  cards: 
+  - heading: AI Challenges
+    copy: Contribute to real-world AI and coding challenges.
+    button:
+      text: Learn more
+      url: https://harmonydata.ac.uk/challenges/
+    icon: sparkles
+  - heading: Discord Community
+    copy: Join discussions with fellow researchers and developers.
+    button:
+      text: Join
+      url: https://discord.com/invite/harmonydata
+    icon: discord-2
+  - heading: GitHub
+    copy: Access our latest code, tools, and contributions. Become a certified contributor
+    button:
+      text: Join
+      url: https://github.com/harmonydata/harmony
+    icon: github
+  - heading: Connect with us on Socials
+    social:
+      - text: LinkedIn
+        url: https://www.linkedin.com/company/harmonydata/about/?viewAsMember=true
+      - text: Bluesky
+        url: https://bsky.app/profile/harmonydata.bsky.social
+    icon: users
+
 ---
 

layouts/blog/single.html

@@ -14,9 +14,6 @@ <h1 class="text-center text-5xl sm:text-6xl font-bold font-heading tracking-tigh
       <div class="flex space-x-4 mt-4 justify-center">
         {{ partial "share.html" . }}
       </div>
-      <div class="rounded-2xl pt-4 max-w-xl mx-auto">
-        {{ partial "components/form-mailchimp.html" . }}
-      </div>
     </div>
     {{ if .Params.youtube }}
       <div class="mt-10 lg:mt-14 max-w-5xl mx-auto">

layouts/partials/blocks/connect.html

@@ -0,0 +1,35 @@
+<div class="px-6 lg:px-8 py-20 lg:py-28 bg-primary-50/50">
+  <div class="max-w-2xl lg:max-w-4xl mx-auto">
+    <div class="text-center">
+      {{ partial "components/h2.html" . }}
+    </div>
+    <div class="grid grid-cols-1 gap-12 lg:gap-y-12 xl:gap-20 sm:grid-cols-2 mt-10">
+      {{ range .cards }}
+        <div class="space-y-4">
+          {{ if .icon }}
+            <div class="mb-6">
+              {{ partial "components/icon.html" . }}
+            </div>
+          {{ end }}
+          {{ partial "components/h3.html" . }}
+          {{ partial "components/copy.html" . }}
+          {{ with .social }}
+            <ul class="flex gap-5 flex-wrap">
+              {{ range . }}
+                <li><a class="text-blue-600 hover:text-blue-600 font-bold hover:underline font-heading text-sm" href="{{ .url }}" target="_blank" rel="noopener noreferrer">{{ .text }}</a></li>
+              {{ end }}
+            </ul>
+          {{ end }}
+          {{ with .button }}
+            <div class="">
+              <a href="{{ .url | relLangURL }}"{{ if in .url "http" }} target="_blank" rel="noopener noreferrer"{{ end }} 
+                class="inline-block text-center transition rounded-full focus:outline-none font-heading font-bold text-sm text-blue-600 hover:underline">
+                {{ .text }}
+              </a>
+            </div>
+          {{ end }}      
+        </div>
+      {{ end }}
+    </div>
+  </div>
+</div>