Merge pull request #1 from SweetmanTech/sweets/init

I update fontFamily to Karim font choice: Dresden Elektronik.
sweetmantech · Nov 29, 2023 · ee6c8c4 · ee6c8c4
2 parents 8cb4736 + 860317e
commit ee6c8c4
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 19 deletions.
diff --git a/components/LeaderboardPage/LeaderboardPage.tsx b/components/LeaderboardPage/LeaderboardPage.tsx
@@ -19,7 +19,7 @@ const LeaderboardPage = () => {
   }, [])
 
   return (
-    <div className="w-full  mx-auto font-[ArcadeCabinet] ">
+    <div className="w-full  mx-auto font-dresden ">
       <SeoHead title="Leaderboard" />
       <div
         className="

diff --git a/components/PowerUpModal/PowerUpModal.tsx b/components/PowerUpModal/PowerUpModal.tsx
@@ -13,7 +13,7 @@ const PowerUpModal = ({ handleClick }) => (
     modalClassName="!z-[110]"
   >
     <div
-      className="px-4 py-8 samsungS8:p-6 xs:p-8 xl:p-6 rounded-lg font-arcade
+      className="px-4 py-8 samsungS8:p-6 xs:p-8 xl:p-6 rounded-lg font-dresden
             flex-col flex justify-between items-center
             min-h-[300px]
             md:w-[692px] md:h-[528px]

diff --git a/components/StartModal/StartModal.tsx b/components/StartModal/StartModal.tsx
@@ -12,7 +12,7 @@ const StartModal = ({ handleClick, children }) => (
     modalClassName="!z-[110]"
   >
     <div
-      className="px-4 py-8 samsungS8:p-6 xs:p-8 xl:p-6 rounded-lg font-arcade
+      className="px-4 py-8 samsungS8:p-6 xs:p-8 xl:p-6 rounded-lg font-dresden
             flex-col flex justify-between items-center
             h-[300px]
             md:w-[692px] md:h-[528px]

diff --git a/components/TokenGateModal/TokenGateModal.tsx b/components/TokenGateModal/TokenGateModal.tsx
@@ -11,7 +11,7 @@ const TokenGateModal = ({ title = "Loading...", children }) => (
     modalClassName="!z-[110]"
   >
     <div
-      className="px-4 py-8 samsungS8:p-6 xs:p-8 xl:p-6 rounded-lg font-arcade
+      className="px-4 py-8 samsungS8:p-6 xs:p-8 xl:p-6 rounded-lg font-dresden
             flex-col flex justify-between items-center
             md:w-[692px] md:h-[528px]
             bg-black"

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,12 +1,7 @@
-import GamePage from "../components/Pages/GamePage"
-import SeoHead from "../components/SeoHead"
-import SpotifyProvider from "../providers/SpotifyProvider"
-
-const Game = () => (
-  <SpotifyProvider>
-    <GamePage />
-    <SeoHead />
-  </SpotifyProvider>
+const Landing = () => (
+  <div className="flex flex-col justify-center items-center h-[100vh] text-white font-dresden text-7xl">
+    HENO.
+  </div>
 )
 
-export default Game
+export default Landing
diff --git a/public/fonts/ArcadeCabinet/Arcade_Cabinet.ttf b/public/fonts/ArcadeCabinet/Arcade_Cabinet.ttf
diff --git a/public/fonts/DresdenElektronik/Dresden_Elektronik.ttf b/public/fonts/DresdenElektronik/Dresden_Elektronik.ttf
diff --git a/styles/globals.css b/styles/globals.css
@@ -3,8 +3,8 @@
 @tailwind utilities;
 
 @font-face {
-  font-family: 'ArcadeCabinet';
-  src: url('/fonts/ArcadeCabinet/Arcade_Cabinet.ttf') format('truetype');
+  font-family: 'DresdenElektronik';
+  src: url('/fonts/DresdenElektronik/Dresden_Elektronik.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
@@ -20,7 +20,7 @@
 }
 html,
 body {
-  background-color: #010e17;
+  background-color: black;
   padding: 0;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -16,8 +16,8 @@ module.exports = {
     },
     extend: {
       fontFamily: {
-        arcade: ["ArcadeCabinet", "sans-serif"],
-        sans: ["ArcadeCabinet", ...defaultTheme.fontFamily.sans],
+        dresden: ["DresdenElektronik", "sans-serif"],
+        sans: ["DresdenElektronik", ...defaultTheme.fontFamily.sans],
       },
       screens: {
         ios: "320px",