Reworked events and layout

_quarto.yml

@@ -18,27 +18,23 @@ website:
       - text: Home
         file: index.qmd
       - text: Events
-        menu:
-          - text: Events Page
-            file: events/events.qmd
-          - text: Partner Workshop
-            file: partner_workshop.qmd
+        file: events/event_list.qmd
+      - text: Training Programme
+        file: training/training.qmd
+
+      - text: How to apply
+        file: apply.qmd
+
+      - text: Blog
+        file: blog/blog_list.qmd
 
       - text: About
         menu:
-          - text: Training Programme
-            file: training/training.qmd
           - text: Our Leadership Team
             file: team.qmd
           - text: Contact us
             href: /#contact-us
 
-      - text: How to apply 
-        file: apply.qmd 
-
-      - text: Blog
-        file: blog/blog_list.qmd
-
 format:
   html:
     theme: default

blog/blog_list.qmd

@@ -8,8 +8,8 @@ listing:
   - id: blog-list
     template: ../templates/blog-list-page.ejs
     contents: posts
-    sort: "date desc"
+    sort: "event-date desc"
     categories: true
 ---
 <div id="blog-list column-page">
-</div>
+</div>

events/events.qmd → events/event_list.qmd

@@ -1,15 +1,18 @@
 ---
-title: Events
+title: CCMI Events
 format:
     html:
         anchor-sections: false
 
 listing:
   - id: event-list
     template: ../templates/event-list-page.ejs
-    contents: events.yml
+    contents: posts
+    field-types:
+        event_date: date
+
     sort: "date desc"
     categories: false
 ---
 <div id="event-list column-page">
-</div>
+</div>

events/posts/open_day.qmd

@@ -0,0 +1,19 @@
+---
+title: "CCMI Online Open Day"
+author: "Timo Betcke"
+event_date: "11/13/2024"
+date: "10/25/2024"
+summary: "We are organising an online open day to get to know the CDT, our research and how the application process works."
+categories: [News]
+---
+
+On 13 November we will organise an open day from 3pm to 4:30pm GMT. This will be an online event where you can meet the CDT team,
+get to know our research, talk to current PhD students from UCL and Imperial and ask questions about the application process.
+
+If you want to take part please fill out our [CDT registration form](https://forms.office.com/e/i2jpkQu0Lm). No need to fill it out again
+if you have already registered your interest in the CDT.
+
+
+We will send out online joining links to registered participants two days before the event.
+
+We are looking forward to meeting you!

index.qmd

@@ -17,14 +17,16 @@ listing:
     contents: templates/key-facts.yml
   - id: current-events
     template: templates/partials/events-section.ejs
-    contents: events/events.yml
-
+    contents: events/posts
+    field-types:
+        event_date: date
+
 
 gallery-images:
     image1:
         image: static/ucl_quad.jpg
         text: CCMI is a collaboration between University College London and Imperial College London to offer a novel and innovative PhD training programme at the interface of computational modelling, data sciences, and research software engineering.
-    image2: 
+    image2:
         image: static/imperial.jpg
         text: Students will join world-class research groups across UCL and Imperial, and will benefit from a bespoke training programme around research software engineering and its applications in the computational and data sciences.
 
@@ -112,5 +114,3 @@ Read About Our Software
 </div>
 
 </section>
-
-

templates/event-list-page.ejs

@@ -1,15 +1,17 @@
 ```{=html}
+<h2 class="mt-0">Events</h2>
 <div class="post-container">
 <% for (const item of items) { %>
         <div class="card border-dark" <%= metadataAttrs(item) %>>
+            <a href="posts/<%- item.filename %>">
             <div class="card-body">
                 <h4 class="card-title mt-0"><%- item.title %></h4>
-                <small><%- item.dates %></small>
+                <p class="card-text"><%- item.event_date %></p>
                 <hr class="card-divider" />
-                <p class="card-text"><%- item.description %></p>
+                <p class="card-text"><%- item.summary %></p>
             </div>
-            </a>    
+            </a>
         </div>
 <% } %>
 </div>
-```
+```

templates/partials/blog-section.ejs

@@ -19,7 +19,7 @@
                     <div class="carousel-item <% if (count = 1) { %> active <% } %>">
                     <div class="card pb-2">
                         <div class="card-body">
-                            <h4 class="card-title mt-0">            
+                            <h4 class="card-title mt-0">
                                 <a href="blog/posts/<%- item.filename %>"><%- item.title %></a></h4>
                             <hr class="card-divider" />
                             <div class="card-text"><%- item.summary %></div>
@@ -41,6 +41,6 @@
                 <span class="visually-hidden">Next</span>
             </button>
         </div>
-    
+
     </div>
-```
+```

templates/partials/events-section.ejs

@@ -1,7 +1,7 @@
 ```{=html}
-<h2 class="mt-0"><a href="events/events.qmd">Events</a></h2>
+<h2 class="mt-0"><a href="events/event_list.qmd">Events</a></h2>
 <div class="card border-dark">
-    <div id="eventsCarousel" class="carousel slide" data-bs-ride="carousel">
+    <div id="eventsCarousel" class="carousel slide" data-bs-ride="carousel" data-interval="false">
         <div class="carousel-indicators">
             <button type="button" data-bs-target="#eventsCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
             <button type="button" data-bs-target="#eventsCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
@@ -17,8 +17,8 @@
                         <div class="card pb-2">
                             <div class="card-body text-center px-3">
                                 <h4 class="card-title my-0">
-                                    <a href="blog/posts/<%- item.filename %>"><%- item.title %></a> </h4>
-                                <small class="mt-0"><%- item.dates %></small>
+                                    <a href="events/posts/<%- item.filename %>"><%- item.title %> </a> </h4>
+                                <h5 class="card-text my-0"><%- item.event_date %></h5>
                                     <hr class="card-divider" />
                                 <div class="card-text "><%- item.summary %></div>
                             </div>
@@ -43,4 +43,4 @@
     </div>
 
 </div>
-```
+```