First commit
This commit is contained in:
Yan Lin
commit
ed9566d057
76 changed files with 4005 additions and 0 deletions
85
templates/base.html
Normal file
85
templates/base.html
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% block title %}Yan Lin{% endblock %}</title>
|
||||
<link rel="icon" href="/logo.webp" type="image/x-icon">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/index.css">
|
||||
{% block extra_head %}{% endblock %}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main class="container">
|
||||
{% if is_home_page %}
|
||||
<header class="border-bottom lh-1 pt-3 pb-0 border-secondary">
|
||||
{% else %}
|
||||
<header class="border-bottom lh-1 py-3 border-secondary">
|
||||
{% endif %}
|
||||
<div class="row flex-nowrap justify-content-between align-items-center">
|
||||
<div class="col-2">
|
||||
{% block header_left %}
|
||||
{% if is_home_page %}
|
||||
<a class="link-secondary header-icon px-2 h4" href="mailto:s@yanlincs.com"><i class="bi bi-envelope-fill"></i></a>
|
||||
{% else %}
|
||||
<a class="link-secondary header-icon px-2 h4" href="/"><i class="bi bi-house-fill"></i></a>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div class="col-8 text-center">
|
||||
<div class="page-header-logo h2 m-0 fw-bold" style="font-family: 'Abril Fatface', serif;">{% block header_title %}Yan Lin's Homepage{% endblock %}</div>
|
||||
</div>
|
||||
<div class="col-2 text-end">
|
||||
{% block header_right %}
|
||||
{% if is_home_page %}
|
||||
<a class="link-secondary header-icon px-2 h4" href="https://lab.yanlincs.com"><i class="bi bi-stack"></i></a>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
{% block navigation %}{% endblock %}
|
||||
</header>
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p class="text-center text-secondary" style="font-size: 0.8rem; font-family: 'Lato', sans-serif;">
|
||||
Copyright © 2025. Designed and implemented by Yan Lin.
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<button id="back-to-top" class="btn btn-light rounded-circle" style="position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1000; width: 40px; height: 40px; padding: 0;"><i class="bi bi-chevron-up"></i></button>
|
||||
|
||||
{% block extra_js %}
|
||||
<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.style.display = 'block';
|
||||
} else {
|
||||
backToTopButton.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// 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>
|
||||
{% endblock %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
18
templates/blog.html
Normal file
18
templates/blog.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Yan Lin's Blog{% endblock %}
|
||||
|
||||
{% block header_title %}Yan Lin's Blog{% endblock %}
|
||||
|
||||
{% block navigation %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<article class="section mt-4">
|
||||
<div class="list-group list-group-flush">
|
||||
{% for blog in data.blogs %}
|
||||
{% include 'partials/blog.html' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</article>
|
||||
{% endblock %}
|
||||
113
templates/index.html
Normal file
113
templates/index.html
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Yan Lin's Homepage{% endblock %}
|
||||
|
||||
{% block navigation %}
|
||||
{% include 'partials/navigation.html' %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row g-0 border rounded text-body-emphasis bg-body-secondary flex-md-row my-4 position-relative shadow-sm transition-shadow" style="transition: box-shadow 0.2s ease-in-out;" onmouseover="this.classList.remove('shadow-sm'); this.classList.add('shadow')" onmouseout="this.classList.remove('shadow'); this.classList.add('shadow-sm')">
|
||||
<div class="col p-4 d-flex flex-column position-static">
|
||||
<h2 class="fst-italic mb-3">Biography - Yan Lin</h2>
|
||||
<p class="card-text mb-auto" style="font-size: 1.1rem;">
|
||||
I am currently a postdoctoral researcher in the Department of Computer Science at Aalborg University.
|
||||
I received my PhD and Bachelor's degrees from Beijing Jiaotong University, China.
|
||||
My research interests include <i>spatiotemporal data mining</i>, <i>representation learning</i>, and <i>AI for science</i>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-5 col-xl-4 col-xxl-3 d-none d-lg-block d-flex align-items-center">
|
||||
<img src="/profile.webp" alt="Yan Lin" class="rounded w-100" style="object-fit: contain;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<article class="section" id="publications">
|
||||
<div class="d-flex justify-content-between align-items-center mb-1">
|
||||
<h2 class="section-title d-inline-block mb-0"><i class="bi bi-book"></i> Publications</h2>
|
||||
<a class="mb-0 link link-secondary link-underline-opacity-0 h5" href="/publications/">View All <i class="bi bi-arrow-right-circle"></i></a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="primary-publications" class="list-group list-group-flush">
|
||||
{% for pub in data.primaryPublications[:10] %}
|
||||
{% with type='primary' %}
|
||||
{% include 'partials/publication.html' %}
|
||||
{% endwith %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<hr class="my-2">
|
||||
<div id="secondary-publications" class="list-group list-group-flush">
|
||||
{% for pub in data.secondaryPublications[:10] %}
|
||||
{% with type='secondary' %}
|
||||
{% include 'partials/publication.html' %}
|
||||
{% endwith %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-start mt-1">
|
||||
<small class="text-muted" style="font-size: 0.8rem;">* Equal Contribution</small>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="section" id="projects">
|
||||
<div class="d-flex justify-content-between align-items-center mb-1">
|
||||
<h2 class="section-title d-inline-block mb-0"><i class="bi bi-code-slash"></i> Projects</h2>
|
||||
<a class="mb-0 link link-secondary link-underline-opacity-0 h5" href="/projects/">View All <i class="bi bi-arrow-right-circle"></i></a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="primary-projects" class="list-group list-group-flush">
|
||||
{% for project in data.primaryProjects[:3] %}
|
||||
{% with type='primary' %}
|
||||
{% include 'partials/project.html' %}
|
||||
{% endwith %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<hr class="my-2">
|
||||
<div id="secondary-projects" class="list-group list-group-flush">
|
||||
{% for project in data.secondaryProjects[:3] %}
|
||||
{% with type='secondary' %}
|
||||
{% include 'partials/project.html' %}
|
||||
{% endwith %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="section" id="presentations">
|
||||
<div class="d-flex justify-content-between align-items-center mb-1">
|
||||
<h2 class="section-title d-inline-block mb-0"><i class="bi bi-easel"></i> Presentations</h2>
|
||||
<a class="mb-0 link link-secondary link-underline-opacity-0 h5" href="/presentations/">View All <i class="bi bi-arrow-right-circle"></i></a>
|
||||
</div>
|
||||
<div class="list-group list-group-flush" id="presentation-list">
|
||||
{% for presentation in data.presentations[:5] %}
|
||||
{% include 'partials/presentation.html' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article id="services" class="rounded text-body-emphasis bg-body-secondary flex-md-row my-4 position-relative p-4 transition-shadow" style="transition: box-shadow 0.2s ease-in-out;" onmouseover="this.classList.add('shadow-sm')" onmouseout="this.classList.remove('shadow-sm')">
|
||||
<h2 class="mb-3"><i class="bi bi-person-lines-fill"></i> Services</h2>
|
||||
<div id="service-list">
|
||||
<ul class="list ps-3">
|
||||
{% for service in data.services %}
|
||||
<li>{{ service }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="section" id="blog">
|
||||
<div class="d-flex justify-content-between align-items-center mb-1">
|
||||
<h2 class="section-title d-inline-block mb-0"><i class="bi bi-newspaper"></i> Blog</h2>
|
||||
<a class="mb-0 link link-secondary link-underline-opacity-0 h5" href="/blog/">View All <i class="bi bi-arrow-right-circle"></i></a>
|
||||
</div>
|
||||
<div class="list-group list-group-flush" id="blog-list">
|
||||
{% for blog in data.blogs[:3] %}
|
||||
{% include 'partials/blog.html' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</article>
|
||||
{% endblock %}
|
||||
|
||||
{% block extra_js %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
4
templates/partials/blog.html
Normal file
4
templates/partials/blog.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<div class="list-group-item px-0">
|
||||
<a class="mb-1 paper-title blog-link" href="/blog/html/{{ blog.path }}.html">{{ blog.title }}</a> | <span class="paper-title text-muted">{{ blog.badge }}</span>
|
||||
<p class="card-text mb-auto tldr">{{ blog.tldr }}</p>
|
||||
</div>
|
||||
16
templates/partials/navigation.html
Normal file
16
templates/partials/navigation.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<nav class="navbar navbar-expand">
|
||||
<ul class="navbar-nav d-flex justify-content-evenly mx-auto gap-3 gap-md-5">
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#publications">Publications</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#projects">Projects</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#presentations">Presentations</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="link nav-link px-0" href="/#services">Services</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
13
templates/partials/presentation.html
Normal file
13
templates/partials/presentation.html
Normal 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">
|
||||
{{ presentation.tags|join("<span class='text-muted'> | </span>")|safe }}
|
||||
</p>
|
||||
<div class="d-flex gap-2">
|
||||
{% for name, url in presentation.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">{{ presentation.title|safe }}</h5>
|
||||
</div>
|
||||
14
templates/partials/project.html
Normal file
14
templates/partials/project.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<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 {% if type == 'primary' %}primary-text{% else %}secondary-text{% endif %}">
|
||||
{{ project.tags|join("<span class='text-muted'> | </span>")|safe }}
|
||||
</p>
|
||||
<div class="d-flex gap-2">
|
||||
{% for name, url in project.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">{{ project.title|safe }}</h5>
|
||||
<p class="card-text mb-auto project-desc">{{ project.desc|safe }}</p>
|
||||
</div>
|
||||
14
templates/partials/publication.html
Normal file
14
templates/partials/publication.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<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 {% if type == 'primary' %}primary-text{% else %}secondary-text{% endif %}">
|
||||
{{ pub.tags|join("<span class='text-muted'> | </span>")|safe }}
|
||||
</p>
|
||||
<div class="d-flex gap-2">
|
||||
{% for name, url in pub.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">{{ pub.title|safe }}</h5>
|
||||
<p class="card-text mb-auto author-name">{{ pub.authors|safe }}</p>
|
||||
</div>
|
||||
18
templates/presentations.html
Normal file
18
templates/presentations.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Yan Lin's Presentations{% endblock %}
|
||||
|
||||
{% block header_title %}Yan Lin's Presentations{% endblock %}
|
||||
|
||||
{% block navigation %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<article class="section mt-4">
|
||||
<div class="list-group list-group-flush">
|
||||
{% for presentation in data.presentations %}
|
||||
{% include 'partials/presentation.html' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</article>
|
||||
{% endblock %}
|
||||
31
templates/projects.html
Normal file
31
templates/projects.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Yan Lin's Projects{% endblock %}
|
||||
|
||||
{% block header_title %}Yan Lin's Projects{% endblock %}
|
||||
|
||||
{% block navigation %}
|
||||
<!-- {% include 'partials/navigation.html' %} -->
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<article class="section mt-4">
|
||||
<h2 class="section-title mb-3"><i class="bi bi-star-fill"></i> Primary Projects</h2>
|
||||
<div class="list-group list-group-flush mb-4">
|
||||
{% for project in data.primaryProjects %}
|
||||
{% with type='primary' %}
|
||||
{% include 'partials/project.html' %}
|
||||
{% endwith %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<h2 class="section-title mb-3 mt-4"><i class="bi bi-star"></i> Secondary Projects</h2>
|
||||
<div class="list-group list-group-flush">
|
||||
{% for project in data.secondaryProjects %}
|
||||
{% with type='secondary' %}
|
||||
{% include 'partials/project.html' %}
|
||||
{% endwith %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</article>
|
||||
{% endblock %}
|
||||
35
templates/publications.html
Normal file
35
templates/publications.html
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Yan Lin's Publications{% endblock %}
|
||||
|
||||
{% block header_title %}Yan Lin's Publications{% endblock %}
|
||||
|
||||
{% block navigation %}
|
||||
<!-- {% include 'partials/navigation.html' %} -->
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<article class="section mt-4">
|
||||
<h2 class="section-title mb-3"><i class="bi bi-star-fill"></i> Primary Publications</h2>
|
||||
<div class="list-group list-group-flush mb-4">
|
||||
{% for pub in data.primaryPublications %}
|
||||
{% with type='primary' %}
|
||||
{% include 'partials/publication.html' %}
|
||||
{% endwith %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<h2 class="section-title mb-3 mt-4"><i class="bi bi-star"></i> Secondary Publications</h2>
|
||||
<div class="list-group list-group-flush">
|
||||
{% for pub in data.secondaryPublications %}
|
||||
{% with type='secondary' %}
|
||||
{% include 'partials/publication.html' %}
|
||||
{% endwith %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="text-start mt-3">
|
||||
<small class="text-muted" style="font-size: 0.8rem;">* Equal Contribution</small>
|
||||
</div>
|
||||
</article>
|
||||
{% endblock %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue