- Created project structure with necessary directories and files - Set up Next.js with Tailwind CSS and Font Awesome - Added base HTML structure and layout components - Configured routing and created the homepage - Styled the homepage with basic styling - Added FontAwesome icons - Configured font imports and styles - Integrated HackClub branding elements This commit establishes the foundation for our website, including the project structure, styling, and initial content.
47 lines
987 B
TypeScript
47 lines
987 B
TypeScript
import { Space_Mono, Poppins } from "next/font/google";
|
|
import localFont from "next/font/local";
|
|
|
|
const space_mono = Space_Mono({
|
|
weight: ["400", "700"],
|
|
subsets: ["latin"],
|
|
display: "swap",
|
|
variable: "--font-space-mono",
|
|
});
|
|
|
|
const poppins = Poppins({
|
|
weight: ["400", "500", "600", "700", "800", "900"],
|
|
subsets: ["latin"],
|
|
display: "swap",
|
|
variable: "--font-poppins",
|
|
});
|
|
|
|
const phantomSans = localFont({
|
|
src: [
|
|
{
|
|
path: "../assets/Regular.woff2",
|
|
weight: "400",
|
|
style: "normal",
|
|
},
|
|
{
|
|
path: "../assets/Italic.woff2",
|
|
weight: "400",
|
|
style: "italic",
|
|
},
|
|
{
|
|
path: "../assets/Bold.woff2",
|
|
weight: "700",
|
|
style: "normal",
|
|
},
|
|
],
|
|
variable: "--font-phantom-sans",
|
|
});
|
|
|
|
export default function Layout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<div
|
|
className={`${space_mono.variable} ${poppins.variable} ${phantomSans.variable}`}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|