Hackathon time updates

ML-Purdue · Oct 12, 2023 · bc3be8b · bc3be8b
1 parent 14d46c0
commit bc3be8b
Showing 1 changed file with 19 additions and 18 deletions.
diff --git a/src/pages/dagshub-hackathon.astro b/src/pages/dagshub-hackathon.astro
@@ -100,14 +100,14 @@ const description = "ML@Purdue DagsHub Hackathon";
                 </div>
             </div>
             <br />
-            <p>
+            <p class="text-justify w-[75vw]">
 	    Specifics regarding delivarables are listed below!
             </p>
         </ContentSection>
         <Spacer y={48} />
         <ContentSection id="dh-details" title="Details">
             <h1 class="font-bold text-3xl gradient-text">Prizes</h1>
-            <div class="grid grid-cols-1 md:grid-cols-2 text-center w-[45vw]  gap-8 md:gap-24">
+            <div class="grid grid-cols-1 md:grid-cols-2 text-center md:w-[45vw] w-[75vw]  gap-8 md:gap-24">
                 <div>
                     <h1 class="font-bold text-xl h-16">Guided</h1>
                     <div>
@@ -130,7 +130,7 @@ const description = "ML@Purdue DagsHub Hackathon";
                 </div>
             </div>
             <br />
-            <h1 class="font-bold text-3xl gradient-text">Timeline</h1>
+            <h1 class="font-bold text-3xl gradient-text">Locations & Timeline</h1>
             <ul class="items-center	flex justify-center flex-col">
                 <!-- <li>Oct 14: Kickoff & Onboarding to DagsHub and Colab 101</li>
                 <li>Oct 21: Data Engine & Office Hours</li>
@@ -141,39 +141,40 @@ const description = "ML@Purdue DagsHub Hackathon";
             <div class="timeline">
                 <div class="container right">
                   <div class="content">
-                    <h1 class="text-lg font-bold">October 14</h1>
-                    <p>Kickoff & Onboarding to DagsHub and Colab 101</p>
+                    <h1 class="text-lg font-bold">October 14 (CL50 224)</h1>
+                    <p><span class="italic">Optional</span> Team Finding Event <span class="font-bold">@ 4pm</span></p>
+                    <p>Kick-off Ceremony & Workshops <span class="font-bold">@ 5-8pm</span></p>
                   </div>
                 </div>
                 <div class="container right">
                   <div class="content">
-                    <h1 class="text-lg font-bold">October 21</h1>
-                    <p>Data Engine & Office Hours</p>
+                    <h1 class="text-lg font-bold">October 21 (BRNG 2280)</h1>
+                    <p>Data Engine & Office Hours <span class="font-bold">@ 5-8pm</span></p>
                   </div>
                 </div>
                 <div class="container right">
                   <div class="content">
-                    <h1 class="text-lg font-bold">October 28</h1>
-                    <p>Competition Midnight & Office Hours</p>
+                    <h1 class="text-lg font-bold">October 28 (BRNG 2280)</h1>
+                    <p>Competition Midnight & Office Hours <span class="font-bold">@ 5-8pm</span></p>
                   </div>
                 </div>
                 <div class="container right">
                     <div class="content">
-                      <h1 class="text-lg font-bold">November 4</h1>
-                      <p>Submission Date & Office Hours</p>
+                      <h1 class="text-lg font-bold">November 4 (BRNG 2280)</h1>
+                      <p>Submission Date & Office Hours <span class="font-bold">@ 5-8pm</span></p>
                     </div>
                   </div>
                   <div class="container right">
                     <div class="content">
-                      <h1 class="text-lg font-bold">November 11</h1>
-                      <p>Closing Ceremony & Winner Announcement</p>
+                      <h1 class="text-lg font-bold">November 11 (CL50 224)</h1>
+                      <p>Closing Ceremony & Winners <span class="font-bold">@ 5-8pm</span></p>
                     </div>
                   </div>
             </div>
             <br />
-            <h1 class="font-bold text-3xl gradient-text">Location and Timing</h1>
+            <!-- <h1 class="font-bold text-3xl gradient-text">Location and Timing</h1>
             <p><a class="underline dotted" target="_blank" href="https://maps.app.goo.gl/tr9WSCP8FFGqioD79">BRNG 2280</a>, 5pm - 8pm for all dates!
-            <br />
+            <br /> -->
             <h1 class="font-bold text-3xl gradient-text">Competition Tracks</h1>
 
             <div class="grid grid-cols-1 md:grid-cols-2 text-justify w-[75vw] gap-8 md:gap-24">
@@ -251,7 +252,7 @@ const description = "ML@Purdue DagsHub Hackathon";
         background-color: white;
         top: 0;
         bottom: 0;
-        left: 27%;
+        left: 0%;
         margin-left: -6px;
         }
 
@@ -284,7 +285,7 @@ const description = "ML@Purdue DagsHub Hackathon";
 
         /* Place the container to the right */
         .right {
-        left: 27%;
+        left: 0%;
         }
 
         /* Add arrows to the left container (pointing right) */
@@ -326,7 +327,7 @@ const description = "ML@Purdue DagsHub Hackathon";
         background-color: var(--color-background-offset);
         position: relative;
         border-radius: 6px;
-        width: 150%;
+        width: 250%;
         }
 
         /* Media queries - Responsive timeline on screens less than 600px wide */