Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
79 changes: 40 additions & 39 deletions app/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,48 +4,49 @@ import Background from "@/components/Background";
import PlausibleProvider from "next-plausible";

export const metadata: Metadata = {
title: "Athena - Hack Club",
description: "Athena is a group of programs at Hack Club to empower girls and nonbinary teenagers to code.",
icons: "https://assets.hackclub.com/icon-rounded.svg",
openGraph: {
title: "Athena - Hack Club",
description: "Athena is a group of programs at Hack Club to empower girls and nonbinary teenagers to code.",
images: [
{
url: "/thumbnail.png",
width: 1200,
height: 630,
alt: "Athena - Hack Club"
}
],
type: "website",
},
twitter: {
card: "summary_large_image",
title: "Athena - Hack Club",
description: "Athena is a group of programs at Hack Club to empower girls and nonbinary teenagers to code.",
images: ["/thumbnail.png"],
creator: "@hackclub"
}
title: "Athena - Hack Club",
description:
"Athena is a group of programs at Hack Club to empower girls and nonbinary teenagers to code.",
icons: "https://assets.hackclub.com/icon-rounded.svg",
openGraph: {
title: "Athena - Hack Club",
description:
"Athena is a group of programs at Hack Club to empower girls and girl-identifying teenagers to code.",
images: [
{
url: "/thumbnail.png",
width: 1200,
height: 630,
alt: "Athena - Hack Club",
},
],
type: "website",
},
twitter: {
card: "summary_large_image",
title: "Athena - Hack Club",
description:
"Athena is a group of programs at Hack Club to empower girls and and girl-identifying teenagers to code.",
images: ["/thumbnail.png"],
creator: "@hackclub",
},
};

export default function RootLayout({
children,
children,
}: Readonly<{
children: React.ReactNode;
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body
className="antialiased"
>
<PlausibleProvider domain="athena.hackclub.com">
<Background>
{children}
{/* <div className="w-screen p-6 bg-red"></div> */}
</Background>
</PlausibleProvider>
</body>
</html>
);
return (
<html lang="en">
<body className="antialiased">
<PlausibleProvider domain="athena.hackclub.com">
<Background>
{children}
{/* <div className="w-screen p-6 bg-red"></div> */}
</Background>
</PlausibleProvider>
</body>
</html>
);
}
2 changes: 1 addition & 1 deletion app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export default async function Home() {
<div className="w-full text-left px-6 lg:px-32 mb-16">
<hr className = "py-10"/>
<div className="text-6xl md:text-9xl font-bold">Athena</div>
<div className="text-xl md:text-3xl font-bold mt-2">is a group of programs at Hack Club to empower girls and nonbinary teenagers to code.</div>
<div className="text-xl md:text-3xl font-bold mt-2">is a group of programs at Hack Club to empower girls or girl-identifying teenagers to code.</div>
<div className="text-base md:text-lg">From hosting in-person hackathons to virtual workshops, Hack Club is a place to become more technical and immerse yourself in coding.</div>

<div className='w-full h-fit grid lg:grid-rows-1 grid-cols-1 md:grid-cols-3 lg:grid-cols-6 gap-8 my-8'>
Expand Down