From 21b83f318c692ec9696fd88d7ff71ce08166af15 Mon Sep 17 00:00:00 2001 From: Andrew Njoo Date: Sat, 25 May 2024 20:25:37 -0700 Subject: [PATCH] varela --- src/app/globals.css | 6 ++++++ src/app/layout.tsx | 11 +++++++++-- src/components/Navbar.tsx | 2 +- 3 files changed, 16 insertions(+), 3 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 8b06583..abf8975 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2,6 +2,12 @@ @tailwind components; @tailwind utilities; +/* Fonts */ +.radix-themes { + --default-font-family: var(--font-varela-round); +} + +/* Framer Motion */ .framer-pill { display: flex; overflow-x: hidden; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 751c666..30ab6ef 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,10 +1,17 @@ import type { Metadata } from 'next'; +import { Varela_Round } from 'next/font/google'; import { Theme as RadixTheme } from '@radix-ui/themes'; import '@radix-ui/themes/styles.css'; import Footer from '@/components/Footer'; import Navbar from '@/components/Navbar'; import './globals.css'; +const varelaRound = Varela_Round({ + subsets: ['latin'], + weight: ['400'], + variable: '--font-varela-round', +}) + export const metadata: Metadata = { title: "drew's site", description: 'Generated by create next app', @@ -16,8 +23,8 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - - + +
{children}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index f988327..beef33e 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -20,7 +20,7 @@ export const sitePages = [ const Navbar = () => { return ( -
+
{sitePages.map((page) => (