work in progress

Vatsim-Scandinavia · Jul 27, 2024 · 22ae710 · 22ae710
1 parent fae971e
commit 22ae710
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 12 deletions.
diff --git a/public/simnord.png b/public/simnord.png
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -9,33 +9,90 @@ import Layout from "../layout/index.astro";
       <iframe src="https://lottie.host/embed/51823aa2-f66a-43b7-822a-19bc5df0f843/mkeOn7yXol.json" />
   </div>
 
-  <div class="w-screen min-h-screen h-fit md:h-screen text-[#1a4860] grid grid-cols-1 md:grid-cols-5 gap-8 p-12" id="info">
-    <div class="md:col-span-3 bg-white p-12 rounded-md">
+  <div class="w-screen min-h-screen h-fit md:h-screen text-[#1a4860] grid grid-cols-5 gap-8 p-12" id="info">
+    <div class="col-span-5 xl:col-span-3 bg-white p-12 rounded-md">
       <h1 class="text-4xl font-bold">📅 Schedule</h1>
       <div class="flex text-2xl font-semibold pt-4 justify-center items-center">
         <div class="w-1/3">
-          <h2>Test</h2>
+          <h2>06:00 | Event start</h2>
+          <h2>06:00-10:00</h2>
+          <u>
+            <li class="text-lg">Morning rush event</li>
+          </u>
+          <h2>10:00-12:00</h2>
+          <h2>12:00-14:00</h2>
         </div>
         <div class="w-1/3">
-          <h2>Test</h2>
+          <h2>14:00-16:00</h2>
+          <h2>16:00-18:00</h2>
         </div>
         <div class="w-1/3">
-          <h2>Test</h2>
+          <h2>18:00-20:00</h2>
+          <h2>20:00-22:00</h2>
+          <h2>22:00 | Event end</h2>
         </div>
       </div>
     </div>
-    <div class="md:col-span-2 bg-white p-12 rounded-md">
-      <h1 class="text-4xl font-bold">🔗 Links</h1>
-      <a href="">
-        <p>📄 Pilot Briefing</p>
-        <p>📺 Twich Stream</p>
+    <div class="col-span-5 xl:col-span-2 bg-white p-12 rounded-md">
+      <h1 class="text-4xl font-bold mb-12" >🔗 Links</h1>
+      <a href="" class="text-3xl font-semibold mb-6">
+        <p>📄 Pilot Briefing</p> 
+      </a>
+      <a href="" class="text-3xl font-semibold mb-6">
+        <p class="mb-6">📺 Twich Stream</p>
       </a>
     </div>
-    <div class="md:col-span-3 bg-white p-12 rounded-md">
+    <div class="col-span-5 xl:col-span-3 bg-white p-12 rounded-md">
       <h1 class="text-4xl font-bold">🏆 Competitions</h1>
+      <div class="w-full h-full p-4 grid grid-cols-4 gap-4 text-white">
+        <div class="bg-[#1a4860] w-full h-full rounded p-4 relative">
+          <h3 class=" text-2xl font-semibold">Morning Rush</h3>
+          <p>Time: 06-07Z</p>
+          <hr class="my-2"/>
+          <p>Depart from EKCH wintin the first hour of the event to any destination. Winner will be drawn via a raffel</p>
+          <a class="bg-gray-300 p-2 rounded absolute bottom-4 left-4 text-[#1a4860]">Participate</a>
+        </div>
+        <div class="bg-[#1a4860] w-full h-full rounded p-4 relative">
+          <h3 class=" text-2xl font-semibold">Late return</h3>
+          <p>Time: 21-22Z</p>
+          <hr class="my-2"/>
+          <p>Arrive in EKCH wintin the last hour of the event. Winner will be drawn via a raffel</p>
+          <a class="bg-gray-300 p-2 rounded absolute bottom-4 left-4 text-[#1a4860]">Participate</a>
+        </div>
+        <div class="bg-[#1a4860] w-full h-full rounded p-4 relative">
+          <h3 class=" text-2xl font-semibold">Destination - Long haul</h3>
+          <p>Time: 06-22Z</p>
+          <hr class="my-2"/>
+          <p>Embark on a 3+ hour flight from EKCH and return wintin the event hours. Winner will be drawn via a raffel</p>
+          <a class="bg-gray-300 p-2 rounded absolute bottom-4 left-4 text-[#1a4860]">Participate</a>
+        </div>
+        <div class="bg-[#1a4860] w-full h-full rounded p-4 relative">
+          <h3 class=" text-2xl font-semibold">Regional Pilot</h3>
+          <p>Time: 06-22Z</p>
+          <hr class="my-2"/>
+          <p>Do the most sectors witnin EKDK. The pilot with the most sectors wins</p>
+          <a class="bg-gray-300 p-2 rounded absolute bottom-4 left-4 text-[#1a4860]">Participate</a>
+        </div>
+        <div class="bg-[#1a4860] w-full h-full rounded">
+
+        </div>
+        <div class="bg-[#1a4860] w-full h-full rounded">
+
+        </div>
+        <div class="bg-[#1a4860] w-full h-full rounded">
+
+        </div>
+        <div class="bg-[#1a4860] w-full h-full rounded">
+
+        </div>
+      </div>
     </div>
-    <div class="md:col-span-2 bg-white p-12 rounded-md">
+    <div class="col-span-5 xl:col-span-2 bg-white p-12 rounded-md">
       <h1 class="text-4xl font-bold">👋🏻 Event Sponsors</h1>
+      <div class="flex justify-between gap-4 p-4 mt-12">
+        <img src="/simnord.png" alt="" class="h-auto w-64 bg-gray-400 p-2 rounded-md">
+      </div>
+
     </div>
   </div>