Formatting schedule

src/teaching/cse-501/2022fa/index.erb

@@ -8,6 +8,8 @@ schedule:
     talks: 
       - speaker: Oliver Kennedy
         topic: Introduction
+        materials:
+          slides: slide/intro.pdf
   - date: 09/06/22
     talks: 
       - speaker: Ziming Zhao
@@ -16,52 +18,33 @@ schedule:
     talks:
       - speaker: Carl Nuessle
         note: Can also do Oct 18
-        topic: TBD
       - speaker: Joseph Pusztay
-        topic: TBD
       - speaker: Poonam Kumari
-        topic: TBD
       - speaker: Tan Xie
-        topic: TBD
   - date: 09/20/22
     talks:
       - speaker: Oliver Kennedy
         topic: How to Do Research
   - date: 09/27/22
-    talks:
   - date: 10/04/22
-    talks:
   - date: 10/11/22
     talks:
       - speaker: Matt Knepley
-        topic: TBD
       - speaker: Andrew Hirsch
-        topic: TBD
   - date: 10/18/22
     talks:
       - speaker: Charuvahan Adhivarahan
-        topic: TBD
       - speaker: Darshana Balakrishnan
-        topic: TBD
       - speaker: Lu Dong
-        topic: TBD
       - speaker: A Senior PhD Student
-        topic: TBD
-    talks:
   - date: 10/25/22
-    talks:
   - date: 11/01/22
     talks:
       - speaker: Karthik Dantu (to be confirmed)
-        topic: TBD
       - speaker: Hongxin Hu
-        topic: TBD
   - date: 11/08/22
-    talks:
   - date: 11/15/22
-    talks:
   - date: 11/22/22
-    talks:
   - date: 11/29/22
     talks: 
       - speaker: You!
@@ -100,16 +83,47 @@ appropriate written assignments and oral presentations.
 
 <h2>Course Schedule</h2>
 
+<style type="text/css">
+  table.schedule th
+  {
+    border-bottom: solid 2px black;
+  }
+
+  table.schedule td
+  {
+    vertical-align: text-top;
+    padding-bottom: 0px;
+    padding-top: 5px;
+    border-bottom: solid 1px darkgrey;
+  }
+</style>
+
 <center>
-  <table>
+  <table class="schedule">
     <tr>
       <th style="width: 200px">Date</th>
-      <th>Topic</th>
+      <th>Speaker</th>
     </tr>
     <% schedule.each do |event| %>
       <tr>
         <td><%= event["date"] %></td>
-        <td><%= event["topic"] %></td>
+        <td>
+          <% if event.include? "talks" %>
+            <% event["talks"].each do |talk| %>
+              <p>
+                <b><%= talk["speaker"] %></b>
+                <% if talk.include? "topic" %>
+                  "<%= talk["topic"] %>"
+                <% end %>
+                <% if talk.include? "materials" %>
+                  [<%= talk["materials"].map { |k, v| "<a href='#{v}'>#{k}</a>"}.join("|") %>]
+                <% end %>
+              </p>
+            <% end %>
+          <% else %>
+            <b>Talk TBD</b>
+          <% end %>
+        </td>
       </tr>
     <% end %>
   </table>