{"id":655,"date":"2017-09-19T18:08:26","date_gmt":"2017-09-19T17:08:26","guid":{"rendered":"http:\/\/szixi.hu\/web\/?page_id=655"},"modified":"2025-09-23T01:06:43","modified_gmt":"2025-09-23T00:06:43","slug":"osztalykepek","status":"publish","type":"page","link":"https:\/\/szixi.hu\/web\/index.php\/osztalykepek\/","title":{"rendered":"Oszt\u00e1lyk\u00e9pek"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>2025\/26-os tan\u00e9v\u00a0<\/strong><\/h2>\n\n\n\n<!-- Mester \u2013 Egyszer\u0171 HTML Slider (paste this into a WP \"Custom HTML\" block) -->\n<div class=\"mester-slider\" data-autoplay=\"1\" data-interval=\"4000\" data-height=\"56.25\" data-rounded=\"1\" data-nav=\"1\" data-dots=\"1\">\n  <div class=\"mester-slider-viewport\">\n    <div class=\"mester-slider-track\">\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/fy42SW8x\/09A-1.jpg\" alt=\"Slide 1\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/tJhr30c8\/09B-1.jpg\" alt=\"Slide 2\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/d1ZN0Zjs\/10A-1.jpg\" alt=\"Slide 3\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/d01Szx7T\/10B-1.jpg\" alt=\"Slide 4\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/L6KwnDWr\/11A-1.jpg\" alt=\"Slide 5\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/P5KRVjqj\/11B-1.jpg\" alt=\"Slide 6\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/qMsYnnVg\/11C-1.jpg\" alt=\"Slide 7\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/XJthKkYB\/12A-1.jpg\" alt=\"Slide 8\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/ZqCVfvg8\/12B-1.jpg\" alt=\"Slide 9\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/zGdxSFdD\/13A-1.jpg\" alt=\"Slide 10\" loading=\"lazy\"><\/div>\n      <div class=\"mester-slide\"><img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/BQBYt0HK\/13B-1.jpg\" alt=\"Slide 11\" loading=\"lazy\"><\/div>\n    <\/div>\n\n    <!-- Navig\u00e1ci\u00f3s gombok (kapcsold ki: data-nav=\"0\") -->\n    <button class=\"mester-nav prev\" aria-label=\"El\u0151z\u0151\">&#10094;<\/button>\n    <button class=\"mester-nav next\" aria-label=\"K\u00f6vetkez\u0151\">&#10095;<\/button>\n  <\/div>\n\n  <!-- P\u00f6tty\u00f6k (kapcsold ki: data-dots=\"0\") -->\n  <div class=\"mester-dots\" role=\"tablist\" aria-label=\"Slide navig\u00e1ci\u00f3\"><\/div>\n<\/div>\n\n<style>\n  .mester-slider{max-width:1200px;margin:1rem auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}\n  .mester-slider-viewport{position:relative;width:100%;overflow:hidden;background:#f3f4f6}\n.mester-slider-viewport::before {\n  content: none; \/* vagy teljesen t\u00f6r\u00f6ld ezt a szab\u00e1lyt *\/\n}\n\n\/* \u00c9s legyen a viewport auto magass\u00e1g\u00fa *\/\n.mester-slider-viewport {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background: transparent; \/* fekete helyett \u00e1tl\u00e1tsz\u00f3 *\/\n}\n  .mester-slider[data-rounded=\"1\"] .mester-slider-viewport{border-radius:16px}\n  .mester-slider-track{position:absolute;inset:0;display:flex;transition:transform .45s ease;touch-action:pan-y}\n  .mester-slide{flex:0 0 100%;display:grid;place-items:center}\n  .mester-slide img{width:100%;height:100%;object-fit:cover;display:block}\n\n  .mester-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:0;color:#fff;width:44px;height:44px;border-radius:9999px;cursor:pointer;display:grid;place-items:center}\n  .mester-nav:hover{background:rgba(0,0,0,.65)}\n  .mester-nav.prev{left:8px}\n  .mester-nav.next{right:8px}\n  .mester-slider[data-nav=\"0\"] .mester-nav{display:none}\n\n  .mester-dots{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}\n  .mester-dots button{width:10px;height:10px;border-radius:9999px;border:0;background:#cbd5e1;cursor:pointer}\n  .mester-dots button[aria-selected=\"true\"]{background:#0ea5e9}\n  .mester-slider[data-dots=\"0\"] .mester-dots{display:none}\n.mester-slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain; \/* <-- Ezt tedd cover helyett *\/\n  display: block;\n  background: #000; \/* opcion\u00e1lis, ha szeretn\u00e9l h\u00e1tteret *\/\n}\n\n  @media (max-width:768px){.mester-nav{width:36px;height:36px}}\n<\/style>\n\n<script>\n(function(){\n  function makeSlider(root){\n    const vp = root.querySelector('.mester-slider-viewport');\n    const track = root.querySelector('.mester-slider-track');\n    const slides = Array.from(root.querySelectorAll('.mester-slide'));\n    const prev = root.querySelector('.mester-nav.prev');\n    const next = root.querySelector('.mester-nav.next');\n    const dotsWrap = root.querySelector('.mester-dots');\n\n    const autoplay = root.getAttribute('data-autoplay') === '1';\n    const interval = Math.max(1000, parseInt(root.getAttribute('data-interval')||'4000',10));\n    const heightPct = parseFloat(root.getAttribute('data-height')||'56.25'); \/\/ 16:9\n    const showDots = root.getAttribute('data-dots') === '1';\n    const showNav = root.getAttribute('data-nav') === '1';\n\n    \/\/ be\u00e1ll\u00edtjuk az ar\u00e1nyt\n    vp.style.setProperty('--ratio', heightPct + '%');\n    vp.style.paddingTop = heightPct + '%';\n\n    let index = 0, timer = null, down = false, startX = 0, dx = 0;\n    const len = slides.length;\n\n    function update(){\n      track.style.transform = 'translateX(' + (-index*100) + '%)';\n      if (dotsWrap) {\n        Array.from(dotsWrap.children).forEach((b,i)=>b.setAttribute('aria-selected', i===index?'true':'false'));\n      }\n    }\n    function goTo(i){ index = (i + len) % len; update(); restart(); }\n    function nextSlide(){ goTo(index+1); }\n    function prevSlide(){ goTo(index-1); }\n\n    function start(){ if (autoplay){ stop(); timer = setInterval(nextSlide, interval); } }\n    function stop(){ if (timer){ clearInterval(timer); timer = null; } }\n    function restart(){ if (autoplay){ start(); } }\n\n    \/\/ dots\n    if (dotsWrap && showDots){\n      dotsWrap.innerHTML = '';\n      slides.forEach((_,i)=>{\n        const b = document.createElement('button');\n        b.type = 'button'; b.setAttribute('role','tab');\n        b.setAttribute('aria-selected', i===0 ? 'true' : 'false');\n        b.addEventListener('click', ()=>goTo(i));\n        dotsWrap.appendChild(b);\n      });\n    } else if (dotsWrap){ dotsWrap.style.display = 'none'; }\n\n    \/\/ nav\n    if (prev && next && showNav){\n      prev.addEventListener('click', prevSlide);\n      next.addEventListener('click', nextSlide);\n    } else {\n      if (prev) prev.style.display = 'none';\n      if (next) next.style.display = 'none';\n    }\n\n    \/\/ keyboard\n    root.tabIndex = 0;\n    root.addEventListener('keydown', e=>{\n      if (e.key === 'ArrowRight') nextSlide();\n      if (e.key === 'ArrowLeft')  prevSlide();\n    });\n\n    \/\/ swipe\n    track.addEventListener('pointerdown', e=>{\n      down = true; startX = e.clientX; dx = 0; track.style.transition = 'none'; stop();\n    });\n    window.addEventListener('pointermove', e=>{\n      if (!down) return;\n      dx = e.clientX - startX;\n      track.style.transform = 'translateX(calc(' + (-index*100) + '% + ' + dx + 'px))';\n    });\n    window.addEventListener('pointerup', ()=>{\n      if (!down) return;\n      track.style.transition = 'transform .45s ease';\n      if (Math.abs(dx) > 50){ dx < 0 ? nextSlide() : prevSlide(); }\n      else { update(); start(); }\n      down = false;\n    });\n\n    root.addEventListener('mouseenter', stop);\n    root.addEventListener('mouseleave', start);\n\n    update(); start();\n  }\n\n  document.addEventListener('DOMContentLoaded', ()=>{\n    document.querySelectorAll('.mester-slider').forEach(makeSlider);\n  });\n})();\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2017\/18-as tan\u00e9v<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/photos.app.goo.gl\/CWJZArTurFDQsOEA3\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"307\" src=\"https:\/\/szixi.hu\/web\/wp-content\/uploads\/2017\/09\/1-Oszt\u00e1lyk\u00e9pek-2017-181.jpg\" alt=\"\" class=\"wp-image-687\" srcset=\"https:\/\/szixi.hu\/web\/wp-content\/uploads\/2017\/09\/1-Oszt\u00e1lyk\u00e9pek-2017-181.jpg 1024w, https:\/\/szixi.hu\/web\/wp-content\/uploads\/2017\/09\/1-Oszt\u00e1lyk\u00e9pek-2017-181-300x90.jpg 300w, https:\/\/szixi.hu\/web\/wp-content\/uploads\/2017\/09\/1-Oszt\u00e1lyk\u00e9pek-2017-181-768x230.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2016\/17-es tan\u00e9v<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/photos.app.goo.gl\/O3cJqVb2BgyZHJHs1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"307\" src=\"https:\/\/szixi.hu\/web\/wp-content\/uploads\/2017\/09\/2016-17k.jpg\" alt=\"\" class=\"wp-image-691\" srcset=\"https:\/\/szixi.hu\/web\/wp-content\/uploads\/2017\/09\/2016-17k.jpg 1024w, https:\/\/szixi.hu\/web\/wp-content\/uploads\/2017\/09\/2016-17k-300x90.jpg 300w, https:\/\/szixi.hu\/web\/wp-content\/uploads\/2017\/09\/2016-17k-768x230.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>2025\/26-os tan\u00e9v\u00a0 &#10094; &#10095; 2017\/18-as tan\u00e9v 2016\/17-es tan\u00e9v<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-655","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/szixi.hu\/web\/index.php\/wp-json\/wp\/v2\/pages\/655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/szixi.hu\/web\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/szixi.hu\/web\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/szixi.hu\/web\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/szixi.hu\/web\/index.php\/wp-json\/wp\/v2\/comments?post=655"}],"version-history":[{"count":13,"href":"https:\/\/szixi.hu\/web\/index.php\/wp-json\/wp\/v2\/pages\/655\/revisions"}],"predecessor-version":[{"id":3417,"href":"https:\/\/szixi.hu\/web\/index.php\/wp-json\/wp\/v2\/pages\/655\/revisions\/3417"}],"wp:attachment":[{"href":"https:\/\/szixi.hu\/web\/index.php\/wp-json\/wp\/v2\/media?parent=655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}