add teaching section

This commit is contained in:
Yan Lin 2025-11-18 14:33:13 +01:00
parent 628fb9ef5b
commit 678f7576f9
6 changed files with 75 additions and 33 deletions

View file

@ -1,7 +1,7 @@
sections: sections:
- publications - publications
- projects - projects
# - teaching - teaching
- presentations - presentations
- services - services
@ -279,7 +279,9 @@ teaching:
tags: tags:
- "Fall 2025" - "Fall 2025"
- "Aalborg University" - "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: links:
Moodle: https://www.moodle.aau.dk/course/view.php?id=57016
Literature: https://blog.yanlincs.com/ai-system/ Literature: https://blog.yanlincs.com/ai-system/
presentations: presentations:

43
dist/index.html vendored
View file

@ -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"> <li class="nav-item">
<a class="link nav-link px-0" href="/presentations/"> <a class="link nav-link px-0" href="/presentations/">
<span class="d-inline d-md-none">Talks</span> <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"> <article class="section" id="presentations">
<div class="d-flex align-items-center mb-1"> <div class="d-flex align-items-center mb-1">
<h3 class="section-title d-inline-block mb-0"> <h3 class="section-title d-inline-block mb-0">

View file

@ -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"> <li class="nav-item">
<a class="link nav-link px-0" href="/presentations/"> <a class="link nav-link px-0" href="/presentations/">
<span class="d-inline d-md-none">Talks</span> <span class="d-inline d-md-none">Talks</span>

View file

@ -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"> <li class="nav-item">
<a class="link nav-link px-0" href="/presentations/"> <a class="link nav-link px-0" href="/presentations/">
<span class="d-inline d-md-none">Talks</span> <span class="d-inline d-md-none">Talks</span>

View file

@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yan Lin's Teaching</title> <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"> <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/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@ -15,7 +14,6 @@
<meta name="apple-mobile-web-app-title" content="YL Homepage" /> <meta name="apple-mobile-web-app-title" content="YL Homepage" />
<link rel="manifest" href="/site.webmanifest" /> <link rel="manifest" href="/site.webmanifest" />
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/index.css"> <link rel="stylesheet" href="/css/index.css">
</head> </head>
@ -39,7 +37,7 @@
</div> </div>
<div class="col-8 text-center"> <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>
<div class="col-2 d-flex justify-content-end"> <div class="col-2 d-flex justify-content-end">
@ -62,9 +60,16 @@
</p> </p>
<div class="d-flex gap-2"> <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>
</div> </div>
<h5 class="mb-1 paper-title">AI Systems & Infrastructure</h5> <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>
</div> </div>
@ -80,37 +85,8 @@
</div> </div>
</footer> </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> </body>

View file

@ -10,4 +10,7 @@
</div> </div>
</div> </div>
<h5 class="mb-1 paper-title">{{ teaching.title|safe }}</h5> <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> </div>