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