fix:title style

Scaffold-Stark · Apr 15, 2024 · 3adf4d6 · 3adf4d6
1 parent 96ee21a
commit 3adf4d6
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 6 deletions.
diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
@@ -10,7 +10,7 @@ const Home: NextPage = () => {
     <div>
       <div className="w-full flex items-center justify-center flex-col bg-landing gap-10 bg-base-100 text-primary sm:gap-3 ">
         <div className="w-full flex flex-col items-center gap-10 sm:gap-5">
-          <div className="w-full flex items-center justify-center flex-col gap-10 sm:px-[20px] sm:gap-5 sm:text-[12px]">
+          <div className="w-full flex items-center justify-center flex-col gap-10 sm:px-[20px] sm:gap-5 sm:text-[12px] max-w-[600px] ">
             <Image
               src={"/Starknet-icon.svg"}
               alt={"icon starknet"}
@@ -21,7 +21,7 @@ const Home: NextPage = () => {
             <span className="text-center">
               Learn how to build on Starknet; the superpowers and the gotchas.
             </span>
-            <h1 className="text-7xl font-black text-center max-w-[500px] font-['Genos'] sm:text-6xl">
+            <h1 className="text-8xl font-black text-center sm:text-6xl font-['system-ui']">
               SPEEDRUN STARKNET
             </h1>
           </div>
@@ -66,8 +66,8 @@ const Home: NextPage = () => {
         <div className=" bg-ft-join flex justify-center bg-secondary-content text-secondary sm:h-[350px]">
           <div className="w-full px-[20px] flex justify-center">
             <div className="max-w-[1280px] flex justify-around flex-col w-full border-l-[5px] border-base-300 sm:justify-start sm:items-center sm:border-l-[3px] lg:border-l-[3px] pt-[20px]">
-              <div className="bg-banner-join flex justify-center h-[130px] w-full text-secondary font-black text-6xl items-center sm:text-3xl sm:h-[80px]">
-                <span className="font-['Genos'] font-black">
+              <div className="bg-banner-join flex justify-center h-[130px] w-full text-secondary font-black text-7xl items-center sm:text-3xl sm:h-[80px]">
+                <span className="font-black font-['system-ui']">
                   JOiN BUiLDGUiLD
                 </span>
               </div>

diff --git a/packages/nextjs/public/JOiN BUiLDGUiLD.png b/packages/nextjs/public/JOiN BUiLDGUiLD.png
diff --git a/packages/nextjs/public/speedrunStarknet.png b/packages/nextjs/public/speedrunStarknet.png
diff --git a/packages/nextjs/public/speedrunStarknet.svg b/packages/nextjs/public/speedrunStarknet.svg
diff --git a/packages/nextjs/styles/globals.css b/packages/nextjs/styles/globals.css
@@ -46,9 +46,8 @@ p {
 }
 .footer-header-landing {
   background-image: url("/footer-main-landing.png");
-  background-size: auto 130px;
+  background-size: contain;
   background-repeat: repeat-x;
-  background-position: bottom;
   width: 100%;
   height: 130px;
 }