Merge pull request #26 from zijunw04/update-hackpack

Updated hackpack, fixed timer, and small adjustment schedule
SparkHacks · Feb 1, 2024 · 5c69b4d · 5c69b4d
2 parents 75056bd + b67450e
commit 5c69b4d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx
@@ -137,7 +137,7 @@ function ScheduleCard({ children }: { children: React.ReactNode }) {
 
 function WorkshopCard({ children }: { children: React.ReactNode }) {
   return (
-    <div className="rounded-[26px] w-[300px] border-4 border-[#FFDAB9] border-[4px_solid_#FFDAB9] shadow-[0px_0px_4px_0px_#FFDAB9] backdrop-blur-[19.5px] flex flex-col p-6 text-white font-poppin justify-center items-center gap-4 text-center h-[300px]">
+    <div className="rounded-[26px] w-[300px] border-4 border-[#FFDAB9] border-[4px_solid_#FFDAB9] shadow-[0px_0px_4px_0px_#FFDAB9] backdrop-blur-[19.5px] flex flex-col py-3 px-6 text-white font-poppin justify-start items-center gap-4 text-center h-[320px]">
       {children}
     </div>
   );
@@ -153,8 +153,8 @@ export default function Schedule() {
           {preWorkshop.map((day, i) => (
             <WorkshopCard
               key={i}>
-              <img src={day.image} alt="" className="w-20 h-20 pt-5 rounded-full object-contain brightness-0 invert" />
-              <div className="flex flex-wrap items-center justify-center gap-1">
+              <img src={day.image} alt="" className="w-20 h-20 pt-2 object-contain brightness-0 invert" />
+              <div className="flex flex-wrap items-center justify-center gap-1 flex-col">
                 <h1 className="text-3xl font-poppin font-[500]">{day.date}</h1>
                 <a className=" text-[#FFCE6A] cursor-pointer" href={day.maps} target="_blank">{day.location}</a>
               </div>

diff --git a/src/components/information.jsx b/src/components/information.jsx
@@ -32,7 +32,7 @@ function useTimer(deadline, interval = SECOND) {
 
 
 export default function Information() {
-  const { days, hours, minutes, seconds } = useTimer("2024-02-09T12:00:00");
+  const { days, hours, minutes, seconds } = useTimer("2024-02-09T15:30:00");
 
   return(
     <section className="bg-stars-pattern w-full min-h-[300px] py-4 pb-20 flex lg:flex-row flex-col lg:gap-0 gap-[50px] overflow-x-hidden bg-[length:300px_300px] ">
@@ -84,7 +84,7 @@ export default function Information() {
           text-3xl font-[500]">Resources</h1>
           <h1 className=" animate-bounce lg:text-[50px] text-3xl">‍💼</h1>
         </div>
-        <a href="/" target="_blank" className="mt-5 shadow-[0px_0px_4px_0px_#FFDAB9] rounded-[26.812px] border-4 border-solid border-[#FFDAB9] backdrop-blur-[19.5px] h-[100px] w-[300px] flex justify-center items-center flex-col ">
+        <a href="https://pebble-snowstorm-059.notion.site/HackPack-075a7d013a0449859f4f8d7654bd98cc" target="_blank" className="mt-5 shadow-[0px_0px_4px_0px_#FFDAB9] rounded-[26.812px] border-4 border-solid border-[#FFDAB9] backdrop-blur-[19.5px] h-[100px] w-[300px] flex justify-center items-center flex-col ">
           <h1 className="text-[#FFDAB9] text-md font-poppin drop-shadow-[0px_0px_4px_#FFCE6A]">Click to view</h1>
           <h1 className="text-[#FFDAB9] text-2xl font-poppin drop-shadow-[0px_0px_4px_#FFCE6A]">Hack Pack</h1>
         </a>