Add JUST-OS Chatbot page to Educational Nexus (#719)

* Add JUST-OS Chatbot page to Educational Nexus

Create a dedicated page for the JUST-OS chatbot within the Educational
Nexus, based on the content from just-os.org. Includes project
description, embedded chatbot, team member profiles with locally hosted
images, and contact links.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* Replace invalid Lukas Wallrich photo with valid image

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* images conv to webp and redesign team

* add feedback section

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: richarddushime <mudaherarich@gmail.com>

Author: 3 people

config/_default/menus.toml

@@ -209,6 +209,12 @@
     weight = 41
     parent = "nexus"
 
+  [[main]]
+    name = "JUST-OS Chatbot"
+    url = "/just_os_chatbot"
+    weight = 41.5
+    parent = "nexus"
+
   [[main]]
     name = "Lesson Plans"
     url = "/lesson-plans/"

content/just_os_chatbot/index.md

@@ -1,6 +1,6 @@
----
-title: ""
-
----
-
-{{< just_os_chat >}}
++++
+# FORRT page
+type = "widget_page"
+headless = false  # Homepage is headless, other widget pages are not.
+title = "JUST-OS Chatbot"
++++

content/just_os_chatbot/intro.md

@@ -0,0 +1,39 @@
++++
+widget = "blank"
+headless = true
+active = true
+weight = 5
+
+title = "JUST-OS Chatbot"
+subtitle = ""
+
+[design]
+  columns = "1"
+
+[design.background]
+  text_color_light = false
+
+[design.spacing]
+  padding = ["60px", "0", "60px", "0"]
+
+[advanced]
+ css_style = "font-size: 1.25rem;"
+ css_class = ""
++++
+
+The **JUST-OS** (Judicious User-friendly Support Tool for Open Science) chatbot is an initiative by researchers at the University of Groningen and [FORRT](https://forrt.org/) that aims to develop an AI-based chatbot to help researchers navigate Open Science resources more easily.
+
+Researchers generally support Open Science practices but often struggle navigating the vast landscape of available resources. JUST-OS aims to provide user-friendly, tailored, and efficient guidance to help researchers find relevant Open Science resources.
+
+<br>
+
+{{< just_os_chat >}}
+
+<br>
+
+Try the JUST-OS Chatbot. For any issues or suggestions, please submit feedback by opening an issue on GitHub [click here](https://github.com/forrtproject/forrtproject.github.io/issues).
+
+
+--- 
+
+{{< just_os_team >}}

content/nexus/intro-nexus.md

@@ -72,6 +72,7 @@ FORRT's e-learning platform (or Nexus) is a hub for community-driven initiatives
 * [Games Portal](/games)
 * [Glossary](/glossary)
 * [Impact of OS on students](/impact)
+* [JUST-OS Chatbot](/just_os_chatbot)
 * [Lesson Plans](/lesson-plans/)
 * [Mapping OS Communities](/mapping_os)
 * [Neurodiversity Team](/neurodiversity)

layouts/shortcodes/just_os_team.html

@@ -0,0 +1,27 @@
+{{ $imageBase := "/img/team/just_os_chatbot_team" }}
+
+<h2 style="text-align: center; margin: 10px 0 24px;">The Team</h2>
+
+<div style="display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; margin-top: 20px;">
+  {{ $members := slice
+    (dict "name" "Rink Hoekstra" "image" "rink-hoekstra.webp" "alt" "Rink Hoekstra" "description" "Associate Professor at Pedagogical and Educational Science department, University of Groningen; board member Open Science Community Groningen; co-project manager.")
+    (dict "name" "Nina Schwarzbach" "image" "nina-schwarzbach.webp" "alt" "Nina Schwarzbach" "description" "PhD candidate in psychotherapy and research methodology at University of Groningen; co-project manager.")
+    (dict "name" "Flavio Azevedo" "image" "flavio-azevedo.webp" "alt" "Flavio Azevedo" "description" "Assistant Professor of Interdisciplinary Social Science at Utrecht University (formerly Groningen); FORRT liaison.")
+    (dict "name" "Michiel van der Ree" "image" "michiel-van-der-ree.webp" "alt" "Michiel van der Ree" "description" "Consultant applied AI at Center for Information Technology, University of Groningen; programming lead.")
+    (dict "name" "Vera Heininga" "image" "vera-heininga.webp" "alt" "Vera Heininga" "description" "Assistant Professor studying psychology, psychiatry, sociology, and pedagogy; Open Science researcher.")
+    (dict "name" "Madelief van der Velden" "image" "madelief-van-der-velden.webp" "alt" "Madelief van der Velden" "description" "Research Master student with Pedagogy and Education background; student assistant.")
+    (dict "name" "Robin Hoekstra" "image" "robin-hoekstra.webp" "alt" "Robin Hoekstra" "description" "Bachelor student with Psychology and Law background; student assistant.")
+    (dict "name" "Lukas Wallrich" "image" "lukas-wallrich.webp" "alt" "Lukas Wallrich" "description" "Lecturer in Organisational Psychology at Birkbeck, University of London; FORRT Co-Director.")
+    (dict "name" "JUST-OS" "image" "just-os-mascot.webp" "alt" "JUST-OS Mascot" "description" "Jellyfish and chatbot for Open Science.")
+  }}
+
+  {{ range $members }}
+  <div style="width: 250px; padding: 2px; border-radius: 18px; background: linear-gradient(135deg, #0f766e 0%, #0ea5e9 50%, #f59e0b 100%); box-shadow: 0 10px 24px rgba(15, 118, 110, 0.15);">
+    <div style="height: 100%; background: #fff; border-radius: 16px; padding: 16px; text-align: center;">
+      <img src="{{ printf "%s/%s" $imageBase .image | relURL }}" alt="{{ .alt }}" style="width: 180px; height: 180px; border-radius: 50%; object-fit: cover;">
+      <h4 style="margin: 12px 0 6px;">{{ .name }}</h4>
+      <p style="font-size: 0.9rem; color: #555; margin: 0;">{{ .description }}</p>
+    </div>
+  </div>
+  {{ end }}
+</div>