feat: blog

src/components/widgets/Navbar.astro

@@ -10,6 +10,10 @@ const navItems = [
         name: "Projects",
         link: "/projects",
     },
+    {
+        name: "Blog",
+        link: "/blog",
+    },
     {
         name: "Docs",
         link: "/docs",

src/layouts/BlogLayout.astro

@@ -0,0 +1,29 @@
+---
+import Container from "../components/atoms/Container.astro";
+import Navbar from "../components/widgets/Navbar.astro";
+import Layout from "./Layout.astro"
+
+export interface Props {
+	content: {
+		title: string;
+		date?: string;
+	};
+}
+
+const {
+	content: { title, date },
+} = Astro.props;
+---
+
+<Layout>
+    <Navbar />
+    <h1 class="text-white text-5xl w-full text-center py-32 font-extrabold">
+        {title}
+    </h1>
+
+    <Container>
+        <div class="text-white text-2xl">
+            <slot />
+        </div>
+    </Container>
+</Layout>

src/pages/blog/index.astro

@@ -0,0 +1,32 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import Navbar from "../../components/widgets/Navbar.astro";
+import Container from "../../components/atoms/Container.astro";
+
+const posts = (await Astro.glob('./posts/*.md')).sort(
+	(a, b) => new Date(b.frontmatter.pubDate).valueOf() - new Date(a.frontmatter.pubDate).valueOf()
+);
+---
+
+<Layout>
+    <Navbar />
+    <h1 class="text-white text-5xl w-full text-center py-32 font-extrabold">
+        Blog
+    </h1>
+
+    <Container>
+        {posts.map(post => {
+            return (
+                <a class="text-2xl font-bold text-white mb-4 break-all" href={post.url}>{post.frontmatter.title}</a>
+                <h3 class="text-1xl text-white italic mb-4 break-all">
+                    {new Date(post.frontmatter.date).toLocaleDateString('en-us', {
+                        year: 'numeric',
+                        month: 'short',
+                        day: 'numeric',
+                    })}
+                </h3>
+                <hr class="text-gray" />
+            )
+        })}
+    </Container>
+</Layout>

src/pages/blog/posts/new-year-2022.md

@@ -0,0 +1,17 @@
+---
+title: Šťastný nový rok 2022
+date: 'Januar 01 2023'
+layout: ../../../layouts/BlogLayout.astro
+---
+
+Ahoj!<br /><br />
+
+S novým rokom 2023 prichádza aj nová vlna nádejí a očakávaní. Tento rok je plný príležitostí a možností, a je na nás, ako ich využijeme.<br /><br />
+  
+Možno už máte v hlave nejaké ciele, ktoré by ste radi v tomto roku dosiahli. Možno sa chcete zlepšiť v práci, alebo sa venovať svojim koníčkom. Možno sa chcete viac venovať rodine a priateľom, alebo začať nový životný štýl. Čokoľvek to je, nechajte sa inšpirovať a nebojte sa zmeny.<br /><br />
+  
+Nový rok je tiež skvelou príležitosťou na to, aby sme sa zamysleli nad tým, čo je v živote naozaj dôležité. Nezabúdajme na to, že peniaze a veci nás nevidia šťastnými, ale skutočné hodnoty ako láska, priateľstvo a rodina sú tými, ktoré nás robia šťastnými.<br /><br />
+  
+Takže nech sa páči, vítajme nový rok 2023 s otvorenou náručou a nechajme sa unášať vlnou nových príležitostí a zmien. Nech je to rok plný lásky, úspechov, zdravia a šťastia pre všetkých.<br /><br />
+  
+**Šťastný nový rok!**