<!--
  MINIMAL HUB TEMPLATE — consumed by scripts/generate_hub_preview.py, preview
  output only.

  Not linked from any live page and not wired into ru/ or en/. Renders every
  publishable registry candidate for one language as a gallery of cards, in
  the fixed ordering scripts/lib/hub.py computes (lifecycle tier, then
  nearest start date, then event_id) — this template never sorts or filters
  anything itself, it only lays out the already-ordered result it is given.

  The first ACTIVE card of that ordering is rendered once, above the grid,
  as the visually primary card (featuredCard) — purely a position in the
  list, not a flag on any event's data; closed/past cards are never
  eligible. Every other active card (galleryCards) renders as an equal-
  weight grid item. Closed/past cards (closedCards, COMPLETED/CANCELLED)
  render in their own section below, still linking to their event pages,
  never deleted or noindexed. Nothing here names a specific category,
  event_id, or slug — which card ends up featured, and which cards are
  active vs closed, is decided entirely by scripts/lib/hub.py for whatever
  candidates exist at generation time.

  Each card's media area (cardMedia) sets its background image via an inline
  style attribute rather than an img src — a failed/unreachable background-
  image silently reveals the CSS fallback fill underneath instead of a
  browser broken-image icon, which an img element would show on a failed
  load. See templates/default/hub-preview.css's own comment on .cardMedia.

  ACCESSIBILITY DECISION (docs/architecture.md section 14, "Card media
  accessibility"): cardMedia artwork is decorative in this hub context, not
  informational — every fact it could convey (event title, status, dates,
  venue, city) is already present as real text in the same card. It is
  therefore left as a plain, contentless div with no role or aria-label:
  that is the correct native treatment for decorative content (assistive
  tech has nothing to announce for an empty, non-semantic element), and it
  avoids pretending a CSS background is an img. What each card needs
  accessible is the link itself (title text is its accessible name) and a
  visible keyboard focus state — see hub-preview.css's :focus-visible rule.

  PRODUCTION HUB TEMPLATE PARITY (docs/architecture.md section 14): this
  template now carries the head/meta, analytics, and language-switcher
  parity items identified by the approved production-hub audit — favicon/
  manifest/theme-color/yandex-verification, generic Open Graph/Twitter meta
  (no image: no generic, non-Kanye social-preview asset exists yet, and
  none is invented here — see docs/architecture.md's documented gap), the
  exact Google Analytics/Yandex Metrica bootstrap already deployed on
  ru/index.html and en/index.html (same IDs, copied verbatim, never
  invented or rotated here), and a real RU<->EN language-switch link. Click
  tracking is generalized: it reads each link's actual href/CSS class at
  runtime instead of a hardcoded destination, so nothing here names one
  specific event. Deliberately NOT included in this pass (see
  docs/architecture.md's "v1 decisions"): the old .coming category cross-nav
  (Kanye-era hardcoded category counts), an event-count summary line, and
  explicit per-card CTA text — all optional/cosmetic, out of scope for
  template parity.

  PREVIEW ANALYTICS GUARD (docs/architecture.md section 14, "Preview
  analytics must stay inert"): the three analytics script tags below carry
  a conditional type="text/plain" attribute, gated on analytics.inert. An
  unrecognized script type is a standard browser-native no-op: the element
  is neither fetched (if external) nor executed (if inline) — exactly the
  same technique consent-management tools use to gate third-party scripts.
  scripts.lib.hub.build_hub_render_context()'s analytics_active parameter
  defaults to False (inert) and scripts/generate_hub_preview.py never
  passes anything else, so every preview this generator can possibly
  produce is analytics-inert by construction, regardless of how the output
  is later opened (file://, a local static server, anywhere) — this is not
  a convention callers must remember, it is the only reachable behavior
  today. The noscript pixel is gated the opposite way, on analytics.active,
  and omitted entirely when inert: unlike a script tag, a noscript fallback
  block is only skipped by browsers that already have scripting enabled,
  so the type="text/plain" trick alone would not stop it firing for a
  reviewer with JavaScript disabled. A future production generator, once
  built, activates the exact same unmodified script bodies and IDs by
  passing analytics_active=True — nothing about the analytics code itself
  ever needs to change or be duplicated for that.

  Uses the same minimal three-directive engine as
  templates/default/event.template.html (see docs/architecture.md section
  12) — variable substitution, an if-block, and an each-loop over a dotted
  path. No new directives. As with that template, literal directive syntax
  is deliberately not spelled out in this comment, since the engine has no
  notion of HTML comments and would parse it as a live, unclosed block.
-->
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Перевірені дати, місця проведення та новини спортивних і культурних подій.">
<meta name="theme-color" content="#0a0a0a">
<meta name="robots" content="index,follow">
<meta name="yandex-verification" content="fd08813028cd6295">
<title>Budetili — події України</title>
<link rel="canonical" href="https://budetili.com/uk-ua/">
<link rel="alternate" hreflang="ru" href="https://budetili.com/ru/"><link rel="alternate" hreflang="en" href="https://budetili.com/en/"><link rel="alternate" hreflang="en-IN" href="https://budetili.com/en-in/"><link rel="alternate" hreflang="es-MX" href="https://budetili.com/es-mx/"><link rel="alternate" hreflang="es-AR" href="https://budetili.com/es-ar/"><link rel="alternate" hreflang="pt-BR" href="https://budetili.com/pt-br/"><link rel="alternate" hreflang="uk-UA" href="https://budetili.com/uk-ua/"><link rel="alternate" hreflang="uz-UZ" href="https://budetili.com/uz-uz/"><link rel="alternate" hreflang="az-AZ" href="https://budetili.com/az-az/"><link rel="alternate" hreflang="tg-TJ" href="https://budetili.com/tg-tj/"><link rel="alternate" hreflang="x-default" href="https://budetili.com/ru/">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-48.png" sizes="48x48" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta property="og:type" content="website">
<meta property="og:locale" content="uk_UA">
<meta property="og:site_name" content="Budetili">
<meta property="og:url" content="https://budetili.com/uk-ua/">
<meta property="og:title" content="Budetili — події України">
<meta property="og:description" content="Перевірені дати, місця проведення та новини спортивних і культурних подій.">
<!-- No og:image: no generic (non-Kanye) site-wide social-preview asset
     exists yet. Not invented here — see docs/architecture.md section 14's
     documented gap. Add og:image (and twitter:card="summary_large_image"
     + twitter:image) once a real generic asset exists. -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Budetili — події України">
<meta name="twitter:description" content="Перевірені дати, місця проведення та новини спортивних і культурних подій.">
<!-- Preview-only stylesheet, copied next to this file by
     scripts/generate_hub_preview.py — never linked from production
     (see templates/default/hub-preview.css's own header comment). -->
<link rel="stylesheet" href="hub-preview.css?v=58b34617a547">
<!-- Google Analytics (gtag) + Yandex Metrica bootstrap, copied verbatim
     from the exact IDs already deployed on ru/index.html and en/index.html
     (G-ZEX372JQQF, 111725875) — never invented, never rotated here.
     type="text/plain" when analytics.inert makes each tag a browser-native
     no-op (never fetched, never executed) — see the PREVIEW ANALYTICS
     GUARD comment above the DOCTYPE for the full rationale. -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZEX372JQQF">
</script>
<script>
window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}
gtag('js',new Date());gtag('config','G-ZEX372JQQF');
</script>
<script>
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();for(var j=0;j<document.scripts.length;j++){if(document.scripts[j].src===r)return}k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,'script','https://mc.yandex.ru/metrika/tag.js?id=111725875','ym');
ym(111725875,'init',{ssr:true,webvisor:true,clickmap:true,referrer:document.referrer,url:location.href,accurateTrackBounce:true,trackLinks:true});
</script>
<script type="application/ld+json">{"@context": "https://schema.org", "@graph": [{"@type": "WebSite", "name": "Budetili", "url": "https://budetili.com/uk-ua/", "inLanguage": "uk", "description": "Актуальна інформація про події України."}, {"@type": "ItemList", "itemListElement": [{"@type": "ListItem", "position": 1, "url": "https://budetili.com/uk-ua/pivnichna-irlandiya-ukrayina-14-lystopada-2026/", "name": "Північна Ірландія — Україна: матч 14 листопада 2026 року"}, {"@type": "ListItem", "position": 2, "url": "https://budetili.com/uk-ua/ukrayina-hruziya-17-lystopada-2026/", "name": "Україна — Грузія: матч 17 листопада 2026 року"}]}]}</script>
</head>
<body data-locale="uk-ua" data-market="UA">
<!-- Noscript pixel gated on analytics.active (opposite polarity from the
     type="text/plain" guard above) and omitted entirely when inert — see
     the PREVIEW ANALYTICS GUARD comment. -->

<noscript>
<div>
<img src="https://mc.yandex.ru/watch/111725875" style="position:absolute;left:-9999px" alt="">
</div>
</noscript>


<header>
  <a class="logo" href="/uk-ua/">BUDETILI</a>
  <nav class="hubLanguageNav" aria-label="Languages">
    <a class="lang" href="/ru/" data-target-locale="ru" aria-label="Switch locale to ru">RU</a><a class="lang" href="/en/" data-target-locale="en" aria-label="Switch locale to en">EN</a><a class="lang" href="/en-in/" data-target-locale="en-in" aria-label="Switch locale to en-IN">EN-IN</a><a class="lang" href="/es-mx/" data-target-locale="es-mx" aria-label="Switch locale to es-MX">ES-MX</a><a class="lang" href="/es-ar/" data-target-locale="es-ar" aria-label="Switch locale to es-AR">ES-AR</a><a class="lang" href="/pt-br/" data-target-locale="pt-br" aria-label="Switch locale to pt-BR">PT-BR</a><a class="lang" href="/uz-uz/" data-target-locale="uz-uz" aria-label="Switch locale to uz-UZ">UZ-UZ</a><a class="lang" href="/az-az/" data-target-locale="az-az" aria-label="Switch locale to az-AZ">AZ-AZ</a><a class="lang" href="/tg-tj/" data-target-locale="tg-tj" aria-label="Switch locale to tg-TJ">TG-TJ</a>
  </nav>
</header>

<main class="hub">

  <section class="hubHero">
    <h1>Події, за якими варто стежити</h1>
    <p>Оберіть подію, щоб дізнатися її статус і перевірені новини.</p>
  </section>

  <section class="hubActive">
    

    <a class="eventCard featured" href="/uk-ua/pivnichna-irlandiya-ukrayina-14-lystopada-2026/">
      <div class="cardMedia" style="background-image:url('/assets/sports/ua-northern-ireland-ukraine-2026-featured.webp')"></div>
      <div class="cardBody">
        <p class="eventCardStatus">UEFA підтверджує · 14 листопада</p>
        <h2>Північна Ірландія — Україна: матч 14 листопада 2026 року</h2>
        <p class="eventCardQuestion">Коли та де відбудеться матч Північна Ірландія — Україна?</p>
        <span>14 листопада 2026 · Clearer Twist National Stadium at Windsor Park · Белфаст</span>
      </div>
    </a>
    

    <div class="categoryNav" aria-label="Event categories">
      <span>Спорт</span>
      
      
    </div>

    
    <section class="categorySection">
      <div class="categoryHeading">
        <div><h2>Спорт</h2><p>Матчі й спортивні турніри.</p></div>
      </div>
      <div class="eventList categoryGrid">
        
        <a class="eventCard" href="/uk-ua/ukrayina-hruziya-17-lystopada-2026/">
          <div class="cardMedia" style="background-image:url('/assets/sports/ua-ukraine-georgia-2026-featured.webp')"></div>
          <div class="cardBody">
            <p class="eventCardStatus">Підтверджено UEFA · 17 листопада 2026</p>
            <h3>Україна — Грузія: матч 17 листопада 2026 року</h3>
            <p class="eventCardQuestion">Коли й де відбудеться матч Україна — Грузія?</p>
            <span>17 листопада 2026 · Košická Futbalová Aréna · Кошице</span>
          </div>
        </a>
        
      </div>
    </section>
    

  </section>

  <!-- Closed/past section: omitted entirely (not merely visually hidden)
       when closedSectionVisible is false — a precomputed boolean, same
       no-else-branch pattern as cardsEmpty above. -->
  
  
</main>

<!-- Not gated on analytics.inert itself: the typeof guards below already
     make every call a safe no-op when the bootstrap scripts above are inert
     (window.ym/window.gtag are simply never defined in that case), so there
     is nothing further to disable here. -->
<script>
function trackAnalyticsEvent(name,params={}){
  if(typeof window.ym==='function')window.ym(111725875,'reachGoal',name,params);
  if(typeof window.gtag==='function')window.gtag('event',name,params);
}
document.querySelectorAll('a.lang').forEach(link=>link.addEventListener('click',()=>trackAnalyticsEvent('language_switch',{from_language:document.documentElement.lang,from_locale:document.body.dataset.locale,to_locale:link.dataset.targetLocale})));
document.querySelectorAll('a.eventCard').forEach(link=>link.addEventListener('click',()=>trackAnalyticsEvent('event_card_click',{link_location:link.classList.contains('featured')?'featured':(link.classList.contains('closed')?'closed':'gallery'),page_language:document.documentElement.lang,destination:link.getAttribute('href')})));
</script>

</body>
</html>