diff --git a/app/globals.css b/app/globals.css index 77e5ac0..ce8f413 100644 --- a/app/globals.css +++ b/app/globals.css @@ -8,6 +8,8 @@ --color-zen: #f5f5dc; --color-sloth: #c3b091; --font-family-mono: "Courier New", monospace; + --font-family-marker: var(--font-marker), "Permanent Marker", cursive; + --font-family-caveat: var(--font-caveat), "Caveat", cursive; } @keyframes float-up { @@ -54,3 +56,27 @@ animation-delay: 1s; width: 0; } + +/* Casual wobble classes for that hand-drawn feel */ +.wobble-1 { transform: rotate(-1.5deg); } +.wobble-2 { transform: rotate(0.8deg); } +.wobble-3 { transform: rotate(-0.5deg); } +.wobble-4 { transform: rotate(1.2deg); } + +/* Scrawly underline for section headers */ +.scrawl-underline { + position: relative; + display: inline-block; +} +.scrawl-underline::after { + content: ''; + position: absolute; + left: -5%; + bottom: -4px; + width: 110%; + height: 3px; + background: var(--color-anti-green); + transform: rotate(-0.5deg) scaleX(0.95); + border-radius: 2px; + opacity: 0.6; +} diff --git a/app/layout.tsx b/app/layout.tsx index b130270..b9162ff 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,18 @@ import type { Metadata } from 'next' +import { Permanent_Marker, Caveat } from 'next/font/google' import './globals.css' +const marker = Permanent_Marker({ + weight: '400', + subsets: ['latin'], + variable: '--font-marker', +}) + +const caveat = Caveat({ + subsets: ['latin'], + variable: '--font-caveat', +}) + export const metadata: Metadata = { title: 'NoFi | No Finance. No Money. No Tokens. Just Do Less.', description: 'The revolutionary movement of doing absolutely nothing with your money. Because you don\'t have any. And that\'s the point.', @@ -20,7 +32,7 @@ export default function RootLayout({ }) { return ( -
+ {children} diff --git a/app/page.tsx b/app/page.tsx index 197abc2..bc1602d 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -8,17 +8,17 @@ export default function Home() {a movement against movements
-+
No Finance. No Money. No Tokens.
-+
Just Do Less.
-It won't. So we stopped trying.
-+
NoFi is the radical proposition that the best financial system
is no financial system. The best token is no token.
The best thing to do with your money is to not have any.
@@ -60,7 +60,7 @@ export default function Home() {
{/* Features (Anti-Features) */}
{f.desc} Total Supply: 0 Circulating Supply: 0 Market Cap: 0 We believe in doing less. We believe the best investment is a nap. We believe every problem caused by money {faq.a} {faq.a}
You already are. Congratulations. You've reached the end of the website
and accomplished exactly as much as we intended.
+
Features We Don't Have
{f.title}
+ {f.title}
+
Tokenomics
+
NoFi vs. Everything Else
+
The NoFi Manifesto
-
can be solved by less money.
+
Frequently Unasked Questions
{faq.q}
- {faq.q}
+
+
Ready to do nothing?