changes by Miki

2026-06-23 20:50:19 +02:00
parent af035b87e5
commit 3c184cb015
7 changed files with 161 additions and 126 deletions
@@ -1,6 +1,6 @@
 <app-header></app-header>

-<main class="main">
+<main class="main" class="pt-19 md:pt-27">
  <app-cover></app-cover>
  <app-welcome></app-welcome>
  <app-two-events id="events"></app-two-events>
@@ -1,4 +1,5 @@
-<div class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6 xl:max-w-315 md:px-0">
+<div
+  class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6 xl:max-w-315 md:px-0">
  <div
    class="text-center text-2xl text-ejc-dark font-extrabold leading-[130%] md:text-[40px]">
    Discover the host cities!
@@ -18,11 +19,13 @@
        enthusiasts and families.
      </div>
      <div class="flex justify-center">
-        <div
+        <a
+          href="https://visittata.com/list-page/417-tatabanya"
+          target="_blank"
          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>
+        </a>
      </div>
    </div>
    <div class="flex flex-col gap-6 md:flex-1">
@@ -38,11 +41,13 @@
        recreation and sightseeing.
      </div>
      <div class="flex justify-center">
-        <div
+        <a
+          href="https://visittata.com/list-page/413-tata"
+          target="_blank"
          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>
+        </a>
      </div>
    </div>
  </div>
@@ -1,6 +1,6 @@
 <div class="w-screen bg-ejc-dark-blue">
  <div
-    class="container mx-auto flex flex-col gap-6 md:flex-wrap md:justify-center xl:max-w-315 px-5 py-10 md:px-0 lg:flex-row lg:justify-between lg:gap-20 xl:gap-30">
+    class="container mx-auto flex flex-col gap-6 md:flex-wrap md:justify-center xl:max-w-315 px-5 py-10 md:px-0 lg:flex-row lg:justify-between lg:gap-20 xl:gap-40">
    <div
      class="flex flex-col gap-6 md:flex-row lg:flex-1 lg:justify-between lg:gap-0">
      <div class="flex justify-center md:flex-1 md:justify-start">
@@ -59,19 +59,22 @@
      </div>
      <div class="flex flex-col gap-3 md:flex-1 lg:items-end">
        <div
-          class="text-white sm:text-center md:text-left font-bold text-[16px] md:text-[20px] lg:pr-10">
+          class="text-white sm:text-center md:text-left font-bold text-[16px] md:text-[20px]">
          Follow us!
        </div>
-        <div class="flex gap-2.5 sm:justify-center md:justify-start">
-          <img
-            src="/images/facebook.png"
-            alt="Facebook"
-            class="w-7.5 md:w-10" />
-          <img
-            src="/images/instagram.png"
-            alt="Instagram"
-            class="w-7.5 md:w-10" />
-          <img src="/images/youtube.png" alt="Youtube" class="w-7.5 md:w-10" />
+        <div class="flex gap-2.5 sm:justify-center md:justify-start lg:pr-2.5">
+          <a href="https://www.facebook.com/tollaslabda" target="_blank">
+            <img
+              src="/images/facebook.png"
+              alt="Facebook"
+              class="w-7.5 md:w-10" />
+          </a>
+          <a href="https://www.instagram.com/badmintonhungary/" target="_blank">
+            <img
+              src="/images/instagram.png"
+              alt="Instagram"
+              class="w-7.5 md:w-10" />
+          </a>
        </div>
      </div>
    </div>
