jeffemmett
/
jefflix-website
mirror of https://github.com/Jeff-Emmett/jefflix-website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

revert v9 to v8 and restore images and components 

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
This commit is contained in:
v0 2025-11-28 07:03:56 +00:00
parent 980ec86afe
commit 6ba17a7828
4 changed files with 49 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/globals.css
View File

@ -77,6 +77,8 @@
@theme inline { @theme inline {
--font-sans: "Geist", "Geist Fallback"; --font-sans: "Geist", "Geist Fallback";
--font-mono: "Geist Mono", "Geist Mono Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback";
/* Added Fredoka bubble font for logo */
--font-fredoka: var(--font-fredoka);
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);
--color-card: var(--card); --color-card: var(--card);

9
app/layout.tsx
View File

@ -1,11 +1,16 @@
import type React from "react" import type React from "react"
import type { Metadata } from "next" import type { Metadata } from "next"
import { Geist, Geist_Mono } from "next/font/google" import { Geist, Geist_Mono, Fredoka } from "next/font/google"
import { Analytics } from "@vercel/analytics/next" import { Analytics } from "@vercel/analytics/next"
import "./globals.css" import "./globals.css"
const _geist = Geist({ subsets: ["latin"] }) const _geist = Geist({ subsets: ["latin"] })
const _geistMono = Geist_Mono({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] })
const _fredoka = Fredoka({
subsets: ["latin"],
weight: ["400", "700"],
variable: "--font-fredoka",
})
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Jefflix - Seize the Streams of Production", title: "Jefflix - Seize the Streams of Production",
@ -36,7 +41,7 @@ export default function RootLayout({
children: React.ReactNode children: React.ReactNode
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en" className={_fredoka.variable}>
<body className={`font-sans antialiased`}> <body className={`font-sans antialiased`}>
{children} {children}
<Analytics /> <Analytics />

15
app/page.tsx
View File

@ -2,6 +2,7 @@ import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge" import { Badge } from "@/components/ui/badge"
import { Film, Music, Server, Users, Heart, Rocket } from "lucide-react" import { Film, Music, Server, Users, Heart, Rocket } from "lucide-react"
import Image from "next/image" import Image from "next/image"
import { JefflixLogo } from "@/components/jefflix-logo"
export default function JefflixPage() { export default function JefflixPage() {
return ( return (
@ -20,17 +21,20 @@ export default function JefflixPage() {
<div className="max-w-6xl mx-auto"> <div className="max-w-6xl mx-auto">
{/* Comic Panel Header */} {/* Comic Panel Header */}
<div className="text-center space-y-6 mb-12"> <div className="text-center space-y-6 mb-12">
<div className="mb-4">
<JefflixLogo />
</div>
<Badge className="bg-green-600 text-white text-lg px-4 py-2 font-bold border-2 border-green-800 shadow-md"> <Badge className="bg-green-600 text-white text-lg px-4 py-2 font-bold border-2 border-green-800 shadow-md">
Digital Solidarity Project An Experiment in Digital Solidarity
</Badge> </Badge>
<h1 <h1
className="text-5xl md:text-7xl font-black text-balance leading-tight" className="text-5xl font-black text-balance leading-tight md:text-6xl"
style={{ style={{
textShadow: "3px 3px 0px rgba(0,0,0,0.1)", textShadow: "3px 3px 0px rgba(0,0,0,0.1)",
color: "hsl(var(--foreground))", color: "hsl(var(--foreground))",
}} }}
> >
Seize the Streams of Production Seizing the Streams of Production :P
</h1> </h1>
<div className="relative inline-block max-w-3xl"> <div className="relative inline-block max-w-3xl">
<p className="text-xl md:text-2xl font-medium leading-relaxed text-muted-foreground"> <p className="text-xl md:text-2xl font-medium leading-relaxed text-muted-foreground">
@ -161,6 +165,9 @@ export default function JefflixPage() {
<div className="max-w-4xl mx-auto space-y-12"> <div className="max-w-4xl mx-auto space-y-12">
<div className="text-center space-y-4"> <div className="text-center space-y-4">
<h2 className="text-4xl md:text-5xl font-black text-balance">Beyond Digital Feudalism</h2> <h2 className="text-4xl md:text-5xl font-black text-balance">Beyond Digital Feudalism</h2>
<div className="flex justify-center py-4">
<JefflixLogo />
</div>
<p className="text-xl text-muted-foreground leading-relaxed"> <p className="text-xl text-muted-foreground leading-relaxed">
Streaming platforms aren't just bad business—they're architecture for extraction. Streaming platforms aren't just bad business—they're architecture for extraction.
</p> </p>
@ -234,7 +241,7 @@ export default function JefflixPage() {
<footer className="border-t border-border bg-muted/50"> <footer className="border-t border-border bg-muted/50">
<div className="container mx-auto px-4 py-12"> <div className="container mx-auto px-4 py-12">
<div className="max-w-4xl mx-auto text-center space-y-4"> <div className="max-w-4xl mx-auto text-center space-y-4">
<div className="text-3xl font-black">JEFFLIX</div> <JefflixLogo className="justify-center" />
<p className="text-muted-foreground leading-relaxed max-w-2xl mx-auto"> <p className="text-muted-foreground leading-relaxed max-w-2xl mx-auto">
Powered by Jellyfin. Built on solidarity. Infrastructure for the sharing economy—starting digitally. Powered by Jellyfin. Built on solidarity. Infrastructure for the sharing economy—starting digitally.
</p> </p>

29
components/jefflix-logo.tsx Normal file
View File

@ -0,0 +1,29 @@
export function JefflixLogo({ className = "" }: { className?: string }) {
return (
<div className={`inline-flex items-center gap-1 ${className}`}>
<span
className="text-4xl md:text-5xl font-black tracking-tight"
style={{
fontFamily: "'Fredoka', 'Rounded Mplus 1c', sans-serif",
textShadow: "2px 2px 0px rgba(0,0,0,0.1), -1px -1px 0px rgba(255,255,255,0.5)",
background: "linear-gradient(135deg, #10b981 0%, #3b82f6 100%)",
WebkitBackgroundClip: "text",
WebkitTextFillColor: "transparent",
backgroundClip: "text",
}}
>
JEFFLIX
</span>
<span
className="text-2xl md:text-3xl font-black"
style={{
fontFamily: "'Fredoka', 'Rounded Mplus 1c', sans-serif",
color: "#f59e0b",
textShadow: "1px 1px 0px rgba(0,0,0,0.1)",
}}
>
.LOL
</span>
</div>
)
}