Detail teaching to make the webpage a portfolio

content/teaching/INP/_index.md

@@ -0,0 +1,4 @@
+---
+title: "Grenoble INP"
+link: https://www.grenoble-inp.fr/
+---

content/teaching/INP/reseau_phelma.md

@@ -0,0 +1,8 @@
+---
+title: Phelma filière SEOC, 4PMIPIN1
+longtitle: Principes de l'Internet, réseaux
+date: 2021-11-22
+start_teaching: 2021
+role: Chargé de TD 2021-…, lab sessions 2021-…
+draft: false
+---

content/teaching/UGA/inf301.md

@@ -4,6 +4,7 @@ longtitle: Algorithmique et Programmation Impérative
 webpage: https://moodle.caseine.org/course/view.php?id=72
 date: 2021-11-22
 start_teaching: 2021
+role: Chargé de TD 2021-…, lab sessions 2021-…
 draft: false
 
 files:

content/teaching/X/_index.md

@@ -0,0 +1,4 @@
+---
+title: "École Polytechnique"
+link: https://www.polytechnique.edu/
+---

content/teaching/X/inf559.md

@@ -0,0 +1,8 @@
+---
+title: INF 559
+longtitle: Système et bas niveau
+date: 2023-06-26
+start_teaching: 2018
+role: Lab sessions 2018-2019 and 2019-2020
+draft: false
+---

content/teaching/_index.md

@@ -8,7 +8,7 @@ menu:
     weight: 250
 ---
 
-This page is not an exhaustive list of courses in which I've taught -- whatever
+This page lists the courses in which I teach or taught -- whatever
-the exact role --, but more a link to the relevant, publicly-available
+the exact role --. It also contains links to the relevant, publicly-available
 resources I needed to share. Please contact me if you want to reuse this
 material -- if possible, I'm usually very keen on sharing such things :)

layouts/teaching/list.html

@@ -17,6 +17,7 @@
   <a href="{{ .Permalink }}">
     {{- partial "teaching/coursename.html" . -}}
   </a>
+  {{- with .Params.role -}}<div class="course-role">{{ . }}</div>{{- end -}}
 </li>
 {{ end }}
 </ul>

scss/_params.scss

@@ -3,6 +3,7 @@
 $bg_color: white;
 $link_color: #07a;
 $fg_color: #555;
+$fg_color_light: #555555bb;
 $head_bg_color: #060033;
 
 $resp_small: 1350px;

scss/style.scss

@@ -236,6 +236,11 @@ ul.teaching-courses {
   .course-longtitle:before {
     content: ' — '
   }
+
+  .course-role {
+    font-style: italic;
+    color: $fg_color_light;
+  }
 }
 
 .course-titleblock {

static/css/style.css

@@ -164,6 +164,10 @@ ul.teaching-courses li {
 .course-name .course-longtitle:before {
   content: ' — '; }
 
+.course-name .course-role {
+  font-style: italic;
+  color: #555555bb; }
+
 .course-titleblock {
   margin-bottom: 20px; }
   .course-titleblock h2 {