@@ -1,112 +1,126 @@
-<div class="w-screen bg-ejc-orange h-10.25 hidden md:flex items-center">
-  <div class="container mx-auto flex justify-between xl:max-w-315">
-    <div class="flex gap-6">
-      <div class="flex gap-2.5 items-center">
-        <app-mail></app-mail>
-        <div class="text-white text-[13px] font-bold">office@badminton.hu</div>
+<div class="fixed top-0 left-0 w-screen z-50">
+  <div class="w-screen bg-ejc-orange h-10.25 hidden md:flex items-center">
+    <div class="container mx-auto flex justify-between xl:max-w-315">
+      <div class="flex gap-6">
+        <div class="flex gap-2.5 items-center">
+          <app-mail></app-mail>
+          <div class="text-white text-[13px] font-bold">
+            office@badminton.hu
+          </div>
+        </div>
+        <div class="flex gap-2.5 items-center">
+          <app-phone></app-phone>
+          <div class="text-white text-[13px] font-bold">+36 30 329 5154</div>
+        </div>
      </div>
-      <div class="flex gap-2.5 items-center">
-        <app-phone></app-phone>
-        <div class="text-white text-[13px] font-bold">+36 30 329 5154</div>
+      <div class="flex gap-6 text-[13px] font-bold text-ejc-dark">
+        <div>
+          <a class="text-ejc-dark" href="https://badmintoneurope.com">
+            Badminton Europe
+          </a>
+        </div>
+        <div>
+          <a class="text-ejc-dark" href="https://badminton.hu">badminton.hu</a>
+        </div>
      </div>
    </div>
-    <div class="flex gap-6 text-[13px] font-bold text-ejc-dark">
-      <div>
-        <a class="text-ejc-dark" href="https://badmintoneurope.com">
-          Badminton Europe
-        </a>
-      </div>
-      <div>
-        <a class="text-ejc-dark" href="https://badminton.hu">badminton.hu</a>
+  </div>
+  <div class="w-screen bg-ejc-dark-blue h-16.75 hidden md:flex items-center">
+    <div class="container mx-auto flex justify-between xl:max-w-315">
+      <img
+        class="w-5.25 cursor-pointer"
+        (click)="scrollToTop()"
+        src="/images/logo-small.png"
+        alt="Logo" />
+      <div class="flex gap-6 text-[16px] font-bold text-white">
+        <div>
+          <a
+            class="text-white font-extrabold cursor-pointer"
+            (click)="scrollTo('events');">
+            Events
+          </a>
+        </div>
+        <div>
+          <a
+            class="text-white font-extrabold cursor-pointer"
+            (click)="scrollTo('venue');">
+            Venue
+          </a>
+        </div>
+        <div>
+          <a
+            class="text-white font-extrabold cursor-pointer"
+            (click)="scrollTo('media');">
+            Media
+          </a>
+        </div>
+        <div>
+          <a
+            class="text-white font-extrabold cursor-pointer"
+            (click)="scrollTo('information');">
+            Information
+          </a>
+        </div>
      </div>
    </div>
  </div>
 </div>
