From 703d45ca39c73184d51f9f1f225e26f975695e98 Mon Sep 17 00:00:00 2001 From: thebeyondr <19380973+thebeyondr@users.noreply.github.com> Date: Tue, 27 Jun 2023 13:15:10 -0500 Subject: [PATCH] fix: :lipstick: Add orange to tailwind, update fonts, hover state for nav items --- app/layout.tsx | 15 ++++++--------- app/page.tsx | 30 +++++++++++++++--------------- components/main-nav.tsx | 4 ++-- styles/globals.css | 9 ++++++--- tailwind.config.js | 1 + 5 files changed, 30 insertions(+), 29 deletions(-) diff --git a/app/layout.tsx b/app/layout.tsx index 82c757b..ac4865c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,7 +3,6 @@ import { Metadata } from "next" import { siteConfig } from "@/config/site" import { fontDisplay, fontSans } from "@/lib/fonts" -import { cn } from "@/lib/utils" import { SiteFooter } from "@/components/site-footer" import { SiteHeader } from "@/components/site-header" import { TailwindIndicator } from "@/components/tailwind-indicator" @@ -34,15 +33,13 @@ interface RootLayoutProps { export default function RootLayout({ children }: RootLayoutProps) { return ( <> - + - +
{children}
diff --git a/app/page.tsx b/app/page.tsx index f2ec041..106b6a7 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -15,14 +15,14 @@ export default function IndexPage() {
-

+

Privacy + Scaling Explorations -
+

Programmable cryptography for people like you

-

+

Explore The Project Library

-

+

Learn and Share

@@ -61,7 +61,7 @@ export default function IndexPage() { rel="noreferrer" className="flex items-center justify-start gap-5 md:justify-center" > -

+

Watch

-

+

Learn and Share

@@ -92,7 +92,7 @@ export default function IndexPage() { rel="noreferrer" className="flex items-center justify-start gap-5 md:justify-center" > -

+

Atttend

-

+

Event

@@ -122,7 +122,7 @@ border-x border-b border-black px-[32px] py-5 md:flex-row md:gap-0 lg:px-20" rel="noreferrer" className="flex items-center justify-start gap-5 md:justify-center" > -

+

Attend

-

+

Blog Post

@@ -156,7 +156,7 @@ border-x border-b border-black px-[32px] py-5 md:flex-row md:gap-0 lg:px-20" rel="noreferrer" className="flex items-center justify-start gap-5 md:justify-center" > -

+

read

-

+

Who We Are

@@ -186,7 +186,7 @@ border-x border-b border-black px-[32px] py-5 md:flex-row md:gap-0 lg:px-20"
-

+

What We Do

@@ -249,7 +249,7 @@ border-x border-b border-black px-[32px] py-5 md:flex-row md:gap-0 lg:px-20"
-

+

How To Plug In

@@ -267,7 +267,7 @@ border-x border-b border-black px-[32px] py-5 md:flex-row md:gap-0 lg:px-20" rel="noreferrer" className="flex items-center gap-2" > -

+

Say Hi On Discord

{item.title} diff --git a/styles/globals.css b/styles/globals.css index 1c28d40..2564ef5 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -74,15 +74,18 @@ * { @apply border-border; } + html{ + @apply font-sans; + } body { - @apply bg-background text-foreground; + @apply bg-background text-foreground font-sans; font-feature-settings: "rlig" 1, "calt" 1; } h1, h2, h3, h4, - h5 { - @apply font-display; + h5, h6 { + @apply font-display font-bold; } } diff --git a/tailwind.config.js b/tailwind.config.js index 4c8a230..7ddcbd9 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -19,6 +19,7 @@ module.exports = { }, colors: { corduroy: "#4A5754", + orange: "#E1523A", anakiwa: "#F2FAFD", border: "hsl(var(--border))", input: "hsl(var(--input))",