From a414158f3222c75ea56d0af3433336a25e02b1f6 Mon Sep 17 00:00:00 2001 From: Siddhesh Thadeshwar Date: Wed, 7 Feb 2024 13:09:17 +0530 Subject: [PATCH] enhancement(app): Improve Nav UI, reorg CSS for better responsiveness --- src/components/Nav.astro | 27 +++++++++++++---- src/layouts/MainLayout.astro | 9 +++++- src/pages/about.astro | 56 ++++++++++++++++-------------------- src/pages/index.astro | 8 +----- src/styles/global.css | 18 ++++++++---- 5 files changed, 68 insertions(+), 50 deletions(-) diff --git a/src/components/Nav.astro b/src/components/Nav.astro index 5bcd9a1..3ba338b 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -9,18 +9,33 @@ diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro index 2b93a7e..9a3be55 100644 --- a/src/layouts/MainLayout.astro +++ b/src/layouts/MainLayout.astro @@ -1,6 +1,9 @@ --- import "../styles/global.css"; +import Footer from "../components/Footer.astro"; +import Nav from "../components/Nav.astro"; + const { pageTitle } = Astro.props; --- @@ -19,6 +22,10 @@ const { pageTitle } = Astro.props; {pageTitle} - +
+
diff --git a/src/pages/about.astro b/src/pages/about.astro index d7630f6..a4859c2 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -1,42 +1,35 @@ --- -import Footer from "../components/Footer.astro"; -import Nav from "../components/Nav.astro"; - import MainLayout from "../layouts/MainLayout.astro"; const hobbies = ["Space Exploration", "Writing", "Space Photography"]; --- -
-
+

+ Sid is known for his love of adventure and his insatiable curiosity + about the universe. He has explored countless planets, discovered new + life forms, and made friends with aliens along the way. 🚀 +

+

+ His favorite planet is Earth, where he + once had a close encounter with a friendly alien named Astro. Sid's next mission is to explore the Andromeda Galaxy and discover what secrets it holds. 🪐 +

+

My hobbies are:

+
    + {hobbies.map((hobby) =>
  • {hobby}
    • )} +
+