Skip to content

Commit

Permalink
updated majority of VA page
Browse files Browse the repository at this point in the history
  • Loading branch information
@bjerrecs
bjerrecs committed Sep 3, 2024
1 parent 225445d commit 53f12e2
Show file tree
Hide file tree
Showing 2 changed files with 54 additions and 118 deletions.
17 changes: 17 additions & 0 deletions src/components/flight.astro
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
---
const { departureAirport,flightNumber,duration,arrivalAirport,aircraftType } = Astro.props;
---
<div class="w-[calc(50%-10px)] bg-white aspect-[3/1] flex justify-between items-center px-2">
<div class="flex flex-col justify-center items-center">
<span class="font-bold">{departureAirport}</span>
<span class="text-sm">{flightNumber}</span>
</div>
<div class="flex flex-col justify-center items-center pt-4">
<span class="text-sm">- - - - - <img src="/airplane.svg" class="w-6 aspect-square inline"/> - - - - -</span>
<span class="text-sm">{duration}</span>
</div>
<div class="flex flex-col justify-center items-center">
<span class="font-bold">{arrivalAirport}</span>
<span class="text-sm">{aircraftType}</span>
</div>
</div>
155 changes: 37 additions & 118 deletions src/pages/va.astro
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
---
import { ViewTransitions } from "astro:transitions";
import Flight from "../components/flight.astro";
import '../globals.css'
---
<html lang="en">
Expand All @@ -14,115 +15,39 @@ import '../globals.css'
<title>Copenhagen Live</title>
<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 xl:min-w-[600px] h-fit">
<body class="bg-[#fff] 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 xl:min-w-[400px] 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] p-4 rounded flex justify-around gap-8 w-full h-full min-h-[40vh]">
<div class="bg-[#f0f2f2] p-2 rounded flex justify-around gap-8 w-full h-full min-h-[50vh]">
<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>
<p class="text-center">Some common routes for Raynair:</p>
<div class="flex justify-between gap-6 flex-col ">
<div class="flex justify-center flex-row gap-2 w-full flex-wrap">
<Flight departureAirport="CPH" flightNumber="FR6845" duration="" arrivalAirport="GDN" aircraftType="B738" />
<Flight departureAirport="CPH" flightNumber="FR3759" duration="" arrivalAirport="EDI" aircraftType="B738" />
<Flight departureAirport="CPH" flightNumber="FR9742" duration="" arrivalAirport="BVA" aircraftType="B738" />
<Flight departureAirport="CPH" flightNumber="FR606" duration="" arrivalAirport="MAD" aircraftType="B738" />
</div>
<div class="flex justify-center flex-row gap-2 w-full flex-wrap">
<Flight departureAirport="BYG" flightNumber="FR2990" duration="" arrivalAirport="CPH" aircraftType="B738" />
<Flight departureAirport="STN" flightNumber="FR7384" duration="" arrivalAirport="CPH" aircraftType="B738" />
<Flight departureAirport="GDN" flightNumber="FR6844" duration="" arrivalAirport="CPH" aircraftType="B738" />
<Flight departureAirport="SOF" flightNumber="FR3607" duration="" arrivalAirport="CPH" aircraftType="B738" />
</div>
</div>
<p class="text-center">Visit their website here for more information</p>
<a href="https://vryr.eu/" target="_blank" class="text-center text-blue-700 font-medium hover:underline -mt-4 p-0">vryr.eu</a>
</div>
</div>
</div>
<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="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full xl:min-w-[400px] 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-2 rounded flex flex-col justify-center items-center h-full gap-8">
<div class="bg-[#f0f2f2] w-full p-2 rounded flex flex-col justify-center items-center h-full gap-4 min-h-[50vh]">
<div class="flex gap-4 flex-col ">
<h2 class="text-2xl text-center font-medium">vSAS is hosting a triangle group fligh!</h2>

