OK
https://www.mupa.hu/en/
Websites
Runtime: 2.3s
On January 18, 2025, 06:52 AM UTC, https://www.mupa.hu/en/ was accessible when tested on AS21334 in Hungary.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
80.244.97.252
Query:
IN A www.mupa.hu
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
195.56.240.94
TCP Connections
Connection to 195.56.240.94:443 succeeded.
HTTP Requests
URL
GET https://mupa.hu/en/
Response Headers
Cache-Control:max-age=0, must-revalidate, no-cache, no-store, privateContent-Type:text/html; charset=UTF-8Date:Sat, 18 Jan 2025 06:52:19 GMTExpires:Fri, 01 Jan 1990 00:00:00 GMTPragma:no-cacheServer:nginxSet-Cookie:XSRF-TOKEN=eyJpdiI6InFSWWdOSnVreUVRdlBmbHRTaFpoTFE9PSIsInZhbHVlIjoiRWoxVlBETnRVaU1GUk5pdnpRU3F6K08xY1FrQUd5L20wM1oxcHNST3I5WUk3WitEYlZNY3B4a0djTzBMNTEvUWFtNGliWU1aR25WMmFPQWV0Y2xpQlBLNGpaaDZRQnpkc0p6ckNrUUJVVnFwazJHKzBVb2w2by9keHZlN0dMTXEiLCJtYWMiOiI3Y2E0NmUwM2ZlM2U1ZDc4NGQ2Y2Q3YmY3NmQ4MjUyZjY5OGU0YzRiZGFlNDI2YWZjNGZlMzc5MGQ2M2YyNjgyIiwidGFnIjoiIn0%3D; expires=Sat, 18 Jan 2025 08:52:20 GMT; Max-Age=7200; path=/; secure; samesite=laxStrict-Transport-Security:max-age=3600Vary:Accept-EncodingX-Content-Type-Options:nosniffX-Frame-Options:SAMEORIGINX-Xss-Protection:1; mode=block
Response Body
<!DOCTYPE html>
<html
class="scroll-smooth"
lang="en"
>
<head>
<meta charset="utf-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1"
>
<meta
name="csrf-token"
content="3b9WdOnq3MQVwKQL4k6xyo2nL6vjE7pV4pVZd6dJ"
>
<meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1">
<link rel="canonical" href="https://mupa.hu/en">
<title>Müpa Budapest - Müpa</title>
<meta property="og:title" content="Müpa Budapest - Müpa">
<meta property="og:locale" content="en">
<meta property="og:url" content="https://mupa.hu/en">
<meta property="og:site_name" content="Müpa">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Müpa Budapest - Müpa">
<link
type="image/x-icon"
href="/favicon.ico"
rel="icon"
>
<link
href="https://mupa.hu/css/malzariey/filament-daterangepicker-filter/date-range-picker.css?v=[scrubbed]"
rel="stylesheet"
data-navigate-track
/>
<link
href="https://mupa.hu/css/codewithdennis/filament-select-tree/filament-select-tree-styles.css?v=[scrubbed]"
rel="stylesheet"
data-navigate-track
/>
<link
href="https://mupa.hu/css/filament/forms/forms.css?v=[scrubbed]"
rel="stylesheet"
data-navigate-track
/>
<link
href="https://mupa.hu/css/filament/support/support.css?v=[scrubbed]"
rel="stylesheet"
data-navigate-track
/>
<link
href="https://mupa.hu/css/guava/filament-drafts/filament-drafts-styles.css?v=[scrubbed]"
rel="stylesheet"
data-navigate-track
/>
<link
href="https://mupa.hu/css/filament-navigation/filament-navigation-styles.css?v=[scrubbed]"
rel="stylesheet"
data-navigate-track
/>
<link
href="https://mupa.hu/css/filament-spatie-health/filament-spatie-health-styles.css?v=[scrubbed]"
rel="stylesheet"
data-navigate-track
/>
<style>
:root {
--danger-50:254, 242, 242; --danger-100:254, 226, 226; --danger-200:254, 202, 202; --danger-300:252, 165, 165; --danger-400:248, 113, 113; --danger-500:239, 68, 68; --danger-600:220, 38, 38; --danger-700:185, 28, 28; --danger-800:153, 27, 27; --danger-900:127, 29, 29; --danger-950:69, 10, 10; --gray-50:250, 250, 250; --gray-100:244, 244, 245; --gray-200:228, 228, 231; --gray-300:212, 212, 216; --gray-400:161, 161, 170; --gray-500:113, 113, 122; --gray-600:82, 82, 91; --gray-700:63, 63, 70; --gray-800:39, 39, 42; --gray-900:24, 24, 27; --gray-950:9, 9, 11; --info-50:239, 246, 255; --info-100:219, 234, 254; --info-200:191, 219, 254; --info-300:147, 197, 253; --info-400:96, 165, 250; --info-500:59, 130, 246; --info-600:37, 99, 235; --info-700:29, 78, 216; --info-800:30, 64, 175; --info-900:30, 58, 138; --info-950:23, 37, 84; --primary-50:239, 246, 255; --primary-100:219, 234, 254; --primary-200:191, 219, 254; --primary-300:147, 197, 253; --primary-400:96, 165, 250; --primary-500:59, 130, 246; --primary-600:37, 99, 235; --primary-700:29, 78, 216; --primary-800:30, 64, 175; --primary-900:30, 58, 138; --primary-950:23, 37, 84; --success-50:240, 253, 244; --success-100:220, 252, 231; --success-200:187, 247, 208; --success-300:134, 239, 172; --success-400:74, 222, 128; --success-500:34, 197, 94; --success-600:22, 163, 74; --success-700:21, 128, 61; --success-800:22, 101, 52; --success-900:20, 83, 45; --success-950:5, 46, 22; --warning-50:255, 251, 235; --warning-100:254, 243, 199; --warning-200:253, 230, 138; --warning-300:252, 211, 77; --warning-400:251, 191, 36; --warning-500:245, 158, 11; --warning-600:217, 119, 6; --warning-700:180, 83, 9; --warning-800:146, 64, 14; --warning-900:120, 53, 15; --warning-950:69, 26, 3; --mupa-yellow-50:255, 253, 245; --mupa-yellow-100:255, 250, 235; --mupa-yellow-200:255, 243, 204; --mupa-yellow-300:255, 235, 174; --mupa-yellow-400:255, 221, 113; --mupa-yellow-500:255, 206, 52; --mupa-yellow-600:230, 185, 47; --mupa-yellow-700:191, 155, 39; --mupa-yellow-800:153, 124, 31; --mupa-yellow-900:125, 101, 25; --mupa-yellow-950:77, 62, 16; }
</style>
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
<!-- Scripts -->
<link rel="preload" as="style" href="https://mupa.hu/build/assets/app-oM3hCPS1.css" /><link rel="preload" as="style" href="https://mupa.hu/build/assets/app-DQzun5V0.css" /><link rel="modulepreload" href="https://mupa.hu/build/assets/app-DzhrRkVj.js" /><link rel="modulepreload" href="https://mupa.hu/build/assets/vendor-BVqZvN3s.js" /><link rel="stylesheet" href="https://mupa.hu/build/assets/app-oM3hCPS1.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://mupa.hu/build/assets/app-DQzun5V0.css" data-navigate-track="reload" /><script type="module" src="https://mupa.hu/build/assets/app-DzhrRkVj.js" data-navigate-track="reload"></script> <script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({"user_id":null,"site_language":"en","login_status":"logged_out","membership":[],"membership_status":null,"mastercard_status":null,"page_type":"homepage"});
</script>
<script>
// document.addEventListener('DOMContentLoaded', () => {
// /** init gtm after 3500 seconds - this could be adjusted */
// setTimeout(initGTM, 3500);
// });
document.addEventListener('scroll', initGTMOnEvent);
document.addEventListener('mousemove', initGTMOnEvent);
document.addEventListener('touchstart', initGTMOnEvent);
function initGTMOnEvent(event) {
initGTM();
event.currentTarget.removeEventListener(event.type,
initGTMOnEvent); // remove the event listener that got triggered
}
function initGTM() {
if (window.gtmDidInit) {
return false;
}
window.gtmDidInit = true; // flag to ensure script does not get added to DOM more than once.
const script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
// ensure PageViews is always tracked (on script load)
script.onload = () => {
dataLayer.push({
event: 'gtm.js',
'gtm.start': new Date().getTime(),
'gtm.uniqueEventId': 0
});
};
script.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-PLBGGJP9';
document.head.appendChild(script);
}
</script>
</head>
<body class="main-page bg-white font-klavika antialiased">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PLBGGJP9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav wire:snapshot="{"data":{"isMobileMenuOpen":false,"isFixed":false,"darkMode":false,"localizedUrlForLanguageSwitcher":"https:\/\/mupa.hu","navigation":[null,{"class":"RyanChandler\\FilamentNavigation\\Models\\Navigation","key":3,"s":"mdl"}],"pageSlugs":null},"memo":{"id":"mqfmpSV7IQZ0bjYiYLS5","name":"header","path":"en","method":"GET","children":{"lw-2814085880-3":["div","3JobeNyQRVzEbwFBqfhD"],"lw-2814085880-4":["div","hkVXbvnT6VBpMCQHVb0V"],"lw-2814085880-5":["div","LPygzE75xJ8WzVSpzonL"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"1dd3f81aa4976d8d75d00b25c360e8d265f83fbcd2197f95b47e4b01b4b8e13f"}" wire:effects="[]" wire:id="mqfmpSV7IQZ0bjYiYLS5"
class="left-0 right-0 top-0 z-[100] font-sans"
:class="{
'fixed': $wire.isFixed,
'fixed lg:static': !$wire.isFixed,
'bg-white': !$wire.darkMode,
'bg-mupahome-bg': $wire
.darkMode
}"
>
<div
class="content-padding container mx-auto"
:class="{ 'bg-black-m-500 text-white': $wire.darkMode, 'bg-white': !$wire.darkMode }"
>
<div class="relative z-[60] flex h-12 justify-between xl:h-fit xl:pt-1">
<a
class="z-50"
href="/en"
>
<img
class="absolute xl:hidden"
src="https://mupa.hu/images/mupa-logo-mobile.svg"
alt="MÜPA Logo"
>
<img
class="absolute left-0 top-0 hidden xl:block"
src="https://mupa.hu/images/mupa-logo-desktop.svg"
alt="MÜPA Logo"
>
</a>
<div class="flex items-center xl:static xl:w-full xl:justify-end xl:gap-x-5">
<div class="xl:grid xl:w-4/5 xl:grid-cols-1 xl:grid-rows-2">
<div class="flex items-center justify-between">
<div wire:snapshot="{"data":{"query":"","result":[[],{"s":"arr"}],"darkMode":false,"showOnMobile":false,"extraClasses":"","quickResults":true},"memo":{"id":"3JobeNyQRVzEbwFBqfhD","name":"search.input","path":"en","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"9209a0ef37c6e28714bc9b96ffcc2b257af9a4b9078ff9411d04ecfdc2069c07"}" wire:effects="[]" wire:id="3JobeNyQRVzEbwFBqfhD"
class="z-10"
:class="{ 'w-full': $wire.showOnMobile }"
x-data="{
result: window.Livewire.find('3JobeNyQRVzEbwFBqfhD').entangle('result'),
query: window.Livewire.find('3JobeNyQRVzEbwFBqfhD').entangle('query').live,
debouncedQuery: null,
selected: null,
init() {
$watch('query', (value) => {
selected = null
})
$watch('debouncedQuery', Alpine.debounce(() => this.query = this.debouncedQuery, 500))
},
reset() {
this.query = ''
this.debouncedQuery = ''
this.result = []
this.selected = null
},
selectNext() {
if (this.selected === null) {
this.selected = 0
return;
}
this.selected++
if (this.selected >= this.result.map(group => group.items).flat().length) {
this.selected = 0
}
},
selectPrev() {
if (this.selected === null) {
this.selected = this.result.map(group => group.items).flat().length - 1
return;
}
this.selected--
if (this.selected < 0) {
this.selected = this.result.map(group => group.items).flat().length - 1
}
},
goToResult() {
console.log('goToResult', { selected: this.selected })
if (this.selected === null) {
if (document.documentElement.lang === 'en') {
location.href = `/en/search/results?query=${this.debouncedQuery}`
return;
}
location.href = `/kereses?query=${this.debouncedQuery}`
return;
}
console.log('selected', { selected: this.selected, result: this.result.map(group => group.items).flat() })
const item = this.result.map(group => group.items).flat()[this.selected]
location.href = item.url
}
}"
x-on:click.away="reset()"
x-on:submit.prevent="goToResult()"
>
<form class="isolate z-10">
<div
class=" relative items-center border-b xl:flex"
:class="{
'border-black-m-30': !$wire.darkMode,
'border-black-m-50': $wire.darkMode,
'hidden': !$wire
.showOnMobile,
'flex justify-between border px-2': $wire.showOnMobile
}"
>
<input
class="border-0 pl-0 focus:ring-0"
type="text"
:class="{ 'placeholder:text-black-m-100 bg-black-m-500': $wire.darkMode, 'w-4/5': $wire.showOnMobile }"
:id="$wire.showOnMobile ? 'mobile-search' : ''"
placeholder="Search"
x-model="debouncedQuery"
x-on:keyup.esc="reset()"
x-on:keyup.down="selectNext()"
x-on:keyup.up="selectPrev()"
>
<button type="submit">
<svg
width="17"
height="17"
viewBox="0 0 17 17"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'fill-black-m-500': !$wire.darkMode, 'fill-white': $wire.darkMode }"
>
<path
d="M12 6.5C12 4.5625 10.9375 2.75 9.25 1.75C7.53125 0.78125 5.4375 0.78125 3.75 1.75C2.03125 2.75 1 4.5625 1 6.5C1 8.46875 2.03125 10.2812 3.75 11.2812C5.4375 12.25 7.53125 12.25 9.25 11.2812C10.9375 10.2812 12 8.46875 12 6.5ZM10.7188 11.4375C9.59375 12.4375 8.09375 13 6.5 13C2.90625 13 0 10.0938 0 6.5C0 2.9375 2.90625 0 6.5 0C10.0625 0 13 2.9375 13 6.5C13 8.125 12.4062 9.59375 11.4375 10.75L15.8438 15.1562C16.0312 15.3438 16.0312 15.6875 15.8438 15.875C15.6562 16.0625 15.3125 16.0625 15.125 15.875L10.7188 11.4375Z"
/>
</svg>
</button>
</div>
<div>
<div
class="absolute mt-1 w-[30rem] overflow-y-auto rounded-md border bg-white py-2 shadow-lg"
x-transition
x-show="Object.keys(result).length > 0"
x-cloak
>
<div class="divide-y divide-gray-200">
<template x-for="(group, groupIndex) in result">
<div>
<div
class="px-2 py-1 font-klavika text-sm font-bold uppercase text-black-m-500"
x-text="group.title"
>
</div>
<div
class="divide-y"
x-ref="result"
>
<template x-for="(item, itemIndex) in group.items">
<div
class="flex items-center justify-between px-2 py-3"
:class="{ 'bg-gray-100': (groupIndex) * 2 + itemIndex === selected }"
>
<a
class="grid grid-cols-3 gap-2"
:href="item.url"
x-show="item.type === 'program'"
:key="item.url"
>
<img
:src="item.img"
:alt="item.title"
>
<div class="col-span-2">
<div x-text="item.title"></div>
<div
class="font-bold"
x-text="item.date"
></div>
<div x-text="item.location"></div>
</div>
</a>
<a
x-show="item.type === 'article' || item.type === 'magazine-article'"
:href="item.url"
>
<div x-text="item.title"></div>
</a>
<a
x-show="item.type === 'page'"
:href="item.url"
>
<div x-text="item.title"></div>
</a>
<a
x-show="item.type === 'issuu'"
:href="item.url"
>
<div x-text="item.title"></div>
</a>
</div>
</template>
</div>
</div>
</template>
</div>
</div>
</div>
</form>
</div>
<div class="flex items-center justify-between gap-x-3 text-sm">
<div class="hidden gap-x-3 xl:flex">
<a
class="uppercase"
href="https://mupa.hu"
:class="{ 'text-black-m-500': !$wire.darkMode }"
>
hu
</a>
<span class="text-black-m-50">|</span>
</div>
<a
class="flex items-center gap-2 text-sm mobile:hidden"
href="https://mupa.hu/en/login"
:class="{ 'text-black-m-500': !$wire.darkMode }"
x-show="!$wire.isMobileMenuOpen"
>
<span>Login</span>
</a>
<a href="https://mupa.hu/en/events/event-calendar"
class="xl:hidden"
>
<svg
width="14"
height="16"
viewBox="0 0 14 16"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ !$wire.darkMode ? 'text-white' : '!text-mupa-black' }"
>
<path
d="M3.5 0C3.75 0 4 0.25 4 0.5V2H10V0.5C10 0.25 10.2188 0 10.5 0C10.75 0 11 0.25 11 0.5V2H12C13.0938 2 14 2.90625 14 4V5V6V14C14 15.125 13.0938 16 12 16H2C0.875 16 0 15.125 0 14V6V5V4C0 2.90625 0.875 2 2 2H3V0.5C3 0.25 3.21875 0 3.5 0ZM13 6H9.75V8.25H13V6ZM13 9.25H9.75V11.75H13V9.25ZM13 12.75H9.75V15H12C12.5312 15 13 14.5625 13 14V12.75ZM8.75 11.75V9.25H5.25V11.75H8.75ZM5.25 12.75V15H8.75V12.75H5.25ZM4.25 11.75V9.25H1V11.75H4.25ZM1 12.75V14C1 14.5625 1.4375 15 2 15H4.25V12.75H1ZM1 8.25H4.25V6H1V8.25ZM5.25 8.25H8.75V6H5.25V8.25ZM12 3H2C1.4375 3 1 3.46875 1 4V5H13V4C13 3.46875 12.5312 3 12 3Z"
fill="currentColor"
/>
</svg>
</a>
<svg
viewBox="0 0 19 19"
xmlns="http://www.w3.org/2000/svg"
width="21"
height="19"
class="" :class="{
'cursor-pointer xl:hidden fill-black-m-500': !$wire.darkMode,
'xl:hidden fill-white': $wire
.darkMode
}" x-show="!$wire.isMobileMenuOpen" x-transition:enter="transition duration-150 transform" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition duration-100 transform" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" wire:click="isMobileMenuOpen = !$wire.isMobileMenuOpen; setTimeout(() => document.getElementById('mobile-search').focus(), 500);"
>
<path
d="M13.5 7.5625C13.5 5.38281 12.3047 3.34375 10.4062 2.21875C8.47266 1.12891 6.11719 1.12891 4.21875 2.21875C2.28516 3.34375 1.125 5.38281 1.125 7.5625C1.125 9.77734 2.28516 11.8164 4.21875 12.9414C6.11719 14.0312 8.47266 14.0312 10.4062 12.9414C12.3047 11.8164 13.5 9.77734 13.5 7.5625ZM12.0586 13.1172C10.793 14.2422 9.10547 14.875 7.3125 14.875C3.26953 14.875 0 11.6055 0 7.5625C0 3.55469 3.26953 0.25 7.3125 0.25C11.3203 0.25 14.625 3.55469 14.625 7.5625C14.625 9.39062 13.957 11.043 12.8672 12.3438L17.8242 17.3008C18.0352 17.5117 18.0352 17.8984 17.8242 18.1094C17.6133 18.3203 17.2266 18.3203 17.0156 18.1094L12.0586 13.1172Z"
/>
</svg>
<a
class="hidden items-center gap-2 xl:flex"
href="https://mupa.hu/en/account/favourites"
>
<svg
width="16"
height="14"
viewBox="0 0 16 14"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
class="" :class="{ 'fill-black-m-300': !$wire.darkMode, 'fill-black-m-100': $wire.darkMode }"
>
<path
d="M7.625 3.09375L7.25 2.6875L7.09375 2.53125C6.28125 1.625 5.0625 1.1875 3.875 1.40625C2.1875 1.71875 1 3.15625 1 4.84375V4.96875C1 5.96875 1.40625 6.9375 2.15625 7.625L7.90625 12.9688C7.90625 13 7.9375 13 8 13C8.03125 13 8.0625 13 8.09375 12.9688L13.8438 7.625C14.5625 6.9375 15 5.96875 15 4.96875V4.84375C15 3.15625 13.7812 1.71875 12.125 1.40625C10.9062 1.1875 9.6875 1.625 8.875 2.53125L8.75 2.6875L8.375 3.09375C8.28125 3.1875 8.125 3.25 8 3.25C7.84375 3.25 7.71875 3.1875 7.625 3.09375ZM8.6875 1.3125C9.71875 0.53125 11 0.1875 12.2812 0.4375C14.4375 0.8125 16 2.6875 16 4.84375V4.96875C16 6.09375 15.5625 7.15625 14.8438 8C14.75 8.125 14.625 8.25 14.5 8.34375L8.75 13.7188C8.71875 13.7188 8.71875 13.75 8.6875 13.7812C8.46875 13.9375 8.25 14 8 14C7.6875 14 7.4375 13.9062 7.21875 13.7188L1.46875 8.34375C1.34375 8.25 1.21875 8.125 1.125 8C0.40625 7.15625 0 6.09375 0 4.96875V4.84375C0 2.6875 1.53125 0.8125 3.6875 0.4375C4.96875 0.1875 6.25 0.53125 7.28125 1.3125C7.46875 1.46875 7.6875 1.65625 7.84375 1.875L7.96875 2L8.125 1.875C8.25 1.71875 8.375 1.5625 8.53125 1.4375C8.59375 1.40625 8.65625 1.34375 8.6875 1.3125Z"
/>
</svg>
<span
class="text-sm"
:class="{ 'text-black-m-500': !$wire.darkMode }"
>Favourites</span>
</a>
<div wire:snapshot="{"data":{"darkMode":false,"expired":null,"basketId":null},"memo":{"id":"hkVXbvnT6VBpMCQHVb0V","name":"cart.cart-icon","path":"en","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d060a5138811f1301eee27e14f68f3e32f46c1aab8c4e14b7c7c1cd947e8a125"}" wire:effects="{"listeners":["cart-item-added","cart-item-removed","cart-deleted","cart-expired"]}" wire:id="hkVXbvnT6VBpMCQHVb0V"
class="flex"
x-data="{
expired: window.Livewire.find('hkVXbvnT6VBpMCQHVb0V').entangle('expired'),
interval: null,
running: false,
duration: 0,
noticed: $persist(false).as("_noticed"),
init() {
this.duration = Math.round((new Date(this.expired) - Date.now()) / 1000)
if (this.duration > 0) {
console.log('Init timer', { expired: this.expired, duration: this.duration });
this.startTimer();
}
},
startTimer() {
if (this.running) {
console.log('Timer already running');
return;
}
console.log('Starting timer');
this.running = true;
this.interval = setInterval(() => {
this.duration = Math.round((new Date(this.expired) - Date.now()) / 1000);
if (this.expired && this.duration <= 0) {
clearInterval(this.interval);
this.intervall = null;
console.log('Timer expired');
Livewire.dispatch('cart-expired');
return;
}
if (!this.expired && this.duration <= 0) {
clearInterval(this.interval);
this.intervall = null;
console.log('All items removed from cart');
return;
}
if (this.duration <= 10 * 60 && !this.noticed) {
this.noticed = true;
$dispatch('show-expires-soon-modal');
}
}, 1000);
},
formatDuration() {
const minutes = Math.floor(this.duration / 60);
const seconds = this.duration % 60;
return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
}
}"
>
<a
class="inline-flex items-center"
href="https://mupa.hu/en/order/cart"
>
<div class="relative">
<svg
wire:key="cart-icon"
viewBox="0 0 21 19"
xmlns="http://www.w3.org/2000/svg"
width="21"
height="19"
class="" itemCount="0" :class="{ 'fill-black-m-500': !$wire.darkMode, 'fill-white': $wire.darkMode }"
>
<path
d="M0.5625 0.25H1.86328C2.60156 0.25 3.23438 0.707031 3.48047 1.375H18.9492C19.6875 1.375 20.2148 2.07812 20.0391 2.78125L18.5625 8.6875C18.3164 9.67188 17.4023 10.375 16.3828 10.375H5.34375L5.58984 11.7461C5.69531 12.2734 6.1875 12.625 6.71484 12.625H17.4375C17.7188 12.625 18 12.9062 18 13.1875C18 13.5039 17.7188 13.75 17.4375 13.75H6.71484C5.625 13.75 4.71094 13.0117 4.5 11.957L2.42578 1.83203C2.39062 1.58594 2.14453 1.375 1.86328 1.375H0.5625C0.246094 1.375 0 1.12891 0 0.8125C0 0.53125 0.246094 0.25 0.5625 0.25ZM3.72656 2.5L5.09766 9.25H16.3828C16.9102 9.25 17.3672 8.89844 17.4727 8.40625L18.9492 2.5H3.72656ZM5.90625 16.2812C5.90625 16.7734 6.25781 17.125 6.75 17.125C7.20703 17.125 7.59375 16.7734 7.59375 16.2812C7.59375 15.8242 7.20703 15.4375 6.75 15.4375C6.25781 15.4375 5.90625 15.8242 5.90625 16.2812ZM8.71875 16.2812C8.71875 17.0195 8.33203 17.6523 7.73438 18.0039C7.10156 18.3555 6.36328 18.3555 5.76562 18.0039C5.13281 17.6523 4.78125 17.0195 4.78125 16.2812C4.78125 15.5781 5.13281 14.9453 5.76562 14.5938C6.36328 14.2422 7.10156 14.2422 7.73438 14.5938C8.33203 14.9453 8.71875 15.5781 8.71875 16.2812ZM15.75 15.4375C15.2578 15.4375 14.9062 15.8242 14.9062 16.2812C14.9062 16.7734 15.2578 17.125 15.75 17.125C16.207 17.125 16.5938 16.7734 16.5938 16.2812C16.5938 15.8242 16.207 15.4375 15.75 15.4375ZM15.75 18.25C15.0117 18.25 14.3789 17.8984 14.0273 17.2656C13.6758 16.668 13.6758 15.9297 14.0273 15.2969C14.3789 14.6992 15.0117 14.3125 15.75 14.3125C16.4531 14.3125 17.0859 14.6992 17.4375 15.2969C17.7891 15.9297 17.7891 16.668 17.4375 17.2656C17.0859 17.8984 16.4531 18.25 15.75 18.25Z"
/>
</svg>
</div>
<div>
</div>
</a>
</div>
<button
class="relative inline-flex items-center justify-center xl:hidden"
type="button"
aria-controls="mobile-menu"
aria-expanded="false"
wire:click="isMobileMenuOpen = !$wire.isMobileMenuOpen"
>
<span class="absolute"></span>
<span class="sr-only">Open main menu</span>
<svg
class="h-6 w-6"
:class="{ 'block': !$wire.isMobileMenuOpen, 'hidden': $wire.isMobileMenuOpen }"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
/>
</svg>
<!-- Mobile menu open icon-->
<svg
class="h-6 w-6"
:class="{ 'hidden': !$wire.isMobileMenuOpen, 'block': $wire.isMobileMenuOpen }"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M6 18L18 6M6 6l12 12"
/>
</svg>
</button>
</div>
</div>
<div class="justify-beween hidden xl:flex">
<ul class="list-image-menuitem flex w-full list-inside justify-between">
<li
class="main-menu-item group relative flex items-center"
x-data="{ childOpen: false }"
@mouseover.away = "childOpen = false"
>
<svg
width="14"
height="16"
viewBox="0 0 14 16"
xmlns="http://www.w3.org/2000/svg"
class="mr-1" :class="{ !$wire.darkMode ? 'text-white' : '!text-mupa-black' }"
>
<path
d="M3.5 0C3.75 0 4 0.25 4 0.5V2H10V0.5C10 0.25 10.2188 0 10.5 0C10.75 0 11 0.25 11 0.5V2H12C13.0938 2 14 2.90625 14 4V5V6V14C14 15.125 13.0938 16 12 16H2C0.875 16 0 15.125 0 14V6V5V4C0 2.90625 0.875 2 2 2H3V0.5C3 0.25 3.21875 0 3.5 0ZM13 6H9.75V8.25H13V6ZM13 9.25H9.75V11.75H13V9.25ZM13 12.75H9.75V15H12C12.5312 15 13 14.5625 13 14V12.75ZM8.75 11.75V9.25H5.25V11.75H8.75ZM5.25 12.75V15H8.75V12.75H5.25ZM4.25 11.75V9.25H1V11.75H4.25ZM1 12.75V14C1 14.5625 1.4375 15 2 15H4.25V12.75H1ZM1 8.25H4.25V6H1V8.25ZM5.25 8.25H8.75V6H5.25V8.25ZM12 3H2C1.4375 3 1 3.46875 1 4V5H13V4C13 3.46875 12.5312 3 12 3Z"
fill="currentColor"
/>
</svg>
<a
href="https://mupa.hu/en/events/event-calendar"
@mouseover="childOpen = true"
>
<span class="pl-1">
Event calendar
</span>
</a>
</li>
<li
class="main-menu-item group relative flex items-center"
x-data="{ childOpen: false }"
@mouseover.away = "childOpen = false"
>
<span
class="cursor-pointer"
@click="childOpen = !childOpen"
>
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': childOpen }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="https://mupa.hu/en/events"
@mouseover="childOpen = true"
>
<span class="pl-1">
Series, festivals
</span>
</a>
<div
class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
:class="{ hidden: !childOpen, block: childOpen }"
x-cloak
>
<ul class="divide-y-2">
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/mupa20">
<span class="pl-1">
Müpa 20
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/met-live-in-hd/met-live-in-hd-2024-25">
<span class="pl-1">
MET Live in HD
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/budapest-wagner-days/budapest-wagner-days-2025">
<span class="pl-1">
Budapest Wagner Days
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/jazz-showcase-2025">
<span class="pl-1">
Jazz Showcase
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/handel-marathon">
<span class="pl-1">
Händel Marathon
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/early-music-festival-2025">
<span class="pl-1">
Early Music Festival
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/bartok-spring-2025">
<span class="pl-1">
Bartók Spring
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/jazz-spring-2025">
<span class="pl-1">
Jazz Spring
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/hey-june-2025">
<span class="pl-1">
Hey, June!
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/gallery-concerts">
<span class="pl-1">
Gallery Concerts
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/mupa-film-club">
<span class="pl-1">
Müpa Film Club
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/">
<span class="pl-1">
Hall to Hall
</span>
</a>
</li>
</ul>
</div>
</li>
<li
class="main-menu-item group relative flex items-center"
x-data="{ childOpen: false }"
@mouseover.away = "childOpen = false"
>
<span
class="cursor-pointer"
@click="childOpen = !childOpen"
>
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': childOpen }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="https://mupa.hu/events/event-calendar?fmm=1"
@mouseover="childOpen = true"
>
<span class="pl-1">
Tickets
</span>
</a>
<div
class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
:class="{ hidden: !childOpen, block: childOpen }"
x-cloak
>
<ul class="divide-y-2">
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/events/event-calendar">
<span class="pl-1">
Tickets
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/tickets/events-of-2025">
<span class="pl-1">
Events of 2025
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/tickets/gift-vouchers">
<span class="pl-1">
Gift vouchers
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/tickets/special-tickets">
<span class="pl-1">
Special tickets
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/tickets/customer-information/buy-online">
<span class="pl-1">
Customer information
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/tickets/ticket-purchase-terms-and-conditions">
<span class="pl-1">
Ticket purchase terms and conditions
</span>
</a>
</li>
</ul>
</div>
</li>
<li
class="main-menu-item group relative flex items-center"
x-data="{ childOpen: false }"
@mouseover.away = "childOpen = false"
>
<span
class="cursor-pointer"
@click="childOpen = !childOpen"
>
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': childOpen }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="https://mupa.hu/en/membership"
@mouseover="childOpen = true"
>
<span class="pl-1">
Membership
</span>
</a>
<div
class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
:class="{ hidden: !childOpen, block: childOpen }"
x-cloak
>
<ul class="divide-y-2">
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/membership">
<span class="pl-1">
Membership
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/membership/double-membership-points">
<span class="pl-1">
Double membership points
</span>
</a>
</li>
</ul>
</div>
</li>
<li
class="main-menu-item group relative flex items-center"
x-data="{ childOpen: false }"
@mouseover.away = "childOpen = false"
>
<span
class="cursor-pointer"
@click="childOpen = !childOpen"
>
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': childOpen }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="https://mupa.hu/en/mupa-home"
@mouseover="childOpen = true"
>
<span class="pl-1">
Müpa Home
</span>
</a>
<div
class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
:class="{ hidden: !childOpen, block: childOpen }"
x-cloak
>
<ul class="divide-y-2">
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/mupa-home/videos">
<span class="pl-1">
Videos
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/mupa-home/webcasts">
<span class="pl-1">
Webcasts
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/mupa-home/editorials">
<span class="pl-1">
Editorials
</span>
</a>
</li>
</ul>
</div>
</li>
<li
class="main-menu-item group relative flex items-center"
x-data="{ childOpen: false }"
@mouseover.away = "childOpen = false"
>
<span
class="cursor-pointer"
@click="childOpen = !childOpen"
>
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': childOpen }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="#"
@mouseover="childOpen = true"
>
<span class="pl-1">
About
</span>
</a>
<div
class="submenu absolute top-[41px] w-max bg-white text-center align-middle text-sm"
:class="{ hidden: !childOpen, block: childOpen }"
x-cloak
>
<ul class="divide-y-2">
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/contact">
<span class="pl-1">
Contact
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/news">
<span class="pl-1">
News
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/mupa-budapest">
<span class="pl-1">
Müpa Budapest
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/the-building">
<span class="pl-1">
The building
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/the-organ">
<span class="pl-1">
The organ
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/management">
<span class="pl-1">
Management
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/rules">
<span class="pl-1">
Rules
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/services/food-and-drink">
<span class="pl-1">
Services
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/venue-hire">
<span class="pl-1">
Venue hire
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/faq">
<span class="pl-1">
FAQ
</span>
</a>
</li>
<li
class=" flex min-w-max items-center justify-start px-3 py-2 hover:bg-yellow-m-500">
<a href="/en/about/gift-collection">
<span class="pl-1">
Gift collection
</span>
</a>
</li>
</ul>
</div>
</li>
<li
class="main-menu-item group relative flex items-center"
x-data="{ childOpen: false }"
@mouseover.away = "childOpen = false"
>
<span
class="cursor-pointer"
@click="childOpen = !childOpen"
>
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': childOpen }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="https://mupa.hu/en/events/mupa20"
@mouseover="childOpen = true"
>
<span class="pl-1">
Müpa 20
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="relative xl:hidden">
<div
class="absolute left-0 top-0 z-50 max-h-screen w-full overflow-y-scroll pt-6"
id="mobile-menu"
:class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500 text-white': $wire.darkMode }"
x-show="$wire.isMobileMenuOpen"
x-cloak
x-transition:enter="transition duration-150 transform"
x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="transition duration-100 transform"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-95"
>
<div class="relative">
<div
class="flex gap-4 px-3 pt-5"
:class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
>
<a
class="flex items-center gap-2"
href="https://mupa.hu/en/login"
>
<svg
viewBox="0 0 16 19"
xmlns="http://www.w3.org/2000/svg"
width="16"
height="19"
class="" :class="{ 'fill-black-m-300': !$wire.darkMode, 'fill-white': $wire.darkMode }"
>
<path
d="M11.25 4.75C11.25 3.55469 10.582 2.46484 9.5625 1.83203C8.50781 1.23438 7.20703 1.23438 6.1875 1.83203C5.13281 2.46484 4.5 3.55469 4.5 4.75C4.5 5.98047 5.13281 7.07031 6.1875 7.70312C7.20703 8.30078 8.50781 8.30078 9.5625 7.70312C10.582 7.07031 11.25 5.98047 11.25 4.75ZM3.375 4.75C3.375 3.16797 4.21875 1.69141 5.625 0.882812C6.99609 0.0742188 8.71875 0.0742188 10.125 0.882812C11.4961 1.69141 12.375 3.16797 12.375 4.75C12.375 6.36719 11.4961 7.84375 10.125 8.65234C8.71875 9.46094 6.99609 9.46094 5.625 8.65234C4.21875 7.84375 3.375 6.36719 3.375 4.75ZM1.125 17.125H14.625C14.5547 14.3477 12.2695 12.0625 9.45703 12.0625H6.25781C3.44531 12.0625 1.16016 14.3477 1.125 17.125ZM0 17.2305C0 13.75 2.77734 10.9375 6.25781 10.9375H9.45703C12.9375 10.9375 15.75 13.75 15.75 17.2305C15.75 17.793 15.2578 18.25 14.6953 18.25H1.01953C0.457031 18.25 0 17.793 0 17.2305Z"
/>
</svg>
<span
class="text-sm"
:class="{ 'text-black-m-500': !$wire.darkMode }"
>
Login </span>
</a>
<div class="flex items-center gap-2">
<svg
width="16"
height="14"
viewBox="0 0 16 14"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
class="" :class="{ 'fill-black-m-300': !$wire.darkMode, 'fill-white': $wire.darkMode }"
>
<path
d="M7.625 3.09375L7.25 2.6875L7.09375 2.53125C6.28125 1.625 5.0625 1.1875 3.875 1.40625C2.1875 1.71875 1 3.15625 1 4.84375V4.96875C1 5.96875 1.40625 6.9375 2.15625 7.625L7.90625 12.9688C7.90625 13 7.9375 13 8 13C8.03125 13 8.0625 13 8.09375 12.9688L13.8438 7.625C14.5625 6.9375 15 5.96875 15 4.96875V4.84375C15 3.15625 13.7812 1.71875 12.125 1.40625C10.9062 1.1875 9.6875 1.625 8.875 2.53125L8.75 2.6875L8.375 3.09375C8.28125 3.1875 8.125 3.25 8 3.25C7.84375 3.25 7.71875 3.1875 7.625 3.09375ZM8.6875 1.3125C9.71875 0.53125 11 0.1875 12.2812 0.4375C14.4375 0.8125 16 2.6875 16 4.84375V4.96875C16 6.09375 15.5625 7.15625 14.8438 8C14.75 8.125 14.625 8.25 14.5 8.34375L8.75 13.7188C8.71875 13.7188 8.71875 13.75 8.6875 13.7812C8.46875 13.9375 8.25 14 8 14C7.6875 14 7.4375 13.9062 7.21875 13.7188L1.46875 8.34375C1.34375 8.25 1.21875 8.125 1.125 8C0.40625 7.15625 0 6.09375 0 4.96875V4.84375C0 2.6875 1.53125 0.8125 3.6875 0.4375C4.96875 0.1875 6.25 0.53125 7.28125 1.3125C7.46875 1.46875 7.6875 1.65625 7.84375 1.875L7.96875 2L8.125 1.875C8.25 1.71875 8.375 1.5625 8.53125 1.4375C8.59375 1.40625 8.65625 1.34375 8.6875 1.3125Z"
/>
</svg>
<a
class="text-sm"
href="https://mupa.hu/en/account/favourites"
:class="{ 'text-black-m-500': !$wire.darkMode }"
>
Favourites </a>
</div>
<span class="text-black-m-50">|</span>
<a href="https://mupa.hu">
<span class="uppercase">hu
</span>
</a>
</div>
<div
class="flex justify-center px-3 pb-4 pt-6"
:class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
>
<div
class="flex h-[4vh] w-full items-center"
:class="{ 'placeholder:text-black-m-300': !$wire.darkMode, 'placeholder:text-white': $wire.darkMode }"
>
<div wire:snapshot="{"data":{"query":"","result":[[],{"s":"arr"}],"darkMode":false,"showOnMobile":true,"extraClasses":"","quickResults":false},"memo":{"id":"LPygzE75xJ8WzVSpzonL","name":"search.input","path":"en","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"e48eedc557999039dd683343202b533488d8da423b0968b3bf023a4ef70cc207"}" wire:effects="[]" wire:id="LPygzE75xJ8WzVSpzonL"
class="z-10"
:class="{ 'w-full': $wire.showOnMobile }"
x-data="{
result: window.Livewire.find('LPygzE75xJ8WzVSpzonL').entangle('result'),
query: window.Livewire.find('LPygzE75xJ8WzVSpzonL').entangle('query').live,
debouncedQuery: null,
selected: null,
init() {
$watch('query', (value) => {
selected = null
})
$watch('debouncedQuery', Alpine.debounce(() => this.query = this.debouncedQuery, 500))
},
reset() {
this.query = ''
this.debouncedQuery = ''
this.result = []
this.selected = null
},
selectNext() {
if (this.selected === null) {
this.selected = 0
return;
}
this.selected++
if (this.selected >= this.result.map(group => group.items).flat().length) {
this.selected = 0
}
},
selectPrev() {
if (this.selected === null) {
this.selected = this.result.map(group => group.items).flat().length - 1
return;
}
this.selected--
if (this.selected < 0) {
this.selected = this.result.map(group => group.items).flat().length - 1
}
},
goToResult() {
console.log('goToResult', { selected: this.selected })
if (this.selected === null) {
if (document.documentElement.lang === 'en') {
location.href = `/en/search/results?query=${this.debouncedQuery}`
return;
}
location.href = `/kereses?query=${this.debouncedQuery}`
return;
}
console.log('selected', { selected: this.selected, result: this.result.map(group => group.items).flat() })
const item = this.result.map(group => group.items).flat()[this.selected]
location.href = item.url
}
}"
x-on:click.away="reset()"
x-on:submit.prevent="goToResult()"
>
<form class="isolate z-10">
<div
class=" relative items-center border-b xl:flex"
:class="{
'border-black-m-30': !$wire.darkMode,
'border-black-m-50': $wire.darkMode,
'hidden': !$wire
.showOnMobile,
'flex justify-between border px-2': $wire.showOnMobile
}"
>
<input
class="border-0 pl-0 focus:ring-0"
type="text"
:class="{ 'placeholder:text-black-m-100 bg-black-m-500': $wire.darkMode, 'w-4/5': $wire.showOnMobile }"
:id="$wire.showOnMobile ? 'mobile-search' : ''"
placeholder="Search"
x-model="debouncedQuery"
x-on:keyup.esc="reset()"
x-on:keyup.down="selectNext()"
x-on:keyup.up="selectPrev()"
>
<button type="submit">
<svg
width="17"
height="17"
viewBox="0 0 17 17"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'fill-black-m-500': !$wire.darkMode, 'fill-white': $wire.darkMode }"
>
<path
d="M12 6.5C12 4.5625 10.9375 2.75 9.25 1.75C7.53125 0.78125 5.4375 0.78125 3.75 1.75C2.03125 2.75 1 4.5625 1 6.5C1 8.46875 2.03125 10.2812 3.75 11.2812C5.4375 12.25 7.53125 12.25 9.25 11.2812C10.9375 10.2812 12 8.46875 12 6.5ZM10.7188 11.4375C9.59375 12.4375 8.09375 13 6.5 13C2.90625 13 0 10.0938 0 6.5C0 2.9375 2.90625 0 6.5 0C10.0625 0 13 2.9375 13 6.5C13 8.125 12.4062 9.59375 11.4375 10.75L15.8438 15.1562C16.0312 15.3438 16.0312 15.6875 15.8438 15.875C15.6562 16.0625 15.3125 16.0625 15.125 15.875L10.7188 11.4375Z"
/>
</svg>
</button>
</div>
<div>
<div
class="absolute mt-1 w-[30rem] overflow-y-auto rounded-md border bg-white py-2 shadow-lg"
x-transition
x-show="Object.keys(result).length > 0"
x-cloak
>
<div class="divide-y divide-gray-200">
<template x-for="(group, groupIndex) in result">
<div>
<div
class="px-2 py-1 font-klavika text-sm font-bold uppercase text-black-m-500"
x-text="group.title"
>
</div>
<div
class="divide-y"
x-ref="result"
>
<template x-for="(item, itemIndex) in group.items">
<div
class="flex items-center justify-between px-2 py-3"
:class="{ 'bg-gray-100': (groupIndex) * 2 + itemIndex === selected }"
>
<a
class="grid grid-cols-3 gap-2"
:href="item.url"
x-show="item.type === 'program'"
:key="item.url"
>
<img
:src="item.img"
:alt="item.title"
>
<div class="col-span-2">
<div x-text="item.title"></div>
<div
class="font-bold"
x-text="item.date"
></div>
<div x-text="item.location"></div>
</div>
</a>
<a
x-show="item.type === 'article' || item.type === 'magazine-article'"
:href="item.url"
>
<div x-text="item.title"></div>
</a>
<a
x-show="item.type === 'page'"
:href="item.url"
>
<div x-text="item.title"></div>
</a>
<a
x-show="item.type === 'issuu'"
:href="item.url"
>
<div x-text="item.title"></div>
</a>
</div>
</template>
</div>
</div>
</template>
</div>
</div>
</div>
</form>
</div> </div>
</div>
<div
class="space-y-1 px-3 pb-3 pt-2"
:class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
>
<ul class="list-image-menuitem list-inside">
<li
class="my-3"
:class="{
'list-image-menuitem-calendar': !$wire.darkMode,
'list-image-menuitem-calendar-darkmode': $wire.darkMode
}" x-data="{ submenuOpen: false, hasChildren: '' }"
@click="submenuOpen = !submenuOpen"
>
<a href="https://mupa.hu/en/events/event-calendar">
<span class="cursor-pointer">
Event calendar
</span>
</a>
</li>
<li
class="my-3"
x-data="{ submenuOpen: false, hasChildren: '1' }"
@click="submenuOpen = !submenuOpen"
>
<div class="flex items-center">
<span @click="submenuOpen = !submenuOpen">
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="#">
<span class="cursor-pointer pl-1">
Series, festivals
</span>
</a>
</div>
<div
class="pt-3"
:class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
x-show="submenuOpen"
>
<ul>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/mupa20">
<span class="pl-1">
Müpa 20
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/met-live-in-hd/met-live-in-hd-2024-25">
<span class="pl-1">
MET Live in HD
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/budapest-wagner-days/budapest-wagner-days-2025">
<span class="pl-1">
Budapest Wagner Days
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/jazz-showcase-2025">
<span class="pl-1">
Jazz Showcase
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/handel-marathon">
<span class="pl-1">
Händel Marathon
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/early-music-festival-2025">
<span class="pl-1">
Early Music Festival
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/bartok-spring-2025">
<span class="pl-1">
Bartók Spring
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/jazz-spring-2025">
<span class="pl-1">
Jazz Spring
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/hey-june-2025">
<span class="pl-1">
Hey, June!
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/gallery-concerts">
<span class="pl-1">
Gallery Concerts
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/mupa-film-club">
<span class="pl-1">
Müpa Film Club
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/">
<span class="pl-1">
Hall to Hall
</span>
</a>
</li>
</ul>
</div>
</li>
<li
class="my-3"
x-data="{ submenuOpen: false, hasChildren: '1' }"
@click="submenuOpen = !submenuOpen"
>
<div class="flex items-center">
<span @click="submenuOpen = !submenuOpen">
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="#">
<span class="cursor-pointer pl-1">
Tickets
</span>
</a>
</div>
<div
class="pt-3"
:class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
x-show="submenuOpen"
>
<ul>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/events/event-calendar">
<span class="pl-1">
Tickets
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/tickets/events-of-2025">
<span class="pl-1">
Events of 2025
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/tickets/gift-vouchers">
<span class="pl-1">
Gift vouchers
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/tickets/special-tickets">
<span class="pl-1">
Special tickets
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/tickets/customer-information/buy-online">
<span class="pl-1">
Customer information
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/tickets/ticket-purchase-terms-and-conditions">
<span class="pl-1">
Ticket purchase terms and conditions
</span>
</a>
</li>
</ul>
</div>
</li>
<li
class="my-3"
x-data="{ submenuOpen: false, hasChildren: '1' }"
@click="submenuOpen = !submenuOpen"
>
<div class="flex items-center">
<span @click="submenuOpen = !submenuOpen">
<svg
width="6"
height="10"
viewBox="0 0 6 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="" :class="{ 'rotate-90': submenuOpen && hasChildren }"
>
<path
d="M2.0625 0.875L6 5.25L2.0625 9.625H0.75V0.875H2.0625Z"
fill="#FFCE34"
/>
</svg>
</span>
<a
href="#">
<span class="cursor-pointer pl-1">
Membership
</span>
</a>
</div>
<div
class="pt-3"
:class="{ 'bg-white': !$wire.darkMode, 'bg-black-m-500': $wire.darkMode }"
x-show="submenuOpen"
>
<ul>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/membership">
<span class="pl-1">
Membership
</span>
</a>
</li>
<li class="flex min-w-max items-center px-6 py-1">
<a href="/en/membership/double-membership-points">
<span class="pl-1">
Double membership points
URL
GET https://www.mupa.hu/en/
Response Headers
Content-Length:162Content-Type:text/htmlDate:Sat, 18 Jan 2025 06:52:18 GMTLocation:https://mupa.hu/en/Server:nginxStrict-Transport-Security:max-age=3600
Response Body
<html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>nginx</center> </body> </html>
Resolver
Resolver ASN
AS21334
Resolver IP
80.244.97.252
Resolver Network Name
Vodafone Hungary Ltd.
Report ID
20250118T064853Z_webconnectivity_HU_21334_n1_wARiK1UHNQfUlhrO
Platform
android
Software Name
ooniprobe-android-unattended (4.0.2)
Measurement Engine
ooniprobe-engine (3.24.0)