From 678f7576f923e3f89cf3cc209b2b84869387fc14 Mon Sep 17 00:00:00 2001
From: Yan Lin <github@yanlincs.com>
Date: Tue, 18 Nov 2025 14:33:13 +0100
Subject: [PATCH] add teaching section

---
 data.yaml                        |  4 ++-
 dist/index.html                  | 43 ++++++++++++++++++++++++++++++++
 dist/projects/index.html         |  9 +++++++
 dist/publications/index.html     |  9 +++++++
 dist/teaching/index.html         | 40 ++++++-----------------------
 templates/partials/teaching.html |  3 +++
 6 files changed, 75 insertions(+), 33 deletions(-)

diff --git a/data.yaml b/data.yaml
index adf1b03..8260d63 100644
--- a/data.yaml
+++ b/data.yaml
@@ -1,7 +1,7 @@
 sections:
   - publications
   - projects
-  # - teaching
+  - teaching
   - presentations
   - services
 
@@ -279,7 +279,9 @@ teaching:
     tags:
       - "Fall 2025"
       - "Aalborg University"
+    desc: "This course introduces students to streamlined interaction with AI models and systems, as well as implementation and deployment of scalable, production-ready AI systems on real-world infrastructures."
     links:
+      Moodle: https://www.moodle.aau.dk/course/view.php?id=57016
       Literature: https://blog.yanlincs.com/ai-system/
 
 presentations:
diff --git a/dist/index.html b/dist/index.html
index b9fe3e9..9e825cf 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -72,6 +72,15 @@
           
         
           
+        <li class="nav-item">
+            <a class="link nav-link px-0" href="/teaching/">
+                <span class="d-inline d-md-none">Teach</span>
+                <span class="d-none d-md-inline">Teaching</span>
+            </a>
+        </li>
+          
+        
+          
         <li class="nav-item">
             <a class="link nav-link px-0" href="/presentations/">
                 <span class="d-inline d-md-none">Talks</span>
@@ -428,6 +437,40 @@
   
 
   
+<article class="section" id="teaching">
+    <div class="d-flex align-items-center mb-1">
+        <h3 class="section-title d-inline-block mb-0">
+            Teaching
+        </h3>
+        <div class="flex-grow-1 mx-3" style="border-bottom: 1px dashed var(--border-color); height: 1px;"></div>
+        <a class="mb-0 link link-secondary link-underline-opacity-0 h5" href="/teaching/">
+            View All
+        </a>
+    </div>
+    <div class="list-group list-group-flush" id="teaching-list">
+         <div class="list-group-item px-0">
+  <div class="d-flex justify-content-between align-items-center mb-1">
+    <p class="d-inline-block mb-0 venue-name primary-text">
+      Fall 2025<span class='text-muted'> | </span>Aalborg University
+    </p>
+    <div class="d-flex gap-2">
+      
+        <a class="link icon-link icon-link-hover paper-link link-secondary" href="https://www.moodle.aau.dk/course/view.php?id=57016" target="_blank" rel="noopener noreferrer">Moodle</a>
+      
+        <a class="link icon-link icon-link-hover paper-link link-secondary" href="https://blog.yanlincs.com/ai-system/" target="_blank" rel="noopener noreferrer">Literature</a>
+      
+    </div>
+  </div>
+  <h5 class="mb-1 paper-title">AI Systems & Infrastructure</h5>
+  
+    <p class="card-text mb-auto project-desc">This course introduces students to streamlined interaction with AI models and systems, as well as implementation and deployment of scalable, production-ready AI systems on real-world infrastructures.</p>
+  
+</div>  
+    </div>
+</article>
+  
+
+  
 <article class="section" id="presentations">
     <div class="d-flex align-items-center mb-1">
         <h3 class="section-title d-inline-block mb-0">
diff --git a/dist/projects/index.html b/dist/projects/index.html
index cdafef2..2420463 100644
--- a/dist/projects/index.html
+++ b/dist/projects/index.html
@@ -68,6 +68,15 @@
           
         
           
+        <li class="nav-item">
+            <a class="link nav-link px-0" href="/teaching/">
+                <span class="d-inline d-md-none">Teach</span>
+                <span class="d-none d-md-inline">Teaching</span>
+            </a>
+        </li>
+          
+        
+          
         <li class="nav-item">
             <a class="link nav-link px-0" href="/presentations/">
                 <span class="d-inline d-md-none">Talks</span>
