{"id":52,"date":"2025-10-29T23:01:57","date_gmt":"2025-10-29T23:01:57","guid":{"rendered":"https:\/\/buff.pxl.be\/?page_id=52"},"modified":"2025-12-09T15:56:39","modified_gmt":"2025-12-09T15:56:39","slug":"locatie","status":"publish","type":"page","link":"https:\/\/buff.pxl.be\/?page_id=52","title":{"rendered":"Locatie"},"content":{"rendered":"\n<style>\n  :root{\n    --bg:#0a0f2b; --ink:#ffffff; --muted:#c0c2d4;\n    --brand:#ff0aa8; --lav:#b78cff;\n  }\n  *{box-sizing:border-box}\n  body{margin:0;background:var(--bg);color:var(--ink);font:16px\/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}\n  img{max-width:100%;height:auto;display:block;border-radius:14px}\n\n  .wrap{max-width:1100px;margin:0 auto;padding:56px 24px}\n  .page-title{font-size:56px;color:var(--brand);margin:0 0 8px}\n  .subtitle{color:var(--muted);font-weight:600;margin:0 0 28px}\n\n  \/* ---------- HERO BANNER (jouw foto) ---------- *\/\n  .hero-banner{\n    width:100%;\n    height:420px;                 \/* 360\u2013520px naar smaak *\/\n    background-image:var(--hero);\n    background-size:cover;\n    background-position:center 35%;\n    background-repeat:no-repeat;\n    border-radius:14px;\n    margin:0 auto 32px;\n    max-width:1100px;\n  }\n\n  \/* ---------- Info + adres + map ---------- *\/\n  .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}\n  .card{\n    background:rgba(255,255,255,.04);\n    border:1px solid rgba(255,255,255,.06);\n    border-radius:16px;padding:22px 22px;\n    box-shadow:0 8px 22px rgba(0,0,0,.25);\n  }\n  .card h3{margin:0 0 10px;font-size:22px}\n  .addr{margin:10px 0 18px;color:#dde}\n  .map-link{display:block;position:relative}\n  .map-link::after{\n    content:\"Open in Google Maps \u2192\";\n    position:absolute;left:16px;bottom:12px;font-weight:700;\n    background:rgba(10,15,43,.72);padding:8px 12px;border-radius:10px;\n  }\n  .cta{\n    display:inline-block;margin-top:16px;background:#1f2a44;color:#fff;\n    border-radius:10px;padding:12px 22px;text-decoration:none;font-weight:700;\n    box-shadow:0 4px 12px rgba(0,0,0,.2)\n  }\n  .cta:hover{transform:translateY(-1px)}\n  .accent{height:8px;background:var(--brand);border-radius:4px;margin:40px 0 100px}\n\n  \/* ---------- Alleen op deze pagina (ID 52) ---------- *\/\n  \/* Zorg dat #locpage nooit wordt weggestyled *\/\n  .page-id-52 #locpage{display:block!important;visibility:visible!important;opacity:1!important;position:relative;z-index:1}\n\n  \/* Verberg footer hier *\/\n  .page-id-52 footer,\n  .page-id-52 .site-footer,\n  .page-id-52 .wp-block-navigation[aria-label=\"Footer\"]{display:none!important;}\n\n  \/* Onderaan nav-balkje *\/\n  .bottom-nav{\n    position:fixed;left:50%;bottom:22px;transform:translateX(-50%);\n    background:rgba(255,255,255,.06);\n    border:1px solid rgba(255,255,255,.08);\n    box-shadow:0 16px 32px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04);\n    border-radius:999px;padding:10px 14px;backdrop-filter:blur(8px);z-index:9999;\n  }\n  .bottom-nav a{\n    display:inline-block;padding:10px 16px;border-radius:999px;\n    color:#e8e9f3;text-decoration:none;font-weight:600;opacity:.9\n  }\n  .bottom-nav a:hover{opacity:1}\n  .bottom-nav a.cta{\n    background:linear-gradient(180deg,var(--lav),var(--brand));\n    border:none;color:#fff;box-shadow:0 6px 16px rgba(255,10,168,.35);\n    margin-left:6px\n  }\n\n  @media (max-width:980px){\n    .page-title{font-size:42px}\n    .grid{grid-template-columns:1fr;gap:20px}\n    .bottom-nav{width:calc(100% - 24px)}\n    .bottom-nav a{padding:10px 14px}\n  }\n<\/style>\n\n<!-- JS: zet #locpage bovenaan in <main> en verberg \u201cbubbel\u201d-broertjes -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  if (!document.body.classList.contains('page-id-52')) return;\n\n  const main = document.querySelector('main') || document.querySelector('.wp-site-blocks') || document.body;\n  const loc  = document.getElementById('locpage');\n\n  if (!loc) return;\n\n  \/* 1) Zorg dat onze sectie zichtbaar is *\/\n  loc.style.display   = 'block';\n  loc.style.visibility= 'visible';\n  loc.style.opacity   = '1';\n\n  \/* 2) Als #locpage in een \u201cgroup\/cover\u201d wrapper zit, haal hem eruit *\/\n  if (loc.parentElement !== main) {\n    main.insertBefore(loc, main.firstChild);\n  }\n\n  \/* 3) Verberg \u00e1lle siblings behalve #locpage zelf (bubbels, hero\u2019s, etc.) *\/\n  Array.from(main.children).forEach(function(el){\n    if (el !== loc) el.style.display = 'none';\n  });\n});\n<\/script>\n\n<section id=\"locpage\">\n  <div class=\"wrap\">\n    <h1 class=\"page-title\">Locatie<\/h1>\n    <p class=\"subtitle\">Ons event vindt plaats in het prachtige C-mine Crib in Genk.<\/p>\n\n    <!-- JOUW foto als nette banner -->\n    <div class=\"hero-banner\"\n         style=\"--hero:url('https:\/\/buff.pxl.be\/wp-content\/uploads\/2025\/11\/1470224391_9k-2_3.jpg');\">\n    <\/div>\n\n    <!-- Tekst & adres links, klikbare map rechts -->\n    <div class=\"grid\">\n      <div class=\"card\">\n        <h3>BUFF 2026 @ C-mine Crib<\/h3>\n        <p>\n          We ontvangen je in de creatieve hotspot <strong>C-mine Crib<\/strong> \u2014 het innovatieve hart van C-mine.\n          Perfecte setting voor talks, demo\u2019s en ontmoetingen.\n        <\/p>\n\n        <div class=\"addr\">\n          <strong>Adres<\/strong><br>\n          C-mine Crib<br>\n          C-mine 10, 3600 Genk, Belgi\u00eb\n        <\/div>\n\n        <a class=\"cta\" href=\"https:\/\/www.google.com\/maps?q=C-mine+Crib,+Genk\" target=\"_blank\" rel=\"noopener\">\n          Route openen in Google Maps\n        <\/a>\n      <\/div>\n\n<a class=\"map-link\" href=\"https:\/\/www.google.com\/maps?q=C-mine+Crib,+Genk\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open C-mine Crib in Google Maps\">\n  <img decoding=\"async\" src=\"https:\/\/buff.pxl.be\/wp-content\/uploads\/2025\/11\/Schermafbeelding-2025-11-04-144834.png\"\n       alt=\"Kaart naar C-mine Crib (klik om te openen in Google Maps)\" loading=\"lazy\">\n<\/a>\n\n    <\/div>\n\n    <div class=\"accent\" aria-hidden=\"true\"><\/div>\n  <\/div>\n\n  <!-- Onderaan nav-balk -->\n  <nav class=\"bottom-nav\" aria-label=\"Pagina\u2019s\">\n  <a href=\"\/\">Home<\/a>\n  <a href=\"https:\/\/buff.pxl.be\/?page_id=49\">Sprekers<\/a>\n  <a href=\"https:\/\/buff.pxl.be\/?page_id=52\">Locatie<\/a>\n  <a href=\"https:\/\/buff.pxl.be\/?page_id=55\">Programma<\/a>\n  <a class=\"tickets\" href=\"https:\/\/buff.pxl.be\/?page_id=57\">TICKETS<\/a>\n  <\/nav>\n<\/section>\n\n\n\n\n<p><\/p>\n\n\/* Verberg de bovenste bubbel alleen op de Locatie-pagina (ID 52) *\/\n.page-id-52 .wp-site-blocks > .wp-block-group:first-child,\n.page-id-52 .wp-site-blocks > .wp-block-cover:first-child,\n.page-id-52 .wp-site-blocks > div:first-child:has(.wp-block-navigation),\n.page-id-52 .wp-site-blocks > *:first-child:has(.wp-block-group) {\n  display: none !important;\n}\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  if (!document.body.classList.contains('page-id-52')) return;\n\n  const siteBlocks = document.querySelector('.wp-site-blocks');\n  const main = document.querySelector('main');\n\n  \/\/ Als het eerste element in .wp-site-blocks niet <main> is, verberg het (de bubbel)\n  if (siteBlocks && main && siteBlocks.firstElementChild !== main) {\n    siteBlocks.firstElementChild.style.display = 'none';\n  }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Locatie Ons event vindt plaats in het prachtige C-mine Crib in Genk. BUFF 2026 @ C-mine Crib We ontvangen je in de creatieve hotspot C-mine Crib \u2014 het innovatieve hart van C-mine. Perfecte setting voor talks, demo\u2019s en ontmoetingen. Adres C-mine Crib C-mine 10, 3600 Genk, Belgi\u00eb Route openen in Google Maps Home Sprekers Locatie [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/buff.pxl.be\/index.php?rest_route=\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buff.pxl.be\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buff.pxl.be\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buff.pxl.be\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/buff.pxl.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":24,"href":"https:\/\/buff.pxl.be\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/buff.pxl.be\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/buff.pxl.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}