v0.9.2 Add About and publications to header, and add animation to publication in hamburger menu

src/components/header/Header.jsx

@@ -27,6 +27,11 @@ function Header() {
 								Home
 							</a>
 						</li>
+						<li>
+							<a href="#aboutme" onClick={toggleNav}>
+								About
+							</a>
+						</li>
 						<li>
 							<a href="#experience" onClick={toggleNav}>
 								Experience
@@ -42,6 +47,11 @@ function Header() {
 								Education
 							</a>
 						</li>
+						<li>
+							<a href="#publications" onClick={toggleNav}>
+								Publications
+							</a>
+						</li>
 						{/* <li><a href="#about" onClick={toggleNav}>About</a></li> */}
 					</ul>
 				</nav>

src/components/header/Header.module.css

@@ -148,6 +148,9 @@
 	.navVisible .navList li:nth-child(5) {
 		transition-delay: 0.5s;
 	}
+	.navVisible .navList li:nth-child(6) {
+		transition-delay: 0.6s;
+	}
 
 	.navList li a {
 		font-size: 1.5em;