diff --git a/app/globals.css b/app/globals.css index d5487a6..4e99d8c 100644 --- a/app/globals.css +++ b/app/globals.css @@ -8,4 +8,32 @@ .scrollbar-hide::-webkit-scrollbar { display: none; } + + /* Industrial/Terminal aesthetic utilities */ + .grid-bg { + background-image: url('/grid.svg'); + } + + .noise-bg { + background-image: url('/noise.svg'); + } + + .scanline { + background: repeating-linear-gradient( + 0deg, + transparent, + transparent 2px, + rgba(0, 0, 0, 0.3) 2px, + rgba(0, 0, 0, 0.3) 4px + ); + } + + /* Grayscale filter with instant toggle */ + .grayscale { + filter: grayscale(100%); + } + + .grayscale-0 { + filter: grayscale(0%); + } } diff --git a/app/layout.tsx b/app/layout.tsx index 56b8ff5..0dfc5e4 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,65 +1,52 @@ import type { Metadata } from 'next' -import { Inter } from 'next/font/google' -import Link from 'next/link' +import { JetBrains_Mono } from 'next/font/google' import './globals.css' -const inter = Inter({ subsets: ['latin'] }) +const jetbrainsMono = JetBrains_Mono({ subsets: ['latin'], variable: '--font-mono' }) export const metadata: Metadata = { title: { - template: '%s | Blog & Portofoliu', - default: 'Blog & Portofoliu', + template: '%s | Terminal Blog', + default: 'Terminal Blog - Build. Write. Share.', }, - description: 'Blog personal despre dezvoltare web și design', + description: 'Explorează idei despre dezvoltare, design și tehnologie', metadataBase: new URL('http://localhost:3000'), - authors: [{ name: 'Nume Autor' }], - keywords: ['blog', 'dezvoltare web', 'nextjs', 'react', 'typescript'], + authors: [{ name: 'Terminal User' }], + keywords: ['blog', 'dezvoltare web', 'nextjs', 'react', 'typescript', 'terminal'], openGraph: { type: 'website', locale: 'ro_RO', - siteName: 'Blog & Portofoliu', + siteName: 'Terminal Blog', }, robots: { index: true, follow: true, }, + icons: { + icon: '/favicon.ico', + }, } export default function RootLayout({ children, - breadcrumbs, }: { children: React.ReactNode - breadcrumbs: React.ReactNode }) { return ( - - -
-
- -
- {breadcrumbs} -
- {children} -
-
+ ) diff --git a/app/page.tsx b/app/page.tsx index ae28317..cc338e4 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,59 +1,207 @@ import Link from 'next/link' +import Image from 'next/image' import { getAllPosts } from '@/lib/markdown' import { formatDate } from '@/lib/utils' export default async function HomePage() { const allPosts = await getAllPosts() - const featuredPosts = allPosts.slice(0, 3) + const featuredPosts = allPosts.slice(0, 6) return ( -
-
-

Bun venit pe Blog

-

- Explorează articole despre dezvoltare web, design și tehnologie. - Învață din experiențe practice și tutoriale detaliate. -

-
- - Vezi toate articolele - - - Despre mine - -
-
+
+ {/* Hero Section - from worktree-agent-2 */} +
+
+
+
-
-

Articole Recente

-
- {featuredPosts.map((post) => ( -
- {post.frontmatter.image && ( - {post.frontmatter.title} - )} -

- - {post.frontmatter.title} - -

-

{post.frontmatter.description}

-
- {formatDate(post.frontmatter.date)} - {post.readingTime} min citire +
+
+ {/* Logo */} +
+
+ Logo + TERMINAL:// V2.0
-
- ))} +
+ [BLOG] + [ABOUT] +
+
+ +
+

DOCUMENT LEVEL-1 // CLASSIFIED

+

+ BUILD. WRITE.
SHARE. +

+

+ > Explorează idei despre dezvoltare, design și tehnologie_ +

+
+ +
+ + [EXPLOREAZĂ BLOG] + + + [DESPRE MINE] + +
+
-
-

Vrei să afli mai multe?

-

Explorează arhiva completă de articole

- - Vezi toate articolele → - + {/* Featured Posts Grid - from worktree-agent-1 */} +
+
+
+

+ ARCHIVE ACCESS // RECENT ENTRIES +

+

+ > POSTĂRI RECENTE_ +

+
+ +
+ {featuredPosts.map((post, index) => ( +
+
+ {post.frontmatter.image ? ( + {post.frontmatter.title} + ) : ( +
+ #{String(index + 1).padStart(2, '0')} +
+ )} +
+
+ + FILE#{String(index + 1).padStart(3, '0')} // {post.frontmatter.category} + +
+
+
+
+

+ {post.frontmatter.title} +

+

+ {post.frontmatter.description} +

+
+ {formatDate(post.frontmatter.date)} + // + {post.readingTime} MIN +
+
+ + [ACCESEAZĂ] >> + +
+
+ ))} +
+ + {allPosts.length > 6 && ( +
+ + [VEZI TOATE ARTICOLELE] >> + +
+ )} +
- + + {/* Stats Section - from worktree-agent-1 */} +
+
+
+

+ SYSTEM STATISTICS // DATABASE METRICS +

+

+ > METRICI_ +

+
+ +
+
+
+ {allPosts.length}+ +
+

+ ARTICOLE PUBLICATE +

+
+ +
+
+ 50K+ +
+

+ CITITORI LUNARI +

+
+ +
+
+ 99% +
+

+ SATISFACȚIE +

+
+
+
+
+ + {/* Newsletter CTA - from worktree-agent-1 */} +
+
+
+

+ NEWSLETTER SUBSCRIPTION +

+

+ > RĂMÂI LA CURENT_ +

+

+ Primește cele mai noi articole direct în inbox +

+
+ + +
+

+ // Fără spam. Dezabonare oricând. +

+
+
+
+ ) } diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..d788da9 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/grid.svg b/public/grid.svg new file mode 100644 index 0000000..88ee4ea --- /dev/null +++ b/public/grid.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/public/logo.png b/public/logo.png new file mode 100644 index 0000000..d788da9 Binary files /dev/null and b/public/logo.png differ diff --git a/public/noise.svg b/public/noise.svg new file mode 100644 index 0000000..4a02b5c --- /dev/null +++ b/public/noise.svg @@ -0,0 +1,6 @@ + + + + + +