From 78e7c566509cb68b441d812262a2e6017548d4da Mon Sep 17 00:00:00 2001
From: PascalSchattenburg <Schattenburg.p@gmail.com>
Date: Sat, 24 Jan 2026 19:40:20 +0100
Subject: [PATCH] chore: update blog layout and ignore local files

---
 apps/public-web/.gitignore                    |  6 ++-
 .../app/(site)/blog/[slug]/page.tsx           | 16 +++---
 apps/public-web/app/(site)/blog/layout.tsx    |  9 ++++
 apps/public-web/app/(site)/blog/page.tsx      | 49 ++++++++++++++++---
 apps/public-web/app/(site)/layout.tsx         | 11 ++---
 apps/public-web/app/(site)/page.tsx           |  2 +-
 apps/public-web/app/global.css                | 21 +++++++-
 apps/public-web/app/layout.tsx                | 12 +++++
 .../posts/23-01-26-thridtest-blog-post.mdx    |  8 ++-
 9 files changed, 103 insertions(+), 31 deletions(-)
 create mode 100644 apps/public-web/app/(site)/blog/layout.tsx
 create mode 100644 apps/public-web/app/layout.tsx

diff --git a/apps/public-web/.gitignore b/apps/public-web/.gitignore
index 3ab9b45..8d828d4 100644
--- a/apps/public-web/.gitignore
+++ b/apps/public-web/.gitignore
@@ -26,6 +26,10 @@ yarn-error.log*
 
 # IntelliJ / IDE
 .idea/
+*iml
+checkstyle-idea.xml
 
 # Local data
-data/
\ No newline at end of file
+data/
+*.mv.db
+*.trace.db
\ No newline at end of file
diff --git a/apps/public-web/app/(site)/blog/[slug]/page.tsx b/apps/public-web/app/(site)/blog/[slug]/page.tsx
index e1a1b42..1da7dc0 100644
--- a/apps/public-web/app/(site)/blog/[slug]/page.tsx
+++ b/apps/public-web/app/(site)/blog/[slug]/page.tsx
@@ -22,18 +22,18 @@ export default async function BlogPostPage({ params }: PageProps) {
                 right={<InfoLink href="/about" />}
             />
 
-            <main className="mx-auto max-w-3xl px-4 py-10">
-                <div className="text-xs opacity-70">
-                    {post.meta.date}
-                </div>
-
-                <h1 className="mt-2 text-2xl font-semibold">
+            <main className="mx-auto max-w-3xl py-20 space-y-10">
+                <h1 className="text-[94px] font-semibold text-center">
                     {post.meta.title}
                 </h1>
 
-                <div className="mt-8 whitespace-pre-wrap leading-relaxed">
+                <p className="text-[12px] opacity-60 text-center">
+                    {post.meta.date}
+                </p>
+
+                <article className="text-[65px] prose prose-neutral mt-10 text-center mt-[90px]">
                     {post.content}
-                </div>
+                </article>
             </main>
         </div>
     );
diff --git a/apps/public-web/app/(site)/blog/layout.tsx b/apps/public-web/app/(site)/blog/layout.tsx
new file mode 100644
index 0000000..79ce8fd
--- /dev/null
+++ b/apps/public-web/app/(site)/blog/layout.tsx
@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+
+export default function BlogLayout({ children }: { children: ReactNode }) {
+    return (
+        <section className="mx-auto max-w-6xl">
+            {children}
+        </section>
+    );
+}
\ No newline at end of file
diff --git a/apps/public-web/app/(site)/blog/page.tsx b/apps/public-web/app/(site)/blog/page.tsx
index 7a0758a..566c133 100644
--- a/apps/public-web/app/(site)/blog/page.tsx
+++ b/apps/public-web/app/(site)/blog/page.tsx
@@ -6,6 +6,7 @@ export default function BlogIndexPage() {
     const posts = getAllPosts();
 
     return (
+
         <div>
             <TopBar
                 title="Blog"
@@ -13,28 +14,60 @@ export default function BlogIndexPage() {
                 right={<InfoLink href="/about" />}
             />
 
-            <main className="mx-auto max-w-3xl px-4 py-10">
-                <div className="space-y-6">
+            <section className="mt-16 mb-24 overflow-hidden">
+                <div className="mx-auto max-w-6xl overflow-hidden">
+                    <div
+                        className="flex whitespace-nowrap"
+                        style={{
+                            animation: "marquee 25s linear infinite",
+                        }}
+                    >
+                        <h1 className="text-[130px] font-semibold tracking-widest leading-tight mr-20">
+                            BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG
+                        </h1>
+                        <h1 className="text-[130px] font-semibold tracking-widest leading-tight mr-20">
+                            BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG · BLOG
+                        </h1>
+                    </div>
+
+                    <div
+                        className="flex whitespace-nowrap mt-[-70px]"
+                        style={{
+                            animation: "marquee 40s linear infinite",
+                        }}
+                    >
+                        <p className="text-[30px] opacity-60 tracking-[0.05em] mr-20">
+                            Thoughts, experiments and notes from the Voyage universe. ·
+                        </p>
+                        <p className="text-[30px] opacity-60 tracking-[0.05em] mr-20">
+                            Thoughts, experiments and notes from the Voyage universe. ·
+                        </p>
+                    </div>
+                </div>
+            </section>
+
+            <main className="mt-12">
+                <div className="grid grid-cols-3 gap-16 mt-[30]">
                     {posts.map((p) => (
                         <article
                             key={p.slug}
-                            className="border border-black/10 p-4"
+                            className="rounded-2xl bg-neutral-50 p-10"
                         >
-                            <div className="text-xs opacity-70">
+                            <div className="text-xs opacity-60">
                                 {p.meta.date}
                             </div>
 
-                            <h2 className="text-lg font-semibold">
+                            <h2 className="mt-[20px] text-3xl font-semibold leading-tight">
                                 <Link href={`/blog/${p.slug}`}>
                                     {p.meta.title}
                                 </Link>
                             </h2>
 
-                            {p.meta.excerpt ? (
-                                <p className="mt-2 opacity-80">
+                            {p.meta.excerpt && (
+                                <p className="mt-4 opacity-50">
                                     {p.meta.excerpt}
                                 </p>
-                            ) : null}
+                            )}
                         </article>
                     ))}
                 </div>
diff --git a/apps/public-web/app/(site)/layout.tsx b/apps/public-web/app/(site)/layout.tsx
index 431651b..415042e 100644
--- a/apps/public-web/app/(site)/layout.tsx
+++ b/apps/public-web/app/(site)/layout.tsx
@@ -1,12 +1,9 @@
-import "../global.css";
 import type { ReactNode } from "react";
 
-export default function SiteLaytout({ children }: {children: ReactNode}) {
+export default function SiteLayout({ children }: { children: ReactNode }) {
     return (
-        <html lang="de">
-            <body className="bg-white text-black">
-                {children}
-            </body>
-        </html>
+        <div className="px-6 py-6 md:px-12 md:py-10">
+            {children}
+        </div>
     );
 }
\ No newline at end of file
diff --git a/apps/public-web/app/(site)/page.tsx b/apps/public-web/app/(site)/page.tsx
index 208c3be..79eeee2 100644
--- a/apps/public-web/app/(site)/page.tsx
+++ b/apps/public-web/app/(site)/page.tsx
@@ -9,7 +9,7 @@ export default function HomePage(){
 
             {/* BRAND / LOGO */}
             <section className="mt-20 text-center">
-                <h1 className="font-bold text-[11rem] tracking-[0.6em] leading-none">
+                <h1 className="font-bold text-[10rem] tracking-[0.6em] leading-none">
                     VOYAGE
                 </h1>
             </section>
diff --git a/apps/public-web/app/global.css b/apps/public-web/app/global.css
index 3ad6835..89e4ce0 100644
--- a/apps/public-web/app/global.css
+++ b/apps/public-web/app/global.css
@@ -1,7 +1,26 @@
 @import "tailwindcss/preflight";
 @import "tailwindcss/utilities";
 
+@keyframes move-horizontal {
+    0% {
+        transform: translateX(-100%);
+    }
+    100% {
+        transform: translateX(100%);
+    }
+}
+
+@keyframes marquee {
+    0% {
+        transform: translateX(0);
+    }
+    100% {
+        transform: translateX(-50%);
+    }
+}
+
+
 /* Minimal default to keep things clean */
 html, body {
     height: 100%;
-}
\ No newline at end of file
+}
diff --git a/apps/public-web/app/layout.tsx b/apps/public-web/app/layout.tsx
new file mode 100644
index 0000000..0b075f0
--- /dev/null
+++ b/apps/public-web/app/layout.tsx
@@ -0,0 +1,12 @@
+import "./global.css";
+import type { ReactNode } from "react";
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+    return (
+        <html lang="de">
+        <body className="min-h-screen antialiased">
+        {children}
+        </body>
+        </html>
+    );
+}
\ No newline at end of file
diff --git a/apps/public-web/content/posts/23-01-26-thridtest-blog-post.mdx b/apps/public-web/content/posts/23-01-26-thridtest-blog-post.mdx
index 5009b38..c1aca4a 100644
--- a/apps/public-web/content/posts/23-01-26-thridtest-blog-post.mdx
+++ b/apps/public-web/content/posts/23-01-26-thridtest-blog-post.mdx
@@ -1,9 +1,7 @@
 ---
-title: "helleo"
-date: "2026-01-23"
+title: "NO THIS IS A JOKE🖕🏼🖕🏼"
+date: "2026-01-25"
 excerpt: "this is the first meaningfull sentence you will here from us."
 ---
 
-
-okay was geht wir wollen dasldkfja
-lkdfjnalskdjfnalksdjvbalkjsdhbfvlaksjdbclkajsbdc
\ No newline at end of file
+hier ist der erste blog von VOYAGE. Pupi ist ein rihcitg krummer pimmel
\ No newline at end of file