Initial draft for OSCAFest 2025

Author: Princesso

src/components/2024/header.js

@@ -66,18 +66,18 @@ function Header() {
       <div className="center flex flex-col flex-1 w-screen object-cover bg-no-repeat">
         <div style={bgWrapperStyles} className="flex flex-col z-30 left-0 w-full min-h-screen lg:pt-16 overflow-hidden">
           <div className="z-20 flex flex-wrap  m-auto items-center">
-            <div className="w-full h-full sm:mt-36 sm:m-auto sm:my-24 lg:mt-16 m-auto lg:w-7/12 text-white flex flex-col items-center">
+            <div className="w-full h-full sm:mt-36 sm:m-auto sm:my-24 sm:px-10 sm:container lg:mt-16 m-auto lg:w-7/12 text-white flex flex-col items-center">
               <img Alt="OSCAFest Title 2025" src={homeBackground.title} className="mb-5 lg:px-7" />
               <div className="flex flex-col w-full ">
-                <text className="font-clashDisplay text-5xl text-center justify-center tracking-widest text-white0 w-full">
+                <text className="font-clashDisplay lg:text-5xl text-3xl text-center justify-center tracking-widest text-white  w-full">
                   {" "}
                   JUNE 12 - JUNE 14, 2025
                 </text>
               </div>
               <div className="lg:mx-5">
                 <div className="flex sm:flex-row flex-col mt-5 sm:mb-16 md:mb-10 lg:mb-0 lg:p-0">
                   <a
-                    href="https://opencollective.com/osca/events/open-source-festival-2023-e17954c1"
+                    href="mailto:[email protected]"
                     className="font-clashDisplay font-bold bg-white p-6 m-4 text-lg text-black tracking-wider mx-5 w-fit flex items-center"
                   >
                     Become a Sponsor &nbsp;

src/components/2024/nav.js

@@ -142,7 +142,7 @@ function Nav() {
         </div>
         <div className="mx-2 flex sm:flex-row flex-col sm:mb-16 md:mb-10 lg:mb-0 bg-white">
           <a
-            href="/past-events"
+            href="/2023"
             className="font-clashDisplay font-bold  p-5 text-black tracking-wider w-full mx-5 w-fit flex items-center justify-center"
             onClick={() => toggleExpansion(!isExpanded)}
           >

src/css/style.css

@@ -148,5 +148,5 @@ div .overlay {
 }
 
 body {
-  background-color: gray;
+  background-color: #383b3c;
 }