changes by Miki
This commit is contained in:
+116
-102
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user