Skip to content

Commit

Permalink
added vryr and reoptimized for mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
@bjerrecs
bjerrecs committed Aug 27, 2024
1 parent 3348fc8 commit 83c2a14
Showing 1 changed file with 106 additions and 14 deletions.
120 changes: 106 additions & 14 deletions src/pages/va.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,22 +15,114 @@ import '../globals.css'
<ViewTransitions />
</head>
<body class="bg-[#f3f1ed] bg-[url('/skies.svg')] bg-cover w-screen h-full min-h-screen flex flex-wrap justify-center items-center" >
<div class="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full 2xl:w-fit min-w-[600px] h-fit">
<div class="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full xl:min-w-[600px] h-fit">
<div class="bg-[#3168e1] w-full p-4 rounded flex justify-center">
<img src="/vRYR-White.png" class="h-32 p-4" />
</div>
<div class="bg-[#ffffff] w-full p-4 rounded flex justify-around gap-8 h-64">
<div class="flex gap-4 flex-col">
<div class="bg-[#ffffff] p-4 rounded flex justify-around gap-8 w-full h-full min-h-[40vh]">
<div class="flex gap-4 flex-col h-full w-full ">
<h2 class="text-2xl text-center font-medium">vRYR is hosting multiple fly-in events!</h2>

<p>Some common routes for Raynair:</p>
<div class="flex justify-between gap-6 flex-col">
<table class="w-full">
<tbody>
<tr class="bg-gray-900 text-white">
<th>
Flight num
</td>
<th>
Destination
</th>
<th>
Origin
</th>
<th>
Aircraft
</th>
</tr>
<tr>
<td>FR6845</td>
<td>GDN</td>
<td>CPH</td>
<td>B738</td>
</tr>
<tr>
<td>FR2619</td>
<td>STN</td>
<td>CPH</td>
<td>B738</td>
</tr>
<tr>
<td>FR3759</td>
<td>EDI</td>
<td>CPH</td>
<td>B738</td>
</tr>
<tr>
<td>FR9742</td>
<td>BVA</td>
<td>CPH</td>
<td>B738</td>
</tr>
<tr>
<td>FR606</td>
<td>MAD</td>
<td>CPH</td>
<td>B738</td>
</tr>
</tbody>
</table>
<table class="w-full">
<tbody>
<tr class="bg-gray-900 text-white">
<th>
Flight num
</td>
<th>
Destination
</th>
<th>
Origin
</th>
<th>
Aircraft
</th>
</tr>
<tr>
<td>FR2990</td>
<td>CPH</td>
<td>BGY</td>
<td>B738</td>
</tr>
<tr>
<td>FR7384</td>
<td>CPH</td>
<td>STN</td>
<td>B738</td>
</tr>
<tr>
<td>FR6844</td>
<td>CPH</td>
<td>GDN</td>
<td>B738</td>
</tr>
<tr>
<td>FR3607</td>
<td>CPH</td>
<td>SOF</td>
<td>B738</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full 2xl:w-fit min-w-[600px] h-fit">
<div class="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full xl:min-w-[600px] h-fit">
<div class="bg-[#272c88] w-full p-4 rounded flex justify-center">
<img src="/vSAS_light.png" class="h-32 p-4" />
</div>
<div class="bg-[#ffffff] w-full p-4 rounded flex flex-col justify-center items-center h-full gap-8">
<div class="bg-[#ffffff] w-full p-2 rounded flex flex-col justify-center items-center h-full gap-8">
<div class="flex gap-4 flex-col ">
<h2 class="text-2xl text-center font-medium">vSAS is hosting a triangle group fligh!</h2>
<div class="bg-white w-96 mx-4 h-20 flex justify-between rounded-lg drop-shadow">
Expand Down Expand Up @@ -76,18 +168,18 @@ import '../globals.css'
</div>
</div>
</div>
<div class="flex gap-4 flex-col text-lg items-center justify-center">
<div class="flex gap-4 flex-col text-md items-center justify-center">
<p>vSAS are also organizing a giveaway raffle for all participating pilots.</p>
<p>The prerequisite is that the pilots have taken part in our group flight and sent back the PIREPS via our vAMSYS Pegasus System.</p>
<p>All vSAS Pilots will get +60 Bonus Points for each flight in or out of CPH during the event.</p>
</div>
</div>
</div>
<div class="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full 2xl:w-fit min-w-[600px] h-fit">
<div class="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full xl:min-w-[600px] h-fit">
<div class="bg-[#05164d] w-full p-4 rounded flex justify-center">
<img src="https://lh-virtual.com/wp-content/uploads/2022/12/full-hd_transparent_logo_white-300x71.png" class="h-32 p-4" />
</div>
<div class="bg-white w-full p-4 rounded flex justify-center h-full min-h-[50vh]">
<div class="bg-white w-full p-4 rounded flex justify-center h-full min-h-[40vh]">
<div class="flex gap-4 flex-col">
<h2 class="text-2xl text-center font-medium">LH Virtual is hosting multiple fly-in events!</h2>

Expand Down Expand Up @@ -126,19 +218,19 @@ import '../globals.css'
</div>
</div>
</div>
<div class="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full 2xl:w-fit min-w-[600px] h-fit">
<div class="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full xl:min-w-[600px] h-fit">
<div class="bg-[#2b2b2b] w-full p-4 rounded flex justify-center">
<img src="https://cdn.vamsys.xyz/phoenixMediaStore/logo_select_page_dark/24620/c/vEZY_White_2022-logo.png" class="h-32 p-4" />
</div>
<div class="bg-[#ffffff] w-full p-4 rounded flex justify-around h-full gap-8">
<div class="bg-[#ffffff] w-full p-4 rounded flex justify-around gap-8 h-full min-h-[40vh]">
<div class="flex gap-4 flex-col">
<h2 class="text-2xl text-center font-medium">vEZY is hosting multiple fly-in events!</h2>
<p>All vEZY Pilots will get 250 Bonus Points for each flight in or out of CPH during the event.</p>
<p>Some common routes for EasyJet:</p>
<div class="flex justify-between gap-6">
<div class="flex justify-between gap-6 flex-col">
<table class="w-full">
<tbody>
<tr>
<tr class="bg-gray-900 text-white">
<th>
Flight num
</td>
Expand Down Expand Up @@ -186,7 +278,7 @@ import '../globals.css'
</table>
<table class="w-full">
<tbody>
<tr>
<tr class="bg-gray-900 text-white">
<th>
Flight num
</td>
Expand Down

0 comments on commit 83c2a14

Please sign in to comment.