diff --git a/dist/publications/index.html b/dist/publications/index.html
index cbc6549..000255d 100644
--- a/dist/publications/index.html
+++ b/dist/publications/index.html
@@ -68,6 +68,15 @@
           
         
           
+        <li class="nav-item">
+            <a class="link nav-link px-0" href="/teaching/">
+                <span class="d-inline d-md-none">Teach</span>
+                <span class="d-none d-md-inline">Teaching</span>
+            </a>
+        </li>
+          
+        
+          
         <li class="nav-item">
             <a class="link nav-link px-0" href="/presentations/">
                 <span class="d-inline d-md-none">Talks</span>
diff --git a/dist/teaching/index.html b/dist/teaching/index.html
index fabf902..ba07750 100644
--- a/dist/teaching/index.html
+++ b/dist/teaching/index.html
@@ -6,7 +6,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Yan Lin's Teaching</title>
   <meta name="description" content="Yan Lin - Computer science researcher interested in data mining, representation learning, and AI for science">
-  <script defer src="https://tracker.yanlincs.com/script.js" data-website-id="39b2ce27-b581-4c54-8f2d-ff7dbaeb70cc"></script>
 
   <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
   <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -15,7 +14,6 @@
   <meta name="apple-mobile-web-app-title" content="YL Homepage" />
   <link rel="manifest" href="/site.webmanifest" />
 
-  <link href="/css/bootstrap.min.css" rel="stylesheet">
   <link rel="stylesheet" href="/css/index.css">
   
 </head>
@@ -39,7 +37,7 @@
           
         </div>
         <div class="col-8 text-center">
-          <div class="page-header-logo h2 m-0" style="font-family: Impact, 'Arial Black', 'Franklin Gothic Bold', sans-serif;">Yan Lin's Teaching</div>
+          <div class="page-header-logo h2 m-0" style="font-family: Impact, Haettenschweiler, 'Arial Black', 'Nimbus Sans Narrow', 'Arial Narrow', 'DejaVu Sans Condensed', 'Liberation Sans Narrow', 'Franklin Gothic Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 900;">Yan Lin's Teaching</div>
         </div>
         <div class="col-2 d-flex justify-content-end">
           
@@ -62,9 +60,16 @@
     </p>
     <div class="d-flex gap-2">
       
+        <a class="link icon-link icon-link-hover paper-link link-secondary" href="https://www.moodle.aau.dk/course/view.php?id=57016" target="_blank" rel="noopener noreferrer">Moodle</a>
+      
+        <a class="link icon-link icon-link-hover paper-link link-secondary" href="https://blog.yanlincs.com/ai-system/" target="_blank" rel="noopener noreferrer">Literature</a>
+      
     </div>
   </div>
   <h5 class="mb-1 paper-title">AI Systems & Infrastructure</h5>
+  
+    <p class="card-text mb-auto project-desc">This course introduces students to streamlined interaction with AI models and systems, as well as implementation and deployment of scalable, production-ready AI systems on real-world infrastructures.</p>
+  
 </div> 
       
     </div>
@@ -80,37 +85,8 @@
     </div>
   </footer>
 
-  <button id="back-to-top" class="btn btn-light rounded-circle d-none align-items-center justify-content-center" style="position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1000; width: 40px; height: 40px; padding: 0;">
-    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
-    </svg>
-  </button>
 
   
-  <script>
-    // Show or hide the back-to-top button
-    window.addEventListener('scroll', function() {
-      var backToTopButton = document.getElementById('back-to-top');
-      if (window.scrollY > 100) {
-        backToTopButton.classList.remove('d-none');
-        backToTopButton.classList.add('d-flex');
-      } else {
-        backToTopButton.classList.add('d-none');
-        backToTopButton.classList.remove('d-flex');
-      }
-    });
-
-    // Scroll to top when the button is clicked
-    document.getElementById('back-to-top').addEventListener('click', function(e) {
-      e.preventDefault();
-      window.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-      window.location.href = '#';
-      return false;
-    });
-  </script>
   
 </body>
 
diff --git a/templates/partials/teaching.html b/templates/partials/teaching.html
index ae9a276..6c1037e 100644
--- a/templates/partials/teaching.html
+++ b/templates/partials/teaching.html
@@ -10,4 +10,7 @@
     </div>
   </div>
   <h5 class="mb-1 paper-title">{{ teaching.title|safe }}</h5>
+  {% if teaching.desc %}
+    <p class="card-text mb-auto project-desc">{{ teaching.desc|safe }}</p>
+  {% endif %}
 </div> 
\ No newline at end of file