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

2
dist/blog/index.html vendored
View file

@ -62,7 +62,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>

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>

2
dist/presentations/index.html vendored
View file

@ -124,7 +124,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>

15
dist/projects/index.html vendored
View file

@ -36,18 +36,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> -->
@ -172,7 +175,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>

15
dist/publications/index.html vendored
View file

@ -36,18 +36,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> -->
@ -458,7 +461,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>

2
sync.sh
View file

@ -8,5 +8,5 @@ rsync -avP --delete ./dist/ ${REMOTE_HOST}:/root/homepage/dist
rsync -avP ./docker-compose.yml ${REMOTE_HOST}:/root/homepage/
if [ "$1" = "--restart" ]; then
ssh ${REMOTE_HOST} "cd /root/homepage && docker-compose down && docker-compose up -d"
ssh ${REMOTE_HOST} "cd /root/homepage && docker compose down && docker compose up -d"
fi

2
templates/base.html
View file

@ -51,7 +51,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>

13
templates/partials/navigation.html
View file

@ -1,16 +1,19 @@
<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>