max-programming
diff --git a/‎eslint.config.mjs
Lines changed: 16 additions & 13 deletions b/‎eslint.config.mjs
Lines changed: 16 additions & 13 deletions
diff --git a/‎src/app/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf
54.4 KB b/‎src/app/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf
54.4 KB
diff --git a/‎src/app/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf
52.2 KB b/‎src/app/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf
52.2 KB
diff --git a/‎src/app/layout.tsx
Lines changed: 16 additions & 7 deletions b/‎src/app/layout.tsx
Lines changed: 16 additions & 7 deletions
diff --git a/‎tailwind.config.ts
Lines changed: 1 addition & 1 deletion b/‎tailwind.config.ts
Lines changed: 1 addition & 1 deletion
@@ -1,21 +1,24 @@
-import { defineConfig } from "eslint/config";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
+import { defineConfig } from 'eslint/config';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all
 });
 
-export default defineConfig([{
-    extends: compat.extends("next/core-web-vitals"),
+export default defineConfig([
+  {
+    extends: compat.extends('next/core-web-vitals'),
 
     rules: {
-        "@next/next/no-img-element": 0,
-    },
-}]);
+      '@next/next/no-img-element': 0,
+      'react/no-unescaped-entities': 0
+    }
+  }
+]);
@@ -1,25 +1,34 @@
 import '@/styles/globals.css';
 import Script from 'next/script';
 import type { Metadata, Viewport } from 'next';
-import { Atkinson_Hyperlegible_Mono } from 'next/font/google';
 import { unstable_ViewTransition as ViewTransition } from 'react';
 import { Toaster } from 'react-hot-toast';
 import { SessionProvider } from 'next-auth/react';
 import { Footer } from '@/components/footer';
 import { ReportModal } from '@/components/report-modal';
 import { env } from '@/env.mjs';
+import localFont from 'next/font/local';
 
-const atkinsonHyperlegibleMono = Atkinson_Hyperlegible_Mono({
-  subsets: ['latin'],
-  weight: ['400', '500'],
-  display: 'swap',
-  variable: '--font-space-grotesk'
+const atkinsonHyperlegibleMono = localFont({
+  variable: '--font-atkinson-hyperlegible-mono',
+  src: [
+    {
+      path: './fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf',
+      weight: '400',
+      style: 'italic'
+    },
+    {
+      path: './fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf',
+      weight: '400',
+      style: 'normal'
+    }
+  ]
 });
 
 export default function RootLayout({ children }: React.PropsWithChildren) {
   return (
     <html className={atkinsonHyperlegibleMono.variable}>
-      <body className="font-sans font-normal bg-hacktoberfest-blue">
+      <body className="font-mono font-normal bg-hacktoberfest-blue">
         <ViewTransition>
           {children}
           <Footer />
 
@@ -9,7 +9,7 @@ const config = {
   theme: {
     extend: {
       fontFamily: {
-        sans: ['var(--font-space-grotesk)', 'ui-sans-serif', 'system-ui']
+        mono: ['var(--font-atkinson-hyperlegible-mono)', 'monospace']
       },
       backgroundImage: {
         'primary-btn-hover-gradient':