Expand Down Expand Up @@ -170,22 +95,20 @@ import '../globals.css'
</div>
</div>
</div>
<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 class="flex flex-col text-md text-center items-center justify-center">
<p>vSAS are also organizing a giveaway raffle for all participating pilots. <br /> All information are avilable on the vSAS website</p>
<a href="https://www.flysasvirtual.net/events" target="_blank" class="text-center text-blue-700 font-medium hover:underline p-0">flysasvirtual.net/events</a>
</div>
</div>
</div>
<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="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full xl:min-w-[400px] 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-[40vh]">
<div class="bg-[#f0f2f2] w-full p-4 rounded flex justify-center h-full min-h-[50vh]">
<div class="flex gap-4 flex-col">
<h2 class="text-2xl text-center font-medium">LH Virtual is hosting multiple fly-in events!</h2>

<div class="grid grid-cols-3 gap-4 mt-12">
<div class="grid grid-cols-3 gap-4">
<div class="flex flex-col justify-center items-center font-semibold text-lg">
<img src="https://www.lufthansagroup.com/media/_processed_/c/1/csm_Tailfin_LH_textured_rgb_ecf7d55cbd.png" class="w-32 aspect-auto">
<p>Lufthansa</p>
Expand All @@ -198,33 +121,35 @@ import '../globals.css'
</div>
<div class="flex flex-col justify-center items-center font-semibold text-lg">
<img src="https://www.lufthansagroup.com/media/_processed_/0/3/csm_Discover-Airlines-Texture-Tail_d26d370342.png" class="w-32 aspect-auto">
<p>Discover Airlines</p>
<p>Discover</p>
<p class="text-sm">OCN / OCEAN</p>
</div>
<div class="flex flex-col justify-center items-center font-semibold text-lg">
<img src="https://www.lufthansagroup.com/media/_processed_/9/8/csm_Tailfin_LX_textured_rgb_5109000edd.png" class="w-32 aspect-auto">
<p>SWISS and Edelweiss Air</p>
<p class="text-sm">(SWR / SWISS) (EDW / EDELWEISS)</p>
<p>SWISS</p>
<p class="text-sm">SWR / SWISS</p>
</div>
<div class="flex flex-col justify-center items-center font-semibold text-lg">
<img src="https://www.lufthansagroup.com/media/_processed_/8/a/csm_Tailfin_OS_textured_rgb_c17441abaa.png" class="w-32 aspect-auto">
<p>Austrian Airlines</p>
<p>Austrian</p>
<p class="text-sm">AUA / AUSTRIAN</p>
</div>
<div class="flex flex-col justify-center items-center font-semibold text-lg">
<img src="https://www.lufthansagroup.com/media/_processed_/8/9/csm_Tailfin_SN_textured_rgb_96b987c94d.png" class="w-32 aspect-auto">
<p>Brussels Airlines</p>
<p>Brussels</p>
<p class="text-sm">BEL / BEE-LINE</p>
</div>
</div>
<p class="text-center">Visit their website here for more information</p>
<a href="https://lh-virtual.com/" target="_blank" class="text-center text-blue-700 font-medium hover:underline -mt-4 p-0">lh-virtual.com</a>
</div>
</div>
</div>
<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="flex flex-col justify-center items-center basis-1/1 2xl:basis-1/4 p-4 w-full xl:min-w-[400px] 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 gap-8 h-full min-h-[40vh]">
<div class="bg-[#f0f2f2] w-full p-4 rounded flex justify-around gap-8 h-full min-h-[50vh]">
<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>
Expand Down Expand Up @@ -270,12 +195,6 @@ import '../globals.css'
<td>CPH</td>
<td>A319</td>
</tr>
<tr>
<td>U28723</td>
<td>LGW</td>
<td>CPH</td>
<td>A319</td>
</tr>
</tbody>
</table>
<table class="w-full">
Expand Down

0 comments on commit 53f12e2

Please sign in to comment.