Enable dynamic ordering of sections

This commit is contained in:
Yan Lin 2025-07-09 14:10:52 +02:00
parent ddadc8685e
commit 51d12d7ab1
9 changed files with 100 additions and 62 deletions

64
dist/index.html vendored
View file

@ -54,36 +54,43 @@
</div>
<nav class="navbar navbar-expand">
<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">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">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">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">Service</span>
<span class="d-none d-md-inline">Services</span>
</a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="https://blog.yanlincs.com">
<span class="d-inline d-md-none">Blog</span>
@ -123,6 +130,8 @@
</div>
</div>
<article class="section" id="publications">
<div class="d-flex align-items-center mb-1">
<h3 class="section-title d-inline-block mb-0">
@ -452,7 +461,9 @@
>
</div>
</article>
<article class="section" id="projects">
<div class="d-flex align-items-center mb-1">
<h3 class="section-title d-inline-block mb-0">
@ -547,32 +558,9 @@
</div>
</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">
<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">
</div>
</div>
<h5 class="mb-1 paper-title">AI Systems & Infrastructure</h5>
</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">
@ -586,7 +574,7 @@
<div class="list-group list-group-flush" id="presentation-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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Guest lecture<span class='text-muted'> | </span>Aalborg University
</p>
<div class="d-flex gap-2">
@ -598,7 +586,7 @@
<h5 class="mb-1 paper-title">Self-supervised Learning of Trajectory Data</h5>
</div> <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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Workshop presentation<span class='text-muted'> | </span>KDD 2024
</p>
<div class="d-flex gap-2">
@ -612,7 +600,7 @@
<h5 class="mb-1 paper-title">PLM4Traj: Leveraging Pre-trained Language Models for Cognizing Movement Patterns and Travel Purposes from Trajectories</h5>
</div> <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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Paper Oral<span class='text-muted'> | </span>SIGMOD 2024
</p>
<div class="d-flex gap-2">
@ -624,7 +612,7 @@
<h5 class="mb-1 paper-title">Origin-Destination Travel Time Oracle for Map-based Services</h5>
</div> <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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Tutorial<span class='text-muted'> | </span>SpatialDI 2024
</p>
<div class="d-flex gap-2">
@ -636,7 +624,7 @@
<h5 class="mb-1 paper-title">Self-supervised Learning of Spatial-temporal Trajectories</h5>
</div> <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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Paper Oral<span class='text-muted'> | </span>AAAI 2021
</p>
<div class="d-flex gap-2">
@ -649,7 +637,9 @@
</div>
</div>
</article>
<article
id="services"
class="rounded text-body-emphasis bg-body-secondary flex-md-row my-4 position-relative p-4 transition-shadow"
@ -672,6 +662,8 @@
</ul>
</div>
</article>
</main>

View file

@ -57,7 +57,7 @@
<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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Guest lecture<span class='text-muted'> | </span>Aalborg University
</p>
<div class="d-flex gap-2">
@ -71,7 +71,7 @@
<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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Workshop presentation<span class='text-muted'> | </span>KDD 2024
</p>
<div class="d-flex gap-2">
@ -87,7 +87,7 @@
<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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Paper Oral<span class='text-muted'> | </span>SIGMOD 2024
</p>
<div class="d-flex gap-2">
@ -101,7 +101,7 @@
<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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Tutorial<span class='text-muted'> | </span>SpatialDI 2024
</p>
<div class="d-flex gap-2">
@ -115,7 +115,7 @@
<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">
<p class="d-inline-block mb-0 venue-name secondary-text">
Paper Oral<span class='text-muted'> | </span>AAAI 2021
</p>
<div class="d-flex gap-2">

View file

@ -50,36 +50,43 @@
<!-- <nav class="navbar navbar-expand">
<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">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">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">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">Service</span>
<span class="d-none d-md-inline">Services</span>
</a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="https://blog.yanlincs.com">
<span class="d-inline d-md-none">Blog</span>

View file

@ -50,36 +50,43 @@
<!-- <nav class="navbar navbar-expand">
<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">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">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">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">Service</span>
<span class="d-none d-md-inline">Services</span>
</a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="https://blog.yanlincs.com">
<span class="d-inline d-md-none">Blog</span>