yanlin/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve responsive nav bar

Browse source
This commit is contained in:
Yan Lin 2025-05-14 11:02:11 +02:00
parent 6ceea612a2
commit f747f57145
8 changed files with 39 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

15
dist/index.html vendored
View file

@ -38,18 +38,21 @@
</div>
<nav class="navbar navbar-expand">
<ul class="navbar-nav d-flex justify-content-evenly mx-auto gap-3 gap-md-5">
<ul class="navbar-nav d-flex justify-content-evenly mx-auto gap-5">
<li class="nav-item">
<a class="link nav-link px-0" href="/#publications">Publications</a>
<a class="link nav-link px-0" href="/#publications"><i class="bi bi-book d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Publications</span></a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="/#projects">Projects</a>
<a class="link nav-link px-0" href="/#projects"><i class="bi bi-code-slash d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Projects</span></a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="/#presentations">Presentations</a>
<a class="link nav-link px-0" href="/#presentations"><i class="bi bi-easel d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Presentations</span></a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="/#services">Services</a>
<a class="link nav-link px-0" href="/#services"><i class="bi bi-person-lines-fill d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Services</span></a>
</li>
<li class="nav-item">
<a class="link nav-link px-0" href="/#blog"><i class="bi bi-newspaper d-inline d-md-none d-lg-inline"></i> <span class="d-none d-md-inline">Blog</span></a>
</li>
</ul>
</nav>
@ -710,7 +713,7 @@
<p class="text-center text-secondary" style="font-size: 0.8rem; font-family: 'Lato', sans-serif;">
Copyright © 2025. Designed and implemented by Yan Lin.
<span class="mx-1">|</span>
<a class="link-secondary" target="_blank" href="https://git.yanlincs.com/yanlin/Homepage">Source Code</a>
<a class="link link-secondary" target="_blank" href="https://git.yanlincs.com/yanlin/Homepage">Source Code</a>
</p>
</div>
</footer>