Jeromehardaway/add gotham (#625)

* made additions to global * added gotham font * remove next/head
Vets-Who-Code · Nov 1, 2024 · e8daa25 · e8daa25
1 parent a60b342
commit e8daa25
Show file tree

Hide file tree

Showing 60 changed files with 27,428 additions and 11 deletions.
diff --git a/public/fonts/gotham/ gotham.md b/public/fonts/gotham/ gotham.md
@@ -0,0 +1,14 @@
+## [Gotham by Hoefler & Co](https://www.typography.com/fonts/gotham/overview/)
+
+```
+https://cdn.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css
+
+<link rel="https://cdn.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css">
+
+```
+
+
+![](https://rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/8e8f0c08356d984ef212e02beab979ceb849f097/Gotham_Cyrillic.jpg)
+![](https://rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/59c47cc97997c2f06f67175e1b5718ee54cc0aa5/gotham_cell_21-67a7d961a2769036dc177455b7e2abbd.png)
+![](https://rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/59c47cc97997c2f06f67175e1b5718ee54cc0aa5/gotham_cell_18-c093daa9500abeca4395a8816f1847e3.png)
+
diff --git a/public/fonts/gotham/GothamPro-Black.eot b/public/fonts/gotham/GothamPro-Black.eot
diff --git a/public/fonts/gotham/GothamPro-Black.svg b/public/fonts/gotham/GothamPro-Black.svg
diff --git a/public/fonts/gotham/GothamPro-Black.ttf b/public/fonts/gotham/GothamPro-Black.ttf
diff --git a/public/fonts/gotham/GothamPro-Black.woff b/public/fonts/gotham/GothamPro-Black.woff
diff --git a/public/fonts/gotham/GothamPro-Black.woff2 b/public/fonts/gotham/GothamPro-Black.woff2
diff --git a/public/fonts/gotham/GothamPro-BlackItalic.eot b/public/fonts/gotham/GothamPro-BlackItalic.eot
diff --git a/public/fonts/gotham/GothamPro-BlackItalic.svg b/public/fonts/gotham/GothamPro-BlackItalic.svg
diff --git a/public/fonts/gotham/GothamPro-BlackItalic.ttf b/public/fonts/gotham/GothamPro-BlackItalic.ttf
diff --git a/public/fonts/gotham/GothamPro-BlackItalic.woff b/public/fonts/gotham/GothamPro-BlackItalic.woff
diff --git a/public/fonts/gotham/GothamPro-BlackItalic.woff2 b/public/fonts/gotham/GothamPro-BlackItalic.woff2
diff --git a/public/fonts/gotham/GothamPro-Bold.eot b/public/fonts/gotham/GothamPro-Bold.eot
diff --git a/public/fonts/gotham/GothamPro-Bold.svg b/public/fonts/gotham/GothamPro-Bold.svg
diff --git a/public/fonts/gotham/GothamPro-Bold.ttf b/public/fonts/gotham/GothamPro-Bold.ttf
diff --git a/public/fonts/gotham/GothamPro-Bold.woff b/public/fonts/gotham/GothamPro-Bold.woff
diff --git a/public/fonts/gotham/GothamPro-Bold.woff2 b/public/fonts/gotham/GothamPro-Bold.woff2
diff --git a/public/fonts/gotham/GothamPro-BoldItalic.eot b/public/fonts/gotham/GothamPro-BoldItalic.eot
diff --git a/public/fonts/gotham/GothamPro-BoldItalic.svg b/public/fonts/gotham/GothamPro-BoldItalic.svg
diff --git a/public/fonts/gotham/GothamPro-BoldItalic.ttf b/public/fonts/gotham/GothamPro-BoldItalic.ttf
diff --git a/public/fonts/gotham/GothamPro-BoldItalic.woff b/public/fonts/gotham/GothamPro-BoldItalic.woff
diff --git a/public/fonts/gotham/GothamPro-BoldItalic.woff2 b/public/fonts/gotham/GothamPro-BoldItalic.woff2
diff --git a/public/fonts/gotham/GothamPro-Italic.eot b/public/fonts/gotham/GothamPro-Italic.eot
diff --git a/public/fonts/gotham/GothamPro-Italic.svg b/public/fonts/gotham/GothamPro-Italic.svg
diff --git a/public/fonts/gotham/GothamPro-Italic.ttf b/public/fonts/gotham/GothamPro-Italic.ttf
diff --git a/public/fonts/gotham/GothamPro-Italic.woff b/public/fonts/gotham/GothamPro-Italic.woff
diff --git a/public/fonts/gotham/GothamPro-Italic.woff2 b/public/fonts/gotham/GothamPro-Italic.woff2
diff --git a/public/fonts/gotham/GothamPro-Light.eot b/public/fonts/gotham/GothamPro-Light.eot
diff --git a/public/fonts/gotham/GothamPro-Light.svg b/public/fonts/gotham/GothamPro-Light.svg
diff --git a/public/fonts/gotham/GothamPro-Light.ttf b/public/fonts/gotham/GothamPro-Light.ttf
diff --git a/public/fonts/gotham/GothamPro-Light.woff b/public/fonts/gotham/GothamPro-Light.woff
diff --git a/public/fonts/gotham/GothamPro-Light.woff2 b/public/fonts/gotham/GothamPro-Light.woff2
diff --git a/public/fonts/gotham/GothamPro-LightItalic.eot b/public/fonts/gotham/GothamPro-LightItalic.eot
diff --git a/public/fonts/gotham/GothamPro-LightItalic.svg b/public/fonts/gotham/GothamPro-LightItalic.svg
diff --git a/public/fonts/gotham/GothamPro-LightItalic.ttf b/public/fonts/gotham/GothamPro-LightItalic.ttf
diff --git a/public/fonts/gotham/GothamPro-LightItalic.woff b/public/fonts/gotham/GothamPro-LightItalic.woff
diff --git a/public/fonts/gotham/GothamPro-LightItalic.woff2 b/public/fonts/gotham/GothamPro-LightItalic.woff2
diff --git a/public/fonts/gotham/GothamPro-Medium.eot b/public/fonts/gotham/GothamPro-Medium.eot
diff --git a/public/fonts/gotham/GothamPro-Medium.svg b/public/fonts/gotham/GothamPro-Medium.svg
diff --git a/public/fonts/gotham/GothamPro-Medium.ttf b/public/fonts/gotham/GothamPro-Medium.ttf
diff --git a/public/fonts/gotham/GothamPro-Medium.woff b/public/fonts/gotham/GothamPro-Medium.woff
diff --git a/public/fonts/gotham/GothamPro-Medium.woff2 b/public/fonts/gotham/GothamPro-Medium.woff2
diff --git a/public/fonts/gotham/GothamPro-MediumItalic.eot b/public/fonts/gotham/GothamPro-MediumItalic.eot
diff --git a/public/fonts/gotham/GothamPro-MediumItalic.svg b/public/fonts/gotham/GothamPro-MediumItalic.svg
diff --git a/public/fonts/gotham/GothamPro-MediumItalic.ttf b/public/fonts/gotham/GothamPro-MediumItalic.ttf
diff --git a/public/fonts/gotham/GothamPro-MediumItalic.woff b/public/fonts/gotham/GothamPro-MediumItalic.woff
diff --git a/public/fonts/gotham/GothamPro-MediumItalic.woff2 b/public/fonts/gotham/GothamPro-MediumItalic.woff2
diff --git a/public/fonts/gotham/GothamPro.eot b/public/fonts/gotham/GothamPro.eot
diff --git a/public/fonts/gotham/GothamPro.svg b/public/fonts/gotham/GothamPro.svg
diff --git a/public/fonts/gotham/GothamPro.ttf b/public/fonts/gotham/GothamPro.ttf
diff --git a/public/fonts/gotham/GothamPro.woff b/public/fonts/gotham/GothamPro.woff
diff --git a/public/fonts/gotham/GothamPro.woff2 b/public/fonts/gotham/GothamPro.woff2
diff --git a/public/fonts/gotham/Gotham_Cyrillic.jpg b/public/fonts/gotham/Gotham_Cyrillic.jpg
diff --git a/public/fonts/gotham/gotham.css b/public/fonts/gotham/gotham.css
@@ -0,0 +1,79 @@
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-Light.eot);
+  src: url(GothamPro-Light.woff2) format("woff2"),url(GothamPro-Light.woff) format("woff"),url(GothamPro-Light.ttf) format("truetype"),url(GothamPro-Light.svg#GothamPro-Light) format("svg"),url(GothamPro-Light.eot?#iefix) format("embedded-opentype");
+  font-weight: 100;
+  font-style: normal
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-LightItalic.eot);
+  src: url(GothamPro-LightItalic.woff2) format("woff2"),url(GothamPro-LightItalic.woff) format("woff"),url(GothamPro-LightItalic.ttf) format("truetype"),url(GothamPro-LightItalic.svg#GothamPro-LightItalic) format("svg"),url(GothamPro-LightItalic.eot?#iefix) format("embedded-opentype");
+  font-weight: 100;
+  font-style: italic
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro.eot);
+  src: url(GothamPro.woff2) format("woff2"),url(GothamPro.woff) format("woff"),url(GothamPro.ttf) format("truetype"),url(GothamPro.svg#GothamPro) format("svg"),url(GothamPro.eot?#iefix) format("embedded-opentype");
+  font-weight: 200;
+  font-style: normal
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-Italic.eot);
+  src: url(GothamPro-Italic.woff2) format("woff2"),url(GothamPro-Italic.woff) format("woff"),url(GothamPro-Italic.ttf) format("truetype"),url(GothamPro-Italic.svg#GothamPro-Italic) format("svg"),url(GothamPro-Italic.eot?#iefix) format("embedded-opentype");
+  font-weight: 200;
+  font-style: italic
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-Medium.eot);
+  src: url(GothamPro-Medium.woff2) format("woff2"),url(GothamPro-Medium.woff) format("woff"),url(GothamPro-Medium.ttf) format("truetype"),url(GothamPro-Medium.svg#GothamPro-Medium) format("svg"),url(GothamPro-Medium.eot?#iefix) format("embedded-opentype");
+  font-weight: 400;
+  font-style: normal
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-MediumItalic.eot);
+  src: url(GothamPro-MediumItalic.woff2) format("woff2"),url(GothamPro-MediumItalic.woff) format("woff"),url(GothamPro-MediumItalic.ttf) format("truetype"),url(GothamPro-MediumItalic.svg#GothamPro-MediumItalic) format("svg"),url(GothamPro-MediumItalic.eot?#iefix) format("embedded-opentype");
+  font-weight: 400;
+  font-style: italic
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-Bold.eot);
+  src: url(GothamPro-Bold.woff2) format("woff2"),url(GothamPro-Bold.woff) format("woff"),url(GothamPro-Bold.ttf) format("truetype"),url(GothamPro-Bold.svg#GothamPro-Bold) format("svg"),url(GothamPro-Bold.eot?#iefix) format("embedded-opentype");
+  font-weight: 600;
+  font-style: normal
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-BoldItalic.eot);
+  src: url(GothamPro-BoldItalic.woff2) format("woff2"),url(GothamPro-BoldItalic.woff) format("woff"),url(GothamPro-BoldItalic.ttf) format("truetype"),url(GothamPro-BoldItalic.svg#GothamPro-BoldItalic) format("svg"),url(GothamPro-BoldItalic.eot?#iefix) format("embedded-opentype");
+  font-weight: 600;
+  font-style: italic
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-Black.eot);
+  src: url(GothamPro-Black.woff2) format("woff2"),url(GothamPro-Black.woff) format("woff"),url(GothamPro-Black.ttf) format("truetype"),url(GothamPro-Black.svg#GothamPro-Black) format("svg"),url(GothamPro-Black.eot?#iefix) format("embedded-opentype");
+  font-weight: 800;
+  font-style: normal
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url(GothamPro-BlackItalic.eot);
+  src: url(GothamPro-BlackItalic.woff2) format("woff2"),url(GothamPro-BlackItalic.woff) format("woff"),url(GothamPro-BlackItalic.ttf) format("truetype"),url(GothamPro-BlackItalic.svg#GothamPro-BlackItalic) format("svg"),url(GothamPro-BlackItalic.eot?#iefix) format("embedded-opentype");
+  font-weight: 800;
+  font-style: italic
+}
diff --git a/public/fonts/gotham/gotham.md b/public/fonts/gotham/gotham.md
@@ -0,0 +1,12 @@
+## [Gotham by Hoefler & Co](https://www.typography.com/fonts/gotham/overview/)
+![](https://rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/8e8f0c08356d984ef212e02beab979ceb849f097/Gotham_Cyrillic.jpg)
+![](https://rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/59c47cc97997c2f06f67175e1b5718ee54cc0aa5/gotham_cell_21-67a7d961a2769036dc177455b7e2abbd.png)
+![](https://rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/59c47cc97997c2f06f67175e1b5718ee54cc0aa5/gotham_cell_18-c093daa9500abeca4395a8816f1847e3.png)
+
+```
+https://rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/3779d1a1979cf788b435f26139e34010c9ad3079/gotham.css
+
+<link rel="https://rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/3779d1a1979cf788b435f26139e34010c9ad3079/gotham.css">
+
+```
+
diff --git a/public/fonts/gotham/gotham_cell_18-c093daa9500abeca4395a8816f1847e3.png b/public/fonts/gotham/gotham_cell_18-c093daa9500abeca4395a8816f1847e3.png
diff --git a/public/fonts/gotham/gotham_cell_21-67a7d961a2769036dc177455b7e2abbd.png b/public/fonts/gotham/gotham_cell_21-67a7d961a2769036dc177455b7e2abbd.png
diff --git a/src/assets/css/globals.css b/src/assets/css/globals.css
@@ -1,11 +1,138 @@
-/* styles/globals.css */
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-Light.eot');
+  src: url('/fonts/GothamPro-Light.woff2') format("woff2"),
+       url('/fonts/GothamPro-Light.woff') format("woff"),
+       url('/fonts/GothamPro-Light.ttf') format("truetype"),
+       url('/fonts/GothamPro-Light.svg#GothamPro-Light') format("svg"),
+       url('/fonts/GothamPro-Light.eot?#iefix') format("embedded-opentype");
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-LightItalic.eot');
+  src: url('/fonts/GothamPro-LightItalic.woff2') format("woff2"),
+       url('/fonts/GothamPro-LightItalic.woff') format("woff"),
+       url('/fonts/GothamPro-LightItalic.ttf') format("truetype"),
+       url('/fonts/GothamPro-LightItalic.svg#GothamPro-LightItalic') format("svg"),
+       url('/fonts/GothamPro-LightItalic.eot?#iefix') format("embedded-opentype");
+  font-weight: 100;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro.eot');
+  src: url('/fonts/GothamPro.woff2') format("woff2"),
+       url('/fonts/GothamPro.woff') format("woff"),
+       url('/fonts/GothamPro.ttf') format("truetype"),
+       url('/fonts/GothamPro.svg#GothamPro') format("svg"),
+       url('/fonts/GothamPro.eot?#iefix') format("embedded-opentype");
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-Italic.eot');
+  src: url('/fonts/GothamPro-Italic.woff2') format("woff2"),
+       url('/fonts/GothamPro-Italic.woff') format("woff"),
+       url('/fonts/GothamPro-Italic.ttf') format("truetype"),
+       url('/fonts/GothamPro-Italic.svg#GothamPro-Italic') format("svg"),
+       url('/fonts/GothamPro-Italic.eot?#iefix') format("embedded-opentype");
+  font-weight: 200;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-Medium.eot');
+  src: url('/fonts/GothamPro-Medium.woff2') format("woff2"),
+       url('/fonts/GothamPro-Medium.woff') format("woff"),
+       url('/fonts/GothamPro-Medium.ttf') format("truetype"),
+       url('/fonts/GothamPro-Medium.svg#GothamPro-Medium') format("svg"),
+       url('/fonts/GothamPro-Medium.eot?#iefix') format("embedded-opentype");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-MediumItalic.eot');
+  src: url('/fonts/GothamPro-MediumItalic.woff2') format("woff2"),
+       url('/fonts/GothamPro-MediumItalic.woff') format("woff"),
+       url('/fonts/GothamPro-MediumItalic.ttf') format("truetype"),
+       url('/fonts/GothamPro-MediumItalic.svg#GothamPro-MediumItalic') format("svg"),
+       url('/fonts/GothamPro-MediumItalic.eot?#iefix') format("embedded-opentype");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-Bold.eot');
+  src: url('/fonts/GothamPro-Bold.woff2') format("woff2"),
+       url('/fonts/GothamPro-Bold.woff') format("woff"),
+       url('/fonts/GothamPro-Bold.ttf') format("truetype"),
+       url('/fonts/GothamPro-Bold.svg#GothamPro-Bold') format("svg"),
+       url('/fonts/GothamPro-Bold.eot?#iefix') format("embedded-opentype");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-BoldItalic.eot');
+  src: url('/fonts/GothamPro-BoldItalic.woff2') format("woff2"),
+       url('/fonts/GothamPro-BoldItalic.woff') format("woff"),
+       url('/fonts/GothamPro-BoldItalic.ttf') format("truetype"),
+       url('/fonts/GothamPro-BoldItalic.svg#GothamPro-BoldItalic') format("svg"),
+       url('/fonts/GothamPro-BoldItalic.eot?#iefix') format("embedded-opentype");
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-Black.eot');
+  src: url('/fonts/GothamPro-Black.woff2') format("woff2"),
+       url('/fonts/GothamPro-Black.woff') format("woff"),
+       url('/fonts/GothamPro-Black.ttf') format("truetype"),
+       url('/fonts/GothamPro-Black.svg#GothamPro-Black') format("svg"),
+       url('/fonts/GothamPro-Black.eot?#iefix') format("embedded-opentype");
+  font-weight: 800;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: GothamPro;
+  src: url('/fonts/GothamPro-BlackItalic.eot');
+  src: url('/fonts/GothamPro-BlackItalic.woff2') format("woff2"),
+       url('/fonts/GothamPro-BlackItalic.woff') format("woff"),
+       url('/fonts/GothamPro-BlackItalic.ttf') format("truetype"),
+       url('/fonts/GothamPro-BlackItalic.svg#GothamPro-BlackItalic') format("svg"),
+       url('/fonts/GothamPro-BlackItalic.eot?#iefix') format("embedded-opentype");
+  font-weight: 800;
+  font-style: italic;
+}
+
+/* Keyframes and animations */
 
 @keyframes fall {
-    to {
-        transform: translateY(calc(100vh + 100%));
-    }
+  to {
+    transform: translateY(calc(100vh + 100%));
+  }
 }
 
 .emoji-fall {
-    animation: fall 5s linear forwards;
+  animation: fall 5s linear forwards;
 }
+
+/* Global body styling */
+
+body {
+  font-family: 'GothamPro', sans-serif;
+  font-weight: 400; /* Default weight */
+}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -48,4 +48,4 @@ const MyApp = ({ Component, pageProps }: CustomAppProps) => {
     );
 };
 
-export default MyApp;
+export default MyApp;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -118,10 +118,10 @@ module.exports = {
                 },
             }),
             fontFamily: {
-                body: ["Gilroy", "sans-serif"],
-                heading: ["Gilroy", "sans-serif"],
-                playfair: ["Playfair Display", "serif"],
-                rossela: ["Conv_Rossela-Demo-2", "serif"],
+                body: ["GothamPro", "sans-serif"],
+                heading: ["GothamPro", "sans-serif"],
+                playfair: ["GothamPro", "sans-serif"],
+                rossela: ["GothamPro", "ssans-serif"],
             },
             fontSize: {
                 sm: "0.75rem",

diff --git a/tsconfig.json b/tsconfig.json
@@ -30,7 +30,8 @@
       "@layout/*": ["layouts/*"],
       "@ui/*": ["components/ui/*"],
       "@utils/*": ["utils/*"],
-      "@widgets/*": ["components/widgets/*"]
+      "@widgets/*": ["components/widgets/*"],
+      "@fonts/*": ["public/fonts/*"]
     }
   },
   "include": ["next-env.d.ts", "next.config.js", "src/**/*.ts", "src/**/*.tsx", "tailwind.config.js", "postcss.config.js", "next-sitemap.config.js"],