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

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

@@ -26,6 +26,10 @@ yarn-error.log*
# IntelliJ / IDE # IntelliJ / IDE
.idea/ .idea/
*iml
checkstyle-idea.xml
# Local data # 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" />} right={<InfoLink href="/about" />}
/> />
<main className="mx-auto max-w-3xl px-4 py-10"> <main className="mx-auto max-w-3xl py-20 space-y-10">
<div className="text-xs opacity-70"> <h1 className="text-[94px] font-semibold text-center">
{post.meta.date}
</div>
<h1 className="mt-2 text-2xl font-semibold">
{post.meta.title} {post.meta.title}
</h1> </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} {post.content}
</div> </article>
</main> </main>
</div> </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(); const posts = getAllPosts();
return ( return (
<div> <div>
<TopBar <TopBar
title="Blog" title="Blog"
@@ -13,28 +14,60 @@ export default function BlogIndexPage() {
right={<InfoLink href="/about" />} right={<InfoLink href="/about" />}
/> />
<main className="mx-auto max-w-3xl px-4 py-10"> <section className="mt-16 mb-24 overflow-hidden">
<div className="space-y-6"> <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) => ( {posts.map((p) => (
<article <article
key={p.slug} 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} {p.meta.date}
</div> </div>
<h2 className="text-lg font-semibold"> <h2 className="mt-[20px] text-3xl font-semibold leading-tight">
<Link href={`/blog/${p.slug}`}> <Link href={`/blog/${p.slug}`}>
{p.meta.title} {p.meta.title}
</Link> </Link>
</h2> </h2>
{p.meta.excerpt ? ( {p.meta.excerpt && (
<p className="mt-2 opacity-80"> <p className="mt-4 opacity-50">
{p.meta.excerpt} {p.meta.excerpt}
</p> </p>
) : null} )}
</article> </article>
))} ))}
</div> </div>

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

@@ -1,12 +1,9 @@
import "../global.css";
import type { ReactNode } from "react"; import type { ReactNode } from "react";
export default function SiteLaytout({ children }: {children: ReactNode}) { export default function SiteLayout({ children }: { children: ReactNode }) {
return ( return (
<html lang="de"> <div className="px-6 py-6 md:px-12 md:py-10">
<body className="bg-white text-black"> {children}
{children} </div>
</body>
</html>
); );
} }

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

@@ -9,7 +9,7 @@ export default function HomePage(){
{/* BRAND / LOGO */} {/* BRAND / LOGO */}
<section className="mt-20 text-center"> <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 VOYAGE
</h1> </h1>
</section> </section>

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

@@ -1,6 +1,25 @@
@import "tailwindcss/preflight"; @import "tailwindcss/preflight";
@import "tailwindcss/utilities"; @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 */ /* Minimal default to keep things clean */
html, body { html, body {
height: 100%; 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" title: "NO THIS IS A JOKE🖕🏼🖕🏼"
date: "2026-01-23" date: "2026-01-25"
excerpt: "this is the first meaningfull sentence you will here from us." excerpt: "this is the first meaningfull sentence you will here from us."
--- ---
hier ist der erste blog von VOYAGE. Pupi ist ein rihcitg krummer pimmel
okay was geht wir wollen dasldkfja
lkdfjnalskdjfnalksdjvbalkjsdhbfvlaksjdbclkajsbdc