updated teams page

_data/board_members.yml

@@ -1,12 +1,4 @@
 - name: Prof. Dr. Patricia Lago
   role: Director
   image: /assets/img/team/PatriciaLago.jpg
-  affiliation: Vrije Universiteit Amsterdam
-- name: Dr. Justus Bogner
-  role: Scientific Coordinator
-  image: /assets/img/team/justus-bogner.jpg
-  affiliation: Vrije Universiteit Amsterdam
-- name: Dr. Filip Ilievski
-  role:  Scientific Coordinator
-  image: /assets/img/team/filip-ilievski.jpg
   affiliation: Vrije Universiteit Amsterdam

_data/team_scientific_coord.yml

@@ -0,0 +1,8 @@
+- name: Dr. Justus Bogner
+  role: Scientific Coordinator
+  image: /assets/img/team/justus-bogner.jpg
+  affiliation: Vrije Universiteit Amsterdam
+- name: Dr. Filip Ilievski
+  role:  Scientific Coordinator
+  image: /assets/img/team/filip-ilievski.jpg
+  affiliation: Vrije Universiteit Amsterdam

pages/events.md

@@ -3,10 +3,86 @@ layout: page
 title: EVENTS
 ---
 
-Details coming soon....
+<!-- Details coming soon....
 
 ## Research Cocktails
 
 ## Distinguished Lectures
 
-## DiSC Meetups
+## DiSC Meetups
+
+
+<br>
+<br>
+<br>
+
+<div class="" style="text-align: center; ">
+    <h3>Events Calendar</h3>
+    <br>
+    <br>
+    <iframe src="https://calendar.google.com/calendar/embed?src=c_9529c4194a844f24aeedb050d105f7f4ba2238c394430983168feacad8b46688%40group.calendar.google.com&ctz=Europe%2FBrussels" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
+</div> -->
+
+
+<style>
+  .two-column {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+
+  .two-column > div {
+    flex: 1;
+    min-width: 300px;
+    margin: 10px;
+  }
+
+  .calendar-container {
+    text-align: center;
+    padding-left:60px;
+    padding-right:60px;
+  }
+
+  @media (max-width: 768px) {
+    .two-column {
+      flex-direction: column;
+    }
+  }
+</style>
+
+<div class="two-column">
+
+  <!-- First Column: Text Content -->
+  <div>
+    <h2>Research Cocktails</h2>
+    <p>
+        Join us for an evening of insightful discussions and networking. 
+        Research Cocktails brings together professionals and academics 
+        to share the latest developments in their fields over drinks.
+    </p>
+    <br><br>
+    <h2>Distinguished Lectures</h2>
+    <p>
+        Our Distinguished Lectures series features prominent speakers from various 
+        disciplines. These talks are designed to inspire, educate, and spark 
+        thought-provoking conversations among attendees.
+    </p>
+    <br><br>
+    <h2>DiSC Meetups</h2>
+    <p>
+        DiSC Meetups offer an informal platform for students, researchers, 
+        and industry experts to engage in meaningful dialogue. 
+        Each session explores current trends and challenges in technology and science.
+    </p>
+    <br><br>
+</div>
+
+
+  <!-- Second Column: Calendar -->
+  <div class="calendar-container">
+    <h3>Events Calendar</h3>
+    <br><br>
+    <iframe src="https://calendar.google.com/calendar/embed?src=c_9529c4194a844f24aeedb050d105f7f4ba2238c394430983168feacad8b46688%40group.calendar.google.com&ctz=Europe%2FBrussels" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
+  </div>
+
+</div>

pages/team.md

@@ -2,43 +2,70 @@
 layout: page
 title: Team
 ---
+<style>
+  .team-sections {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 20px; /* Space between columns */
+}
 
-### Executive Board
-<div style="padding-top: 10px; padding-bottom: 30px;">
+.team-section {
+    flex: 1; /* Flexibly take up available space */
+    min-width: 300px; /* Minimum width to prevent items from getting too small */
+    box-sizing: border-box;
+    padding: 10px;
+}
 
+@media (max-width: 768px) {
+    .team-sections {
+        flex-direction: column;
+        align-items: center;
+    }
+}
+
+</style>
+<hr>
+<div style="padding-top: 10px; padding-bottom: 30px; text-align:center;">
+      <h3 style="text-align:center;">Executive Board</h3>
       {% for member in site.data.board_members %}
-        <div class="team-member-container" align= "center">
+        <div class="team-member-container" style="padding-top: 30px;" align= "center">
             <div class="team-member team-member-role">{{member.role}}</div>
             <img alt="Image" height = "200px" src="{{site.url}}{{member.image}}"/>
             <div class="team-member team-member-name">{{member.name}}</div>
             <div class="team-member team-member-affiliation">{{member.affiliation}}</div>
         </div>
 	  {% endfor %}
-</div>
-
-
-### Outreach and Valorisation
-
-<div style="padding-top: 10px; padding-bottom: 30px;">
-
-      {% for member in site.data.team_outreach %}
-        <div class="team-member-container" align= "center" style="padding-bottom: 20px">
-            <img alt="Image" height = "200px" src="{{site.url}}{{member.image}}"/>
+<div class="team-sections">
+    <div class="team-section">
+        <h4 style="text-align:center;">Scientific Coordination</h4>
+        {% for member in site.data.team_scientific_coord %}
+        <div class="team-member-container" align="center" style="padding-bottom: 20px; padding-top:20px;">
+            <img alt="Image" height="200px" src="{{site.url}}{{member.image}}" />
             <div class="team-member team-member-name">{{member.name}}</div>
             <div class="team-member team-member-affiliation">{{member.affiliation}}</div>
         </div>
-	  {% endfor %}
+        {% endfor %}
+    </div>
+    <div class="team-section">
+        <h4 style="text-align:center;">Outreach and Valorisation</h4>
+        {% for member in site.data.team_outreach %}
+        <div class="team-member-container" align="center" style="padding-bottom: 30px; padding-top:20px;">
+            <img alt="Image" height="200px" src="{{site.url}}{{member.image}}" />
+            <div class="team-member team-member-name">{{member.name}}</div>
+            <div class="team-member team-member-affiliation">{{member.affiliation}}</div>
+        </div>
+        {% endfor %}
+    </div>
 </div>
-
-### Participating researchers
-
-<div style="padding-top: 10px; padding-bottom: 30px;">
-
+<hr>
+ <h3 style="text-align:center; padding-top:30px; padding-bottom:30px">Participating researchers</h3>
       {% for member in site.data.team_members %}
-        <div class="team-member-container" align= "center" style="padding-bottom: 20px">
+        <div class="team-member-container" align= "center" style="padding-bottom: 10px; padding-top:20px;">
             <img alt="Image" height = "200px" src="{{site.url}}{{member.image}}"/>
             <div class="team-member team-member-name">{{member.name}}</div>
             <div class="team-member team-member-affiliation">{{member.affiliation}}</div>
         </div>
 	  {% endfor %}
 </div>
+