tothbt/ejc2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finish desktop view pt1

Browse Source
This commit is contained in:
Richard Toth
2026-06-19 21:42:28 +02:00
parent 9a9bbe33c0
commit 45c9b1c719
10 changed files with 272 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/two-events/two-events.html
+39 -29
View File
@@ -1,38 +1,48 @@
<div class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6">
<div class="text-center text-2xl text-ejc-dark font-extrabold leading-[130%]">
<div
class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6 md:px-0 md:py-20">
<div
class="text-center text-2xl text-ejc-dark font-extrabold leading-[130%] md:text-[40px]">
Follow the two events!
</div>
<div class="flex flex-col gap-6">
<img src="/images/team_event.png" alt="Team Event" />
<div class="text-ejc-dark font-extrabold text-xl text-center">
2026 European Junior Team Championships
</div>
<div
class="text-center text-[16px] text-ejc-orange font-bold leading-[130%]">
18-22 Aug 2026
</div>
<div class="flex justify-center">
<div class="flex flex-col gap-6 md:flex-row">
<div class="flex flex-col gap-6">
<img
class="md:aspect-video"
src="/images/team_event.png"
alt="Team Event" />
<div class="text-ejc-dark font-extrabold text-xl text-center">
2026 European Junior Team Championships
</div>
<div
class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
More info
<app-chevron-right></app-chevron-right>
class="text-center text-[16px] text-ejc-orange font-bold leading-[130%]">
18-22 Aug 2026
</div>
<div class="flex justify-center">
<div
class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
More info
<app-chevron-right></app-chevron-right>
</div>
</div>
</div>
</div>
<div class="flex flex-col gap-6">
<img src="/images/individual_event.png" alt="Individual Event" />
<div class="text-ejc-dark font-extrabold text-xl text-center">
2026 European Junior Championships
</div>
<div
class="text-center text-[16px] text-ejc-orange font-bold leading-[130%]">
22-27 Aug 2026
</div>
<div class="flex justify-center">
<div class="flex flex-col gap-6">
<img
class="md:aspect-video"
src="/images/individual_event.png"
alt="Individual Event" />
<div class="text-ejc-dark font-extrabold text-xl text-center">
2026 European Junior Championships
</div>
<div
class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
More info
<app-chevron-right></app-chevron-right>
class="text-center text-[16px] text-ejc-orange font-bold leading-[130%]">
22-27 Aug 2026
</div>
<div class="flex justify-center">
<div
class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
More info
<app-chevron-right></app-chevron-right>
</div>
</div>
</div>
</div>