-<div class="w-screen bg-ejc-dark-blue h-16.75 hidden md:flex items-center">
-  <div class="container mx-auto flex justify-between xl:max-w-315">
-    <img class="w-5.25" src="/images/logo-small.png" alt="Logo" />
-    <div class="flex gap-6 text-[16px] font-bold text-white">
-      <div>
-        <a
-          class="text-white font-extrabold cursor-pointer"
-          (click)="scrollTo('events');">
-          Events
-        </a>
-      </div>
-      <div>
-        <a
-          class="text-white font-extrabold cursor-pointer"
-          (click)="scrollTo('venue');">
-          Venue
-        </a>
-      </div>
-      <div>
-        <a
-          class="text-white font-extrabold cursor-pointer"
-          (click)="scrollTo('media');">
-          Media
-        </a>
-      </div>
-      <div>
-        <a
-          class="text-white font-extrabold cursor-pointer"
-          (click)="scrollTo('information');">
-          Information
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-<div
-  #menuContainer
-  class="w-screen flex md:hidden items-center h-19 bg-ejc-dark-blue justify-between px-5 relative">
-  <div>
-    <img class="w-10" src="/images/logo-small.png" alt="Logo" />
-  </div>
-
-  <button
-    type="button"
-    (click)="isMenuOpen = !isMenuOpen"
-    class="flex items-center justify-center cursor-pointer">
-    <!-- Hamburger icon -->
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      class="w-6 h-6 text-white"
-      fill="none"
-      viewBox="0 0 24 24"
-      stroke="currentColor">
-      <path
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="2"
-        d="M4 6h16M4 12h16M4 18h16" />
-    </svg>
-  </button>
-
-  @if (isMenuOpen) {
+<div class="fixed top-0 left-0 w-screen z-50">
  <div
-    #menu
-    class="absolute top-full right-0 mt-2 w-56 rounded-lg shadow-lg bg-white z-50">
-    <a
-      class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
-      (click)="scrollTo('events'); closeMenu()">
-      Events
-    </a>
-    <a
-      class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
-      (click)="scrollTo('venue'); closeMenu()">
-      Venue
-    </a>
-    <a
-      class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
-      (click)="scrollTo('media'); closeMenu()">
-      Media
-    </a>
-    <a
-      class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
-      (click)="scrollTo('information'); closeMenu()">
-      Information
-    </a>
+    #menuContainer
+    class="w-screen flex md:hidden items-center h-19 bg-ejc-dark-blue justify-between px-5 relative">
+    <div>
+      <img
+        (click)="scrollToTop()"
+        class="w-10 cursor-pointer"
+        src="/images/logo-small.png"
+        alt="Logo" />
+    </div>
+
+    <button
+      type="button"
+      (click)="isMenuOpen = !isMenuOpen"
+      class="flex items-center justify-center cursor-pointer">
+      <!-- Hamburger icon -->
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="w-6 h-6 text-white"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor">
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          d="M4 6h16M4 12h16M4 18h16" />
+      </svg>
+    </button>
+
+    @if (isMenuOpen) {
+    <div
+      #menu
+      class="absolute top-full right-0 mt-2 w-56 rounded-lg shadow-lg bg-white z-50">
+      <a
+        class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
+        (click)="scrollTo('events'); closeMenu()">
+        Events
+      </a>
+      <a
+        class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
+        (click)="scrollTo('venue'); closeMenu()">
+        Venue
+      </a>
+      <a
+        class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
+        (click)="scrollTo('media'); closeMenu()">
+        Media
+      </a>
+      <a
+        class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
+        (click)="scrollTo('information'); closeMenu()">
+        Information
+      </a>
+    </div>
+    }
  </div>
-  }
 </div>
@@ -40,4 +40,11 @@ export class Header {
      this.closeMenu();
    }
  }
+
+  scrollToTop(): void {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
+  }
 }
@@ -17,10 +17,12 @@
      class="font-extrabold text-2xl text-ejc-dark leading-[130%] md:text-[40px]">
      Watch every match live on badmintoneurope.tv
    </div>
-    <div
+    <a
+      href="https://www.badmintoneurope.tv/"
+      target="_blank"
      class="w-45.75 py-3.75 px-7.5 rounded-md flex items-center gap-2.5 bg-ejc-orange">
      <div class="font-bold text-[17px] text-white">Watch now</div>
      <app-chevron-right />
-    </div>
+    </a>
  </div>
 </div>
@@ -18,11 +18,13 @@
        18-22 Aug 2026
      </div>
      <div class="flex justify-center">
-        <div
+        <a
+          href="https://badmintoneurope.com/tournaments?tournament_code=61EF6F5F-A05A-40DA-B58B-2216225ED496&tournament_tab=overview"
+          target="_blank"
          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>
+        </a>
      </div>
    </div>
    <div class="flex flex-col gap-6">
@@ -38,11 +40,13 @@
        22-27 Aug 2026
      </div>
      <div class="flex justify-center">
-        <div
+        <a
+          href="https://badmintoneurope.com/tournaments?tournament_code=3C2CF768-BB05-40CA-BDCE-A68109B5B613&tournament_tab=overview"
+          target="_blank"
          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>
+        </a>
      </div>
    </div>
  </div>