Update 2024-06-10-mtb-ngs.html

CONTRIBUTORS.yaml

@@ -1215,6 +1215,14 @@ abueg:
     name: Linelle Abueg
     joined: 2022-01
 
+lilianarutaihwa:
+    name: Liliana Rutaihwa
+    joined: 2024-06
+
+linzyelton:
+    name: Linzy Elton
+    joined: 2024-06
+
 lgallegovillar:
     name: Lorena Gallego Villar
     joined: 2021-10

_includes/tutorial_list.html

@@ -1,16 +1,23 @@
 {% assign page = include.page %}
 {% assign responsive = include.responsive | default:true %}
+{% assign async = include.async | default: page.async %}
 
 <table class="table table-responsive table-striped tutorials-list">
   <thead>
     <tr>
-      {% if page.layout == 'event' and page.async != true %}
+      {% if page.layout == 'event' and async != true %}
       <th scope="col">Time</th>
       {% endif %}
+      {% if include.customheader %}
+      <th scope="col">Title</th>
+      <th scope="col" title="Description of the session">Description</th>
+
+      {% else %}
       <th scope="col">Lesson</th>
       <th scope="col" title="Lecture for this training. May include a video version using automated text-to-speech.">Slides</th>
       <th scope="col" title="Practical tutorial guiding you through an analysis step by step.">Hands-on</th>
       <th scope="col" title="Recordings of various instructors teaching this tutorial. May use an outdated version of the tutorial.">Recordings</th>
+      {% endif %}
 
       {% if topic.type == "use" %}
       <th scope="col" title="Datasets used in this tutorial, available from Zenodo.">Input dataset</th>
@@ -31,12 +38,13 @@
       <!-- show materials that are not in draft mode, unless we are in a dev environment or on a draft page such as a learning pathway or topic -->
 
         <tr>
-          {% if page.layout == 'event' and page.async != true %}
+          {% assign hidetime = material.async | default: async%}
+          {% if page.layout == 'event' and hidetimes != true %}
           <td>{{material.time}}</td>
           {% endif %}
 
           {% if material.layout == 'custom' %} <!-- e.g. for events -->
-            <td> {{material.title}} </td>
+            <td> {{material.title | markdownify }} </td>
             <td colspan="3"> {{material.description | markdownify }}</td>
           {% else %}
           <td class="tutorial_title">

_layouts/event.html

@@ -103,29 +103,33 @@ <h3 id="Organisers">Organisers & Instructors</h3>
 
   <!-- Programme Tab -->
   <div class="tab-pane " id="program" role="tabpanel" aria-labelledby="program-tab">
-    <h2> Program </h2>
+
+
     {% if event.external %}
        For details about the course, please vist the <a href="{{event.external}}">Course Page</a>
     {% else %}
 
-    {% if event.infrastructure %}
-    Before starting the course, make sure to follow the setup instructions
-    <br><br>
+     {% if event.infrastructure %}
+     <h3> Before you start </h3>
+     <p>Before starting the course, make sure to follow the setup instructions</p>
 
     <button id="setup-button" class="btn btn-info" onClick="$('#setup-tab').tab('show');">View Setup Instructions</button>
+    <h3> Start the Course </h3>
     {% endif %}
 
+
     {% for section in event.program %}
         {% if section.subsection %}
         <h4 id="{{ section.section | slugify }}">{{ section.section }}</h4>
-        {% else %}
+        {% elsif section.section != nil %}
         <h3 id="{{ section.section | slugify }}">{{ section.section }}</h3>
         {% endif %}
         <p>{{ section.description | markdownify }}</p>
 
 	{% if section.tutorials %}
+        {% assign hidetimes= section.async | default: page.async %}
         {% assign material_list = site | convert_to_material_list: section.tutorials %}
-	{% include _includes/tutorial_list.html sub=material_list page=page responsive=false %}
+	{% include _includes/tutorial_list.html sub=material_list page=page responsive=false async=hidetimes customheader=section.custom %}
 	{% endif %}
     {% endfor %}
     {% endif %}

events/2024-04-01-example-event.md

@@ -86,7 +86,7 @@ infrastructure:
 # Add GTN tutorials by supplying the topic and tutorial name
 # For non-GTN sessions, add a "type:custom" session and description
 program:
-  - section: "Monday: Introduction"
+  - section: "Monday: Introduction"  # section title is optional
     description: |
       Short description of the program in this section.
       Markdown formatted