{"id":76,"date":"2026-08-17T14:48:58","date_gmt":"2026-08-17T14:48:58","guid":{"rendered":"https:\/\/bakfark.hu\/wp\/?page_id=76"},"modified":"2026-08-23T02:14:55","modified_gmt":"2026-08-23T02:14:55","slug":"rendezvenyek","status":"publish","type":"page","link":"https:\/\/bakfark.hu\/?page_id=76","title":{"rendered":"Rendezv\u00e9ny napt\u00e1r"},"content":{"rendered":"\r\n<h2 class=\"wp-block-heading\">Rendezv\u00e9ny napt\u00e1r<\/h2>\r\n\r\n\r\n<p class=\"wp-block-paragraph\">A tan\u00e9v rendezv\u00e9nyei szeptember 1. \u00e9s j\u00fanius 15. k\u00f6z\u00f6tt.<\/p>\r\n\r\n\r\n<style>\r\n.bk-cal-wrap { margin: 12px 0 24px; position: relative; }\r\n.bk-cal-legend {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 0 0 18px;\r\n  font-size: .9rem;\r\n  opacity: .9;\r\n}\r\n.bk-cal-dot {\r\n  width: 12px; height: 12px; border-radius: 50%;\r\n  background: #d4af37;\r\n  box-shadow: 0 0 0 3px rgba(212,175,55,.25);\r\n}\r\n.bk-cal-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 16px;\r\n}\r\n@media (min-width: 640px) {\r\n  .bk-cal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }\r\n}\r\n@media (min-width: 900px) {\r\n  .bk-cal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }\r\n}\r\n.bk-month {\r\n  padding: 12px 10px 14px;\r\n  border: 1px solid rgba(212,175,55,.28);\r\n  border-radius: 14px;\r\n  background: rgba(255,255,255,.03);\r\n  min-width: 0;\r\n}\r\n.bk-month h3 {\r\n  margin: 0 0 10px;\r\n  font-size: 1.05rem;\r\n  color: #d4af37;\r\n  letter-spacing: .02em;\r\n}\r\n.bk-wdays, .bk-days {\r\n  display: grid;\r\n  grid-template-columns: repeat(7, minmax(0, 1fr));\r\n  gap: 3px;\r\n}\r\n.bk-wdays span {\r\n  text-align: center;\r\n  font-size: .68rem;\r\n  opacity: .65;\r\n  padding: 3px 0;\r\n  font-weight: 600;\r\n}\r\n.bk-day {\r\n  aspect-ratio: 1;\r\n  min-height: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 8px;\r\n  font-size: .85rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  position: relative;\r\n  border: 1px solid transparent;\r\n}\r\n.bk-day.out { opacity: .22; font-weight: 400; }\r\n.bk-day.event {\r\n  background: rgba(212,175,55,.18);\r\n  border-color: rgba(212,175,55,.65);\r\n  color: #d4af37;\r\n  cursor: pointer;\r\n}\r\n.bk-day.event::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 4px;\r\n  width: 5px; height: 5px;\r\n  border-radius: 50%;\r\n  background: #d4af37;\r\n}\r\n.bk-day.event:hover, .bk-day.event:focus {\r\n  background: rgba(212,175,55,.3);\r\n  outline: none;\r\n}\r\n.bk-tip {\r\n  position: fixed;\r\n  z-index: 100000;\r\n  max-width: min(420px, 90vw);\r\n  min-width: 220px;\r\n  padding: 16px 20px;\r\n  border-radius: 14px;\r\n  background: #1a1f2a;\r\n  color: #fff;\r\n  border: 1px solid rgba(212,175,55,.65);\r\n  box-shadow: 0 14px 36px rgba(0,0,0,.5);\r\n  font-size: 1.12rem;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  transform: translateY(6px);\r\n  transition: opacity .12s ease, transform .12s ease;\r\n}\r\n.bk-tip.show {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n.bk-tip::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -7px;\r\n  width: 12px; height: 12px;\r\n  margin-left: -6px;\r\n  background: #1a1f2a;\r\n  border-right: 1px solid rgba(212,175,55,.65);\r\n  border-bottom: 1px solid rgba(212,175,55,.65);\r\n  transform: rotate(45deg);\r\n}\r\n.bk-event-list {\r\n  margin: 22px 0 0;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n.bk-event-list li {\r\n  display: flex;\r\n  gap: 14px;\r\n  align-items: baseline;\r\n  padding: 12px 0;\r\n  border-bottom: 1px solid rgba(212,175,55,.22);\r\n}\r\n.bk-event-list .d {\r\n  color: #d4af37;\r\n  font-weight: 700;\r\n  min-width: 7.5em;\r\n}\r\n.bk-event-list .t { font-weight: 700; color: #fff; }\r\n<\/style>\r\n<div class=\"bk-cal-wrap\" id=\"bk-cal\">\r\n  <div class=\"bk-cal-legend\"><span class=\"bk-cal-dot\"><\/span> Esem\u00e9nyes nap<\/div>\r\n  <div class=\"bk-cal-grid\" id=\"bk-cal-grid\"><\/div>\r\n  <ul class=\"bk-event-list\" id=\"bk-cal-events\"><\/ul>\r\n<\/div>\r\n<div class=\"bk-tip\" id=\"bk-cal-tip\" role=\"tooltip\" hidden><\/div>\r\n<script>\r\n(function(){\r\n  var startY = 2026;\r\n  var months = [\r\n    {y:startY, m:8, from:1, to:30},\r\n    {y:startY, m:9, from:1, to:31},\r\n    {y:startY, m:10, from:1, to:30},\r\n    {y:startY, m:11, from:1, to:31},\r\n    {y:startY+1, m:0, from:1, to:31},\r\n    {y:startY+1, m:1, from:1, to:28},\r\n    {y:startY+1, m:2, from:1, to:31},\r\n    {y:startY+1, m:3, from:1, to:30},\r\n    {y:startY+1, m:4, from:1, to:31},\r\n    {y:startY+1, m:5, from:1, to:15}\r\n  ];\r\n  var monthNames = [\r\n    'Janu'+String.fromCharCode(0x00E1)+'r',\r\n    'Febru'+String.fromCharCode(0x00E1)+'r',\r\n    'M'+String.fromCharCode(0x00E1)+'rcius',\r\n    String.fromCharCode(0x00C1)+'prilis',\r\n    'M'+String.fromCharCode(0x00E1)+'jus',\r\n    'J'+String.fromCharCode(0x00FA)+'nius',\r\n    'J'+String.fromCharCode(0x00FA)+'lius',\r\n    'Augusztus',\r\n    'Szeptember',\r\n    'Okt'+String.fromCharCode(0x00F3)+'ber',\r\n    'November',\r\n    'December'\r\n  ];\r\n  var wdays = ['H','K','Sze','Cs','P','Szo','V'];\r\n  var events = {\r\n    '2026-10-01': 'Zene vil'+String.fromCharCode(0x00E1)+'gnapi hangverseny'\r\n  };\r\n  function pad(n){ return (n<10?'0':'')+n; }\r\n  function key(y,m,d){ return y+'-'+pad(m+1)+'-'+pad(d); }\r\n  function daysInMonth(y,m){ return new Date(y,m+1,0).getDate(); }\r\n\r\n  var grid = document.getElementById('bk-cal-grid');\r\n  var list = document.getElementById('bk-cal-events');\r\n  var tip = document.getElementById('bk-cal-tip');\r\n  if(!grid || !list || !tip) return;\r\n\r\n  function showTip(el, text){\r\n    tip.textContent = text;\r\n    tip.hidden = false;\r\n    tip.classList.add('show');\r\n    var r = el.getBoundingClientRect();\r\n    var tw = tip.offsetWidth || 240;\r\n    var th = tip.offsetHeight || 52;\r\n    var left = r.left + r.width\/2 - tw\/2;\r\n    var top = r.top - th - 14;\r\n    if(left < 8) left = 8;\r\n    if(left + tw > window.innerWidth - 8) left = window.innerWidth - tw - 8;\r\n    if(top < 8) top = r.bottom + 14;\r\n    tip.style.left = left + 'px';\r\n    tip.style.top = top + 'px';\r\n  }\r\n  function hideTip(){\r\n    tip.classList.remove('show');\r\n    tip.hidden = true;\r\n  }\r\n\r\n  months.forEach(function(info){\r\n    var y=info.y, m=info.m, from=info.from, to=info.to;\r\n    var dim = daysInMonth(y,m);\r\n    if(to>dim) to=dim;\r\n    var box=document.createElement('div');\r\n    box.className='bk-month';\r\n    var h=document.createElement('h3');\r\n    h.textContent=monthNames[m]+' '+y;\r\n    box.appendChild(h);\r\n    var wd=document.createElement('div');\r\n    wd.className='bk-wdays';\r\n    wdays.forEach(function(w){ var s=document.createElement('span'); s.textContent=w; wd.appendChild(s); });\r\n    box.appendChild(wd);\r\n    var days=document.createElement('div');\r\n    days.className='bk-days';\r\n    var first=new Date(y,m,1);\r\n    var startDow=(first.getDay()+6)%7;\r\n    var i, cell;\r\n    for(i=0;i<startDow;i++){\r\n      cell=document.createElement('div');\r\n      cell.className='bk-day out';\r\n      cell.textContent='';\r\n      days.appendChild(cell);\r\n    }\r\n    for(i=1;i<=dim;i++){\r\n      cell=document.createElement('div');\r\n      cell.className='bk-day';\r\n      if(i<from || i>to){ cell.className+=' out'; }\r\n      cell.textContent=String(i);\r\n      var k=key(y,m,i);\r\n      if(events[k] && i>=from && i<=to){\r\n        cell.className+=' event';\r\n        cell.setAttribute('data-event', events[k]);\r\n        cell.setAttribute('tabindex','0');\r\n        cell.setAttribute('role','button');\r\n        cell.setAttribute('aria-label', events[k]+', '+i+'. '+monthNames[m]);\r\n        cell.addEventListener('mouseenter', function(ev){\r\n          showTip(ev.currentTarget, ev.currentTarget.getAttribute('data-event'));\r\n        });\r\n        cell.addEventListener('mousemove', function(ev){\r\n          showTip(ev.currentTarget, ev.currentTarget.getAttribute('data-event'));\r\n        });\r\n        cell.addEventListener('mouseleave', hideTip);\r\n        cell.addEventListener('focus', function(ev){\r\n          showTip(ev.currentTarget, ev.currentTarget.getAttribute('data-event'));\r\n        });\r\n        cell.addEventListener('blur', hideTip);\r\n      }\r\n      days.appendChild(cell);\r\n    }\r\n    box.appendChild(days);\r\n    grid.appendChild(box);\r\n  });\r\n\r\n  window.addEventListener('scroll', hideTip, true);\r\n  window.addEventListener('resize', hideTip);\r\n\r\n  var keys=Object.keys(events).sort();\r\n  keys.forEach(function(k){\r\n    var parts=k.split('-');\r\n    var y=+parts[0], m=+parts[1]-1, d=+parts[2];\r\n    var li=document.createElement('li');\r\n    var ds=document.createElement('span');\r\n    ds.className='d';\r\n    ds.textContent=y+'. '+monthNames[m]+' '+d+'.';\r\n    var ts=document.createElement('span');\r\n    ts.className='t';\r\n    ts.textContent=events[k];\r\n    li.appendChild(ds);\r\n    li.appendChild(ts);\r\n    list.appendChild(li);\r\n  });\r\n})();\r\n<\/script>\r\n","protected":false},"excerpt":{"rendered":"<p>Rendezv\u00e9ny napt\u00e1r A tan\u00e9v rendezv\u00e9nyei szeptember 1. \u00e9s j\u00fanius 15. k\u00f6z\u00f6tt. Esem\u00e9nyes nap<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bakfark.hu\/index.php?rest_route=\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bakfark.hu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bakfark.hu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bakfark.hu\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bakfark.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=76"}],"version-history":[{"count":5,"href":"https:\/\/bakfark.hu\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":1807,"href":"https:\/\/bakfark.hu\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/1807"}],"wp:attachment":[{"href":"https:\/\/bakfark.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}