From 70544a90084738158ddad4df37d0717e762ba046 Mon Sep 17 00:00:00 2001
From: Damian <damianmarti@gmail.com>
Date: Fri, 16 Aug 2024 17:37:34 -0300
Subject: [PATCH 1/4] Timeline update

---
 .../components/extensions-hackathon/Timeline.tsx   | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/nextjs/components/extensions-hackathon/Timeline.tsx b/packages/nextjs/components/extensions-hackathon/Timeline.tsx
index 0733d15..0a23679 100644
--- a/packages/nextjs/components/extensions-hackathon/Timeline.tsx
+++ b/packages/nextjs/components/extensions-hackathon/Timeline.tsx
@@ -6,18 +6,18 @@ export const Timeline = () => {
         <div className="flex flex-col items-center lg:flex-row justify-center gap-3 lg:gap-5 flex-1">
           <div className="h-[80%] w-[20px] lg:w-[80%] lg:h-[20px]  bg-base-200 flex justify-between relative">
             <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center lg:rotate-0 lg:-top-[68px] lg:left-[10%]">
-              <h2 className="m-0">Application open</h2>
-              <p className="m-0 font-bold mb-4">Aug 21</p>
+              <h2 className="m-0">Hackathon Starts</h2>
+              <p className="m-0 font-bold mb-4">Aug 20</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>
             </div>
-            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center top-[45%] lg:rotate-0 lg:-top-[68px] lg:left-[45%]">
-              <h2 className="m-0">Application closed</h2>
-              <p className="m-0 font-bold">Aug 23</p>
+            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center top-[55%] lg:rotate-0 lg:-top-[68px] lg:left-[55%]">
+              <h2 className="m-0">Submission Closed</h2>
+              <p className="m-0 font-bold">Sep 2</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>
             </div>
             <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center bottom-0 -right-[86px] lg:rotate-0 lg:-top-[68px] lg:right-[10%]">
-              <h2 className="m-0">Result live</h2>
-              <p className="m-0 font-bold">Aug 24</p>
+              <h2 className="m-0">Winners Announcement</h2>
+              <p className="m-0 font-bold">Sep 6</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>
             </div>
           </div>

From 77e48bda5f2d705cbaaf90cae8870eefca5d7dc8 Mon Sep 17 00:00:00 2001
From: Pablo Alayeto <55535804+Pabl0cks@users.noreply.github.com>
Date: Sat, 17 Aug 2024 16:59:08 +0200
Subject: [PATCH 2/4] Small tweaks on horizontal positioning

---
 packages/nextjs/components/extensions-hackathon/Timeline.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/components/extensions-hackathon/Timeline.tsx b/packages/nextjs/components/extensions-hackathon/Timeline.tsx
index 0a23679..7adf9fb 100644
--- a/packages/nextjs/components/extensions-hackathon/Timeline.tsx
+++ b/packages/nextjs/components/extensions-hackathon/Timeline.tsx
@@ -10,7 +10,7 @@ export const Timeline = () => {
               <p className="m-0 font-bold mb-4">Aug 20</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>
             </div>
-            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center top-[55%] lg:rotate-0 lg:-top-[68px] lg:left-[55%]">
+            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center top-[55%] lg:rotate-0 lg:-top-[68px] lg:left-[39%] xl:left-[50%]">
               <h2 className="m-0">Submission Closed</h2>
               <p className="m-0 font-bold">Sep 2</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>

From c917cb079112537c30c4b023ec8ea7433ab86241 Mon Sep 17 00:00:00 2001
From: Pablo Alayeto <55535804+Pabl0cks@users.noreply.github.com>
Date: Sat, 17 Aug 2024 17:11:05 +0200
Subject: [PATCH 3/4] Small tweaks on vertical positioning

---
 .../components/extensions-hackathon/Timeline.tsx       | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/nextjs/components/extensions-hackathon/Timeline.tsx b/packages/nextjs/components/extensions-hackathon/Timeline.tsx
index 7adf9fb..68fd5c2 100644
--- a/packages/nextjs/components/extensions-hackathon/Timeline.tsx
+++ b/packages/nextjs/components/extensions-hackathon/Timeline.tsx
@@ -1,21 +1,21 @@
 export const Timeline = () => {
   return (
-    <div className="flex flex-col w-full min-h-[120vh] lg:min-h-[400px] gap-3 lg:gap-5 bg-accent items-center border border-1 border-t-0 border-black p-12">
+    <div className="flex flex-col w-full min-h-[100vh] lg:min-h-[400px] gap-3 lg:gap-5 bg-accent items-center border border-1 border-t-0 border-black p-12">
       <h1 className="text-4xl">Timeline</h1>
       <div className="min-w-full lg:mt-32 flex flex-1 lg:flex-grow-0">
         <div className="flex flex-col items-center lg:flex-row justify-center gap-3 lg:gap-5 flex-1">
-          <div className="h-[80%] w-[20px] lg:w-[80%] lg:h-[20px]  bg-base-200 flex justify-between relative">
-            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center lg:rotate-0 lg:-top-[68px] lg:left-[10%]">
+          <div className="h-[70%] w-[20px] lg:w-[80%] lg:h-[20px] bg-base-200 flex justify-between relative">
+            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center lg:rotate-0 top-[5%] lg:-top-[68px] lg:left-[10%]">
               <h2 className="m-0">Hackathon Starts</h2>
               <p className="m-0 font-bold mb-4">Aug 20</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>
             </div>
-            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center top-[55%] lg:rotate-0 lg:-top-[68px] lg:left-[39%] xl:left-[50%]">
+            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center top-[50%] lg:rotate-0 lg:-top-[68px] lg:left-[39%] xl:left-[50%]">
               <h2 className="m-0">Submission Closed</h2>
               <p className="m-0 font-bold">Sep 2</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>
             </div>
-            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center bottom-0 -right-[86px] lg:rotate-0 lg:-top-[68px] lg:right-[10%]">
+            <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center bottom-[5%] -right-[86px] lg:rotate-0 lg:-top-[68px] lg:right-[10%]">
               <h2 className="m-0">Winners Announcement</h2>
               <p className="m-0 font-bold">Sep 6</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>

From b5b69a0265ccf618eeabea4e117c4f2eebab8e33 Mon Sep 17 00:00:00 2001
From: Pablo Alayeto <55535804+Pabl0cks@users.noreply.github.com>
Date: Sat, 17 Aug 2024 17:13:34 +0200
Subject: [PATCH 4/4] Submissions

---
 packages/nextjs/components/extensions-hackathon/Timeline.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nextjs/components/extensions-hackathon/Timeline.tsx b/packages/nextjs/components/extensions-hackathon/Timeline.tsx
index 68fd5c2..1744652 100644
--- a/packages/nextjs/components/extensions-hackathon/Timeline.tsx
+++ b/packages/nextjs/components/extensions-hackathon/Timeline.tsx
@@ -11,7 +11,7 @@ export const Timeline = () => {
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>
             </div>
             <div className="flex flex-col space-y-2 items-center absolute rotate-90 text-center top-[50%] lg:rotate-0 lg:-top-[68px] lg:left-[39%] xl:left-[50%]">
-              <h2 className="m-0">Submission Closed</h2>
+              <h2 className="m-0">Submissions Closed</h2>
               <p className="m-0 font-bold">Sep 2</p>
               <div className="!mt-8 bg-black min-w-[28px] min-h-[1px] rotate-90"></div>
             </div>