pupika/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update blog layout and ignore local files

Browse Source
This commit is contained in:
PascalSchattenburg
2026-01-24 19:40:20 +01:00
parent 8c67bcbb7a
commit 78e7c56650
9 changed files with 103 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/public-web/.gitignore vendored
View File

@@ -26,6 +26,10 @@ yarn-error.log*
# IntelliJ / IDE
.idea/
*iml
checkstyle-idea.xml
# Local data
data/
data/
*.mv.db
*.trace.db

16
apps/public-web/app/(site)/blog/[slug]/page.tsx
View File

@@ -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>
);

9
apps/public-web/app/(site)/blog/layout.tsx Normal file
View File

@@ -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>
);
}

49
apps/public-web/app/(site)/blog/page.tsx
View File

@@ -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>

11
apps/public-web/app/(site)/layout.tsx
View File

@@ -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>
);
}

2
apps/public-web/app/(site)/page.tsx
View File

@@ -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>

21
apps/public-web/app/global.css
View File

@@ -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%;
}
}

12
apps/public-web/app/layout.tsx Normal file
View File

@@ -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>
);
}

8
apps/public-web/content/posts/23-01-26-thridtest-blog-post.mdx
View File

@@ -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
hier ist der erste blog von VOYAGE. Pupi ist ein rihcitg krummer pimmel