From be02dfa2ba794c1b1e7858c811b2fe83ad884047 Mon Sep 17 00:00:00 2001
From: tenkyuu <hello@tenkyuu.dev>
Date: Fri, 8 Nov 2024 19:44:10 +0800
Subject: [PATCH] change page indicator behavior a little bit lol

---
 css/styles.css | 9 ++++++++-
 js/script.js   | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/css/styles.css b/css/styles.css
index ddfa99a..e1a6770 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -97,6 +97,10 @@ header {
   background-color: var(--linkbg);
   border-radius: 1.4rem;
 }
+.nav-item.active-page-bg {
+  background-color: var(--linkbg);
+  border-radius: 1.4rem;
+}
 .nav-item:hover .nav-link,
 .nav-item:hover .project-link-name {
   color: var(--linkhover1);
@@ -110,6 +114,9 @@ header {
   line-height: 2rem;
   display: block;
 }
+.nav-link.active-page {
+  color: var(--linkhover1);
+}
 .project-link-info {
   font-size: 1.7rem;
   color: var(--textcolor3);
@@ -411,7 +418,7 @@ textarea {
 /* UNDER CONSTRUCTION */
 .under-construction-ctn {
   position: fixed;
-  height: 4rem;
+  height: fit-content;
   width: 100%;
   font-size: 2rem;
   text-align: center;
diff --git a/js/script.js b/js/script.js
index 20458a9..df8560e 100644
--- a/js/script.js
+++ b/js/script.js
@@ -23,6 +23,7 @@ console.log(active_page);
 const nav_links = document.querySelectorAll(".nav-link").forEach(link => {
   if(link.href.includes(active_page)) {
     link.classList.add("active-page");
+    link.closest(".nav-item").classList.add("active-page-bg");
   }
 })
 
-- 
2.39.5