aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2024-01-03 01:59:18 -0500
committerAndrew Lee <alee14498@protonmail.com>2024-01-03 01:59:18 -0500
commita7c21128a440eebad4337e90baa95a16afb41a70 (patch)
tree015fa148ceb7a22f22c56b6df9130a9c409bcbfb /src/components
parentdd7a71191a9e887624b2c537a00d8f30bab39337 (diff)
downloadpersonal-website-a7c21128a440eebad4337e90baa95a16afb41a70.tar.gz
personal-website-a7c21128a440eebad4337e90baa95a16afb41a70.tar.bz2
personal-website-a7c21128a440eebad4337e90baa95a16afb41a70.zip
More padding; Moved styles to their own folder
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Navbar.astro6
-rw-r--r--src/components/Navbar.css34
2 files changed, 5 insertions, 35 deletions
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index a838438..66433b8 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,9 +1,13 @@
---
-import "./Navbar.css"
+import "../styles/Navbar.css"
---
<nav>
<ul class="nav-list">
<li class="nav-links"><a href="/" class="nav-link">Home</a></li>
<li class="nav-links"><a href="#" class="nav-link">Projects</a></li>
+ <li class="nav-links"><a href="#" class="nav-link">Downloads</a></li>
+ <li class="nav-links"><a href="#" class="nav-link">Blog</a></li>
+ <li class="nav-links"><a href="#" class="nav-link">Guestbook</a></li>
+ <li class="nav-links"><a href="#" class="nav-link">Contacts</a></li>
</ul>
</nav>
diff --git a/src/components/Navbar.css b/src/components/Navbar.css
deleted file mode 100644
index 7b1a334..0000000
--- a/src/components/Navbar.css
+++ /dev/null
@@ -1,34 +0,0 @@
-nav {
- font-weight: 300;
- padding-top: 20px;
- padding-bottom: 30px;
-}
-ul.nav-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: row;
- justify-content: center;
-}
-
-li.nav-links {
- margin: 0 1rem;
-}
-
-
-a.nav-link {
- font-size: 1.2rem;
- text-decoration: none;
- color: #FFFFFF;
-}
-
-a.nav-link:hover {
- font-weight: 500;
- color: #9ECD9D;
- transition: ease-in-out 0.1s;
-}
-
-a.nav-link:active {
- color: #609460;
-}