Add teaching section

This commit is contained in:
Yan Lin 2025-07-09 13:58:12 +02:00
parent e7d814051b
commit ddadc8685e
12 changed files with 244 additions and 23 deletions

View file

@ -83,6 +83,22 @@ block content %}
</div>
</article>
<article class="section" id="teaching">
<div class="d-flex align-items-center mb-1">
<h3 class="section-title d-inline-block mb-0">
<i class="bi bi-mortarboard"></i> 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">
{% for teaching in data.teaching[:5] %} {% include
'partials/teaching.html' %} {% endfor %}
</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">

View file

@ -1,26 +1,32 @@
<nav class="navbar navbar-expand">
<ul class="navbar-nav d-flex justify-content-evenly mx-auto gap-4 gap-sm-5">
<ul class="navbar-nav d-flex justify-content-evenly mx-auto gap-3 gap-sm-5">
<li class="nav-item">
<a class="link nav-link px-0" href="/#publications">
<span class="d-inline d-md-none">Pub</span>
<span class="d-inline d-md-none">Pubs</span>
<span class="d-none d-md-inline">Publications</span>
</a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="/#projects">
<span class="d-inline d-md-none">Proj</span>
<span class="d-inline d-md-none">Work</span>
<span class="d-none d-md-inline">Projects</span>
</a>
</li>
<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">Present</span>
<span class="d-inline d-md-none">Talks</span>
<span class="d-none d-md-inline">Presentations</span>
</a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="/#services">
<span class="d-inline d-md-none">Serve</span>
<span class="d-inline d-md-none">Service</span>
<span class="d-none d-md-inline">Services</span>
</a>
</li>

View file

@ -0,0 +1,13 @@
<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">
{{ teaching.tags|join("<span class='text-muted'> | </span>")|safe }}
</p>
<div class="d-flex gap-2">
{% for name, url in teaching.links.items() %}
<a class="link icon-link icon-link-hover paper-link link-secondary" href="{{ url }}" target="_blank" rel="noopener noreferrer">{{ name }}</a>
{% endfor %}
</div>
</div>
<h5 class="mb-1 paper-title">{{ teaching.title|safe }}</h5>
</div>

18
templates/teaching.html Normal file
View file

@ -0,0 +1,18 @@
{% extends 'base.html' %}
{% block title %}Yan Lin's Teaching{% endblock %}
{% block header_title %}Yan Lin's Teaching{% endblock %}
{% block navigation %}
{% endblock %}
{% block content %}
<article class="section mt-4">
<div class="list-group list-group-flush">
{% for teaching in data.teaching %}
{% include 'partials/teaching.html' %}
{% endfor %}
</div>
</article>
{% endblock %}