fix

epfl-ada · Dec 21, 2024 · 10dca53 · 10dca53
1 parent 4b51ae1
commit 10dca53
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/app/home_layout.js b/app/home_layout.js
@@ -85,7 +85,7 @@ function LandingPage() {
                 className="absolute inset-0 w-full h-full opacity-50"
             ></canvas>
             <div className="absolute inset-0 flex items-center justify-center px-20">
-                <h1 className="text-8xl text-black text-center font-monoton">
+                <h1 className="text-[10rem] text-black text-center font-rowdies">
                     Game-changer
                 </h1>
             </div>

diff --git a/app/layout.js b/app/layout.js
@@ -1,4 +1,4 @@
-import { Geist, Geist_Mono, Monoton, Manrope } from "next/font/google";
+import { Geist, Geist_Mono, Monoton, Manrope, Rowdies } from "next/font/google";
 import "./globals.css";
 
 const geistSans = Geist({
@@ -22,6 +22,12 @@ const manrope = Manrope({
   subsets: ["latin"],
 })
 
+const rowdies = Rowdies({
+  variable: "--font-rowdies",
+  subsets: ["latin"],
+  weight: ["300", "400", "700"]
+})
+
 export const metadata = {
 	title: "Game-changer: How do the major sports events influence YouTube engagement?",
 	description: "Created by Robodatapioneers2024",
@@ -31,7 +37,7 @@ export default function RootLayout({ children }) {
   return (
     <html lang="en">
       <body
-        className={`${geistSans.variable} ${geistMono.variable} ${monoton.variable} ${manrope.variable} antialiased`}
+        className={`${geistSans.variable} ${geistMono.variable} ${monoton.variable} ${manrope.variable} ${rowdies.variable} antialiased`}
       >
         {children}
       </body>

diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -30,6 +30,8 @@ export default {
 				sans: ["var(--font-geist-sans)"],
 				mono: ["var(--font-geist-mono)"],
 				monoton: ["var(--font-monoton)"],
+				manrope: ["var(--font-manrope)"],
+				rowdies: ["var(--font-rowdies)"],
 			},
 		},
 	},