From f747f57145376159359616b8ccc5d8d8622309ea Mon Sep 17 00:00:00 2001
From: Yan Lin <lyan@cs.aau.dk>
Date: Wed, 14 May 2025 11:02:11 +0200
Subject: [PATCH] Improve responsive nav bar

---
 dist/blog/index.html               |  2 +-
 dist/index.html                    | 15 +++++++++------
 dist/presentations/index.html      |  2 +-
 dist/projects/index.html           | 15 +++++++++------
 dist/publications/index.html       | 15 +++++++++------
 sync.sh                            |  2 +-
 templates/base.html                |  2 +-
 templates/partials/navigation.html | 13 ++++++++-----
 8 files changed, 39 insertions(+), 27 deletions(-)

diff --git a/dist/blog/index.html b/dist/blog/index.html
index 0cda6b0..63bc6ea 100644
--- a/dist/blog/index.html
+++ b/dist/blog/index.html
@@ -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>
diff --git a/dist/index.html b/dist/index.html
index c32bd80..4d4bd24 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -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>
diff --git a/dist/presentations/index.html b/dist/presentations/index.html
index e65de7b..ec78585 100644
--- a/dist/presentations/index.html
+++ b/dist/presentations/index.html
@@ -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>
diff --git a/dist/projects/index.html b/dist/projects/index.html
index 94d3c1c..cfb7138 100644
--- a/dist/projects/index.html
+++ b/dist/projects/index.html
@@ -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>
diff --git a/dist/publications/index.html b/dist/publications/index.html
index 97ca580..7e88ea3 100644
--- a/dist/publications/index.html
+++ b/dist/publications/index.html
@@ -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>
diff --git a/sync.sh b/sync.sh
index 5f690ae..11e859c 100644
--- a/sync.sh
+++ b/sync.sh
@@ -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
diff --git a/templates/base.html b/templates/base.html
index 1e1aa72..da1fd13 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -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>
diff --git a/templates/partials/navigation.html b/templates/partials/navigation.html
index 83b6961..e6ef010 100644
--- a/templates/partials/navigation.html
+++ b/templates/partials/navigation.html
@@ -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> 
\ No newline at end of file