feat: add fonts and first iteration of navbar

ucsddesignco · Nov 1, 2024 · 8713e0e · 8713e0e
1 parent 5e64579
commit 8713e0e
Show file tree

Hide file tree

Showing 18 changed files with 157 additions and 27 deletions.
diff --git a/public/fonts/Iosevka-Curly-Bold-Extended.woff2 b/public/fonts/Iosevka-Curly-Bold-Extended.woff2
diff --git a/public/fonts/Iosevka-Curly-Medium.woff2 b/public/fonts/Iosevka-Curly-Medium.woff2
diff --git a/public/fonts/Iosevka-Curly-Regular.woff2 b/public/fonts/Iosevka-Curly-Regular.woff2
diff --git a/public/fonts/Iosevka-Curly-SemiBoldItalic.woff2 b/public/fonts/Iosevka-Curly-SemiBoldItalic.woff2
diff --git a/public/fonts/Iosevka-Curly-Semibold.woff2 b/public/fonts/Iosevka-Curly-Semibold.woff2
diff --git a/public/fonts/NB-International-Mono.ttf b/public/fonts/NB-International-Mono.ttf
diff --git a/public/fonts/NB-International-Pro-Light.otf b/public/fonts/NB-International-Pro-Light.otf
diff --git a/public/fonts/NB-International-Regular.ttf b/public/fonts/NB-International-Regular.ttf
diff --git a/public/fonts/Neue-Plak-Extended-Bold.ttf b/public/fonts/Neue-Plak-Extended-Bold.ttf
diff --git a/public/fonts/NeuePlak-ExtendedBold.woff2 b/public/fonts/NeuePlak-ExtendedBold.woff2
diff --git a/public/images/icons/info-icon.svg b/public/images/icons/info-icon.svg
diff --git a/public/images/logos/dco-logo.svg b/public/images/logos/dco-logo.svg
diff --git a/public/images/logos/stride-logo.svg b/public/images/logos/stride-logo.svg
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,29 +2,38 @@ import type { Metadata } from 'next';
 import localFont from 'next/font/local';
 import '@/app/styles/global.scss';
 import { ReactNode } from 'react';
+import Navbar from '@/components/Navbar/Navbar';
 
 export const metadata: Metadata = {
   title: 'Stride 2024',
   description:
     'Stride is a uniquely design-forward career fair aiming to connect aspiring designers with company representatives.'
 };
 
-const NeuePlak = localFont({
-  src: '../../public/fonts/Neue-Plak-Extended-Bold.ttf',
-  variable: '--font-neueplak',
-  display: 'swap'
-});
-
-const NBInternational = localFont({
-  src: '../../public/fonts/NB-International-Pro-Light.otf',
-  variable: '--font-nbinternational',
-  display: 'swap'
-});
-
-const NBInternationalMono = localFont({
-  src: '../../public/fonts/NB-International-Mono.ttf',
-  variable: '--font-nbinternational-mono',
-  display: 'swap'
+const IosevkaCurly = localFont({
+  src: [
+    {
+      path: '../../public/fonts/Iosevka-Curly-Regular.woff2',
+      weight: '400',
+      style: 'normal'
+    },
+    {
+      path: '../../public/fonts/Iosevka-Curly-Medium.woff2',
+      weight: '500',
+      style: 'normal'
+    },
+    {
+      path: '../../public/fonts/Iosevka-Curly-SemiBold.woff2',
+      weight: '600',
+      style: 'normal'
+    },
+    {
+      path: '../../public/fonts/Iosevka-Curly-SemiBoldItalic.woff2',
+      weight: '600',
+      style: 'italic'
+    }
+  ],
+  variable: '--font-iosevka'
 });
 
 export default function RootLayout({
@@ -33,11 +42,11 @@ export default function RootLayout({
   children: ReactNode;
 }>) {
   return (
-    <html
-      lang="en"
-      className={`${NeuePlak.variable} ${NBInternational.variable} ${NBInternationalMono.variable}`}
-    >
-      <body>{children}</body>
+    <html lang="en" className={`${IosevkaCurly.variable} `}>
+      <body>
+        <Navbar />
+        {children}
+      </body>
     </html>
   );
 }