diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-02 01:35:01 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-02 01:35:01 -0500 |
| commit | 9735f3bd1d8f823402814116464f1e3ae344e3e9 (patch) | |
| tree | 757686863b5a04ce45688896af48236e3aa0ad27 /src/components | |
| parent | a0485ad26353a08562c13c14ea9de73fd705f9de (diff) | |
| download | personal-website-9735f3bd1d8f823402814116464f1e3ae344e3e9.tar.gz personal-website-9735f3bd1d8f823402814116464f1e3ae344e3e9.tar.bz2 personal-website-9735f3bd1d8f823402814116464f1e3ae344e3e9.zip | |
Starting to take shape
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Navbar.astro | 4 | ||||
| -rw-r--r-- | src/components/Navbar.css | 32 |
2 files changed, 33 insertions, 3 deletions
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 6cf958a..17da17d 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -3,7 +3,7 @@ import "./Navbar.css" --- <nav> <ul> - <li>Home</li> - <li>Projects</li> + <li><a href="#">Home</a></li> + <li><a href="#">Projects</a></li> </ul> </nav> diff --git a/src/components/Navbar.css b/src/components/Navbar.css index d92fbbc..5987d16 100644 --- a/src/components/Navbar.css +++ b/src/components/Navbar.css @@ -1,3 +1,33 @@ nav { - text-align: center; + font-weight: 300; + padding-top: 20px; + padding-bottom: 30px; +} +ul { + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: row; + justify-content: center; +} + +li { + margin: 0 1rem; +} + +a { + font-size: 1.2rem; + text-decoration: none; + color: #FFFFFF; +} + +a:hover { + font-weight: 500; + color: #9ECD9D; + transition: ease-in-out 0.1s; +} + +a:active { + color: #609460; } |