From 6d65e7c392521cde7ddb624b779a10d3e66b982c Mon Sep 17 00:00:00 2001 From: PhoneDroid <73050054+PhoneDroid@users.noreply.github.com> Date: Tue, 20 Feb 2024 14:08:42 -0500 Subject: [PATCH] Added navigation --- components/Header.tsx | 4 +++- components/HomeHeader.tsx | 8 +++++--- components/Nav.tsx | 21 +++++++++++++++++++++ data/posts/CSS-Event-Listeners-Sparks.md | 2 +- static/styles.css | 10 ++++++++++ 5 files changed, 40 insertions(+), 5 deletions(-) create mode 100644 components/Nav.tsx diff --git a/components/Header.tsx b/components/Header.tsx index a06b56b..ad1d8aa 100644 --- a/components/Header.tsx +++ b/components/Header.tsx @@ -1,14 +1,16 @@ import { site } from "../data/site.ts"; +import Nav from "./Nav.tsx"; export function Header() { return ( -
+
JS Less
+
); } diff --git a/components/HomeHeader.tsx b/components/HomeHeader.tsx index d5edab9..f545e47 100644 --- a/components/HomeHeader.tsx +++ b/components/HomeHeader.tsx @@ -1,17 +1,19 @@ import { Container } from "./Container.tsx"; import { site } from "../data/site.ts"; +import Nav from "./Nav.tsx"; export function HomeHeader() { return (
- -

+
+

JS Less

- +

); } diff --git a/components/Nav.tsx b/components/Nav.tsx new file mode 100644 index 0000000..d37398b --- /dev/null +++ b/components/Nav.tsx @@ -0,0 +1,21 @@ + +export default function (){ + return ( + + ) +} \ No newline at end of file diff --git a/data/posts/CSS-Event-Listeners-Sparks.md b/data/posts/CSS-Event-Listeners-Sparks.md index 4e783af..c93edcf 100644 --- a/data/posts/CSS-Event-Listeners-Sparks.md +++ b/data/posts/CSS-Event-Listeners-Sparks.md @@ -1,7 +1,7 @@ --- title: CSS Event Listeners - Sparks published_at: 2024-02-20 -updated_at: 2024-02-20 +updated_at: 2024-02-21 --- diff --git a/static/styles.css b/static/styles.css index bc369af..e43c001 100644 --- a/static/styles.css +++ b/static/styles.css @@ -14,4 +14,14 @@ .Header { inset-inline : 0 ; justify-content : center ; +} + +.abc { + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-end; + height: 100%; + padding-bottom: 2rem; + gap: 1rem; } \ No newline at end of file