diff --git a/public/images/angrybeanie.svg b/public/images/angrybeanie.svg new file mode 100644 index 0000000..c2409b4 --- /dev/null +++ b/public/images/angrybeanie.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx index eef5281..9080c40 100644 --- a/src/app/components/Footer.tsx +++ b/src/app/components/Footer.tsx @@ -1,7 +1,28 @@ export default function Footer() { return ( ) } \ No newline at end of file diff --git a/src/app/components/LastFiveStories.tsx b/src/app/components/LastFiveStories.tsx index 8d566fc..e3d31f2 100644 --- a/src/app/components/LastFiveStories.tsx +++ b/src/app/components/LastFiveStories.tsx @@ -1,11 +1,11 @@ import Link from 'next/link' -export default function LastFiveStories({storyList}: {storyList: any}) { +export default function LastFiveStories({storyList, projectFilter}: {storyList: any, projectFilter: String}) { return ( -
+
-

Recent Posts

+

Recent Posts - {projectFilter}

    {storyList.data.map((story: any) => (
  • diff --git a/src/app/components/NavBar.tsx b/src/app/components/NavBar.tsx new file mode 100644 index 0000000..6179270 --- /dev/null +++ b/src/app/components/NavBar.tsx @@ -0,0 +1,56 @@ +export default function NavBar() { + return ( + + ) +} \ No newline at end of file diff --git a/src/app/globals.css b/src/app/globals.css index 6a0f898..3345d16 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -20,6 +20,10 @@ body { font-size: 1.5em; } +b, strong { + font-weight: 900 +} + @layer utilities { .text-balance { text-wrap: balance; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 498ad25..f602a6e 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,9 +1,14 @@ import type { Metadata } from "next"; -import { Inter } from "next/font/google"; import "./globals.css"; import Head from "next/head"; - -const inter = Inter({ subsets: ["latin"] }); +import NavBar from "./components/NavBar"; +import { Inter } from 'next/font/google' + +// If loading a variable font, you don't need to specify the font weight +const inter = Inter({ + subsets: ['latin'], + weight: "300" +}) export const metadata: Metadata = { title: "Create Next App", @@ -55,7 +60,9 @@ export default function RootLayout({ }>) { return ( - {children} + + +
    {children}
    ); } diff --git a/src/app/page.tsx b/src/app/page.tsx index d8ca776..0616914 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,9 +1,45 @@ import Image from "next/image"; +import Footer from "./components/Footer"; +import { getLatestPost } from "./lib/api"; -export default function Home() { +export async function generateMetadata({params}: {params: {slug: string}}) { + return { + title: "Angry Beanie", + description: "A place where my mind lives", + openGraph: { + url: "https://angrybeanie.com", + title: "Angry Beanie", + description: "A place where my mind lives", + type: "article" + } + } +} + +export default async function Home() { + const latestPost = await(getLatestPost()) + console.log(latestPost) return ( -
    - -
    +
    +
    +
    + Angry Beanie logo +
    +
    +

    + Latest Post +

    + +
    +
    +
    ); }