From a7c21128a440eebad4337e90baa95a16afb41a70 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Wed, 3 Jan 2024 01:59:18 -0500
Subject: More padding; Moved styles to their own folder

---
 src/components/Navbar.astro |  6 +++++-
 src/components/Navbar.css   | 34 ----------------------------------
 src/pages/index.astro       |  2 +-
 src/pages/index.css         | 38 --------------------------------------
 src/styles/Navbar.css       | 34 ++++++++++++++++++++++++++++++++++
 src/styles/index.css        | 38 ++++++++++++++++++++++++++++++++++++++
 6 files changed, 78 insertions(+), 74 deletions(-)
 delete mode 100644 src/components/Navbar.css
 delete mode 100644 src/pages/index.css
 create mode 100644 src/styles/Navbar.css
 create mode 100644 src/styles/index.css

(limited to 'src')

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;
-}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4c25869..faca29e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,7 +2,7 @@
 import Layout from '../layouts/Default.astro';
 import { Icon } from 'astro-icon/components'
 import { Image } from 'astro:assets';
-import './index.css';
+import '../styles/index.css';
 ---
 
 <Layout title="Andrew Lee">
diff --git a/src/pages/index.css b/src/pages/index.css
deleted file mode 100644
index ddc1fc6..0000000
--- a/src/pages/index.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.home {
-    text-align: center;
-}
-
-.avatar {
-    border-radius: 20%;
-}
-
-h1 {
-    font-weight: 500;
-    font-size: 4vh;
-}
-
-h2 {
-    font-weight: 500;
-    font-size: 2.5vh;
-}
-
-.description {
-    line-height: 0.4;
-}
-
-h3 {
-    font-weight: 300;
-    font-size: 1.2rem;
-}
-
-.social {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    font-size: 6vh;
-    gap: 7vh;
-}
-
-.social-links {
-    color: #FFFFFF;
-}
diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css
new file mode 100644
index 0000000..8c239e0
--- /dev/null
+++ b/src/styles/Navbar.css
@@ -0,0 +1,34 @@
+nav {
+    font-weight: 300;
+    padding-top: 2vh;
+    padding-bottom: 4.5vh;
+}
+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;
+}
diff --git a/src/styles/index.css b/src/styles/index.css
new file mode 100644
index 0000000..ddc1fc6
--- /dev/null
+++ b/src/styles/index.css
@@ -0,0 +1,38 @@
+.home {
+    text-align: center;
+}
+
+.avatar {
+    border-radius: 20%;
+}
+
+h1 {
+    font-weight: 500;
+    font-size: 4vh;
+}
+
+h2 {
+    font-weight: 500;
+    font-size: 2.5vh;
+}
+
+.description {
+    line-height: 0.4;
+}
+
+h3 {
+    font-weight: 300;
+    font-size: 1.2rem;
+}
+
+.social {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    font-size: 6vh;
+    gap: 7vh;
+}
+
+.social-links {
+    color: #FFFFFF;
+}
-- 
cgit v1.2.3