{"id":15,"date":"2025-03-08T12:24:38","date_gmt":"2025-03-08T12:24:38","guid":{"rendered":"https:\/\/silenttheatrefest.com\/?page_id=15"},"modified":"2026-03-07T12:55:17","modified_gmt":"2026-03-07T05:55:17","slug":"home","status":"publish","type":"page","link":"https:\/\/silenttheatrefest.com\/th\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style> :root { --stf-orange: #E1592A; --stf-cream: #F8F2B4; --stf-gold-brown: #AA7D2D; --stf-dark-grey: #2D2926; --stf-white: #FFFFFF; } #slider-section { width: 100%; max-width: 100vw; margin: 0; padding: 0; overflow: hidden; position: relative; box-sizing: border-box; } .slider-wrap { position: relative; width: 100%; overflow: hidden; } .slider-track { display: flex; width: 100%; height: 100%; transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1); } .slider-slide { min-width: 100%; position: relative; overflow: hidden; } .slider-slide img { width: 100%; display: block; } .slider-slide--desktop { display: block; } .slider-slide--mobile { display: none; } .slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: var(--stf-cream); color: var(--stf-dark-grey); border: 3px solid var(--stf-dark-grey); border-radius: 50%; width: 52px; height: 52px; font-size: 1.5rem; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 4px 4px 0px var(--stf-dark-grey); transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); padding: 0; line-height: 1; } .slider-arrow:hover { background: var(--stf-orange); color: var(--stf-white); box-shadow: 6px 6px 0px var(--stf-dark-grey); transform: translateY(-50%) scale(1.1); } .slider-arrow--prev { left: 20px; } .slider-arrow--next { right: 20px; } .slider-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; z-index: 10; } .slider-dot { width: 14px; height: 14px; border-radius: 50%; border: 3px solid var(--stf-white); background: transparent; cursor: pointer; padding: 0; box-shadow: 2px 2px 0px rgba(0,0,0,0.3); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .slider-dot:hover { background: var(--stf-cream); transform: scale(1.2); } .slider-dot.active { background: var(--stf-orange); border-color: var(--stf-white); transform: scale(1.15); } @media (max-width: 768px) { .slider-slide--desktop { display: none; } .slider-slide--mobile { display: block; } .slider-arrow { width: 40px; height: 40px; font-size: 1.1rem; border-width: 2px; box-shadow: 3px 3px 0px var(--stf-dark-grey); } .slider-arrow--prev { left: 10px; } .slider-arrow--next { right: 10px; } .slider-dots { bottom: 14px; gap: 10px; } .slider-dot { width: 11px; height: 11px; border-width: 2px; } } @media (max-width: 480px) { .slider-arrow { width: 36px; height: 36px; font-size: 1rem; } .slider-arrow--prev { left: 8px; } .slider-arrow--next { right: 8px; } } @media (prefers-color-scheme: dark) { .slider-arrow { background: var(--stf-dark-grey); color: var(--stf-cream); border-color: var(--stf-cream); box-shadow: 4px 4px 0px rgba(248,242,180,0.3); } .slider-arrow:hover { background: var(--stf-orange); color: var(--stf-white); } .slider-dot { border-color: var(--stf-cream); } .slider-dot.active { background: var(--stf-orange); border-color: var(--stf-cream); } }<\/style>\n<section id=\"slider-section\">\n<div class=\"slider-wrap\">\n<div class=\"slider-track\" id=\"sliderTrack\">\n<div class=\"slider-slide slider-slide--desktop\"><img decoding=\"async\" src=\"https:\/\/silenttheatrefest.com\/wp-content\/uploads\/2026\/01\/update-\u0e1b\u0e01\u0e40\u0e1f\u0e2a-stf-01-scaled.webp\" alt=\"Silent Theatre Festival 2026\" loading=\"eager\"><\/div>\n<div class=\"slider-slide slider-slide--desktop\"><img decoding=\"async\" src=\"https:\/\/silenttheatrefest.com\/wp-content\/uploads\/2025\/03\/hero_2.avif\" alt=\"Silent Theatre Festival 2026\" loading=\"lazy\"><\/div>\n<div class=\"slider-slide slider-slide--desktop\"><img decoding=\"async\" src=\"https:\/\/silenttheatrefest.com\/wp-content\/uploads\/2025\/03\/hero_3.avif\" alt=\"Silent Theatre Festival 2026\" loading=\"lazy\"><\/div>\n<div class=\"slider-slide slider-slide--desktop\"><img decoding=\"async\" src=\"https:\/\/silenttheatrefest.com\/wp-content\/uploads\/2025\/03\/hero_4.avif\" alt=\"Silent Theatre Festival 2026\" loading=\"lazy\"><\/div>\n<div class=\"slider-slide slider-slide--mobile\"><img decoding=\"async\" src=\"https:\/\/silenttheatrefest.com\/wp-content\/uploads\/2026\/03\/stf2026_KV_main-post-01-scaled.png\" alt=\"Silent Theatre Festival 2026 - Key Visual\" loading=\"eager\"><\/div>\n<div class=\"slider-slide slider-slide--mobile\"><img decoding=\"async\" src=\"https:\/\/silenttheatrefest.com\/wp-content\/uploads\/2026\/03\/stf2026_KV_main-post-01-scaled.png\" alt=\"Silent Theatre Festival 2026 - Key Visual\" loading=\"lazy\"><\/div>\n<div class=\"slider-slide slider-slide--mobile\"><img decoding=\"async\" src=\"https:\/\/silenttheatrefest.com\/wp-content\/uploads\/2026\/03\/stf2026_KV_main-post-01-scaled.png\" alt=\"Silent Theatre Festival 2026 - Key Visual\" loading=\"lazy\"><\/div>\n<\/div>\n<p><button class=\"slider-arrow slider-arrow--prev\" id=\"sliderPrev\" aria-label=\"Previous slide\">&#10094;<\/button><button class=\"slider-arrow slider-arrow--next\" id=\"sliderNext\" aria-label=\"Next slide\">&#10095;<\/button><\/p>\n<div class=\"slider-dots\" id=\"sliderDots\"><\/div>\n<\/div>\n<\/section>\n<p><script>(function() { var track = document.getElementById('sliderTrack'); var dotsWrap = document.getElementById('sliderDots'); var current = 0; var autoInterval = 5000; var timer = null; var isMobile = false; var total = 0; var dots = []; function getVisibleSlides() { var all = track.querySelectorAll('.slider-slide'); var visible = []; for (var i = 0; i < all.length; i++) { if (getComputedStyle(all[i]).display !== 'none') { visible.push(all[i]); } } return visible; } function buildDots() { dotsWrap.innerHTML = ''; for (var i = 0; i < total; i++) { var dot = document.createElement('button'); dot.className = 'slider-dot' + (i === 0 ? ' active' : ''); dot.setAttribute('aria-label', 'Go to slide ' + (i + 1)); dot.dataset.index = i; dotsWrap.appendChild(dot); } dots = dotsWrap.querySelectorAll('.slider-dot'); } var wrap = document.querySelector('.slider-wrap'); function setSliderHeight() { var visible = getVisibleSlides(); if (visible.length === 0) return; var firstImg = visible[0].querySelector('img'); if (firstImg &#038;&#038; firstImg.naturalHeight > 0) { var h = firstImg.getBoundingClientRect().height; wrap.style.height = h + 'px'; } } function positionSlides() { var visible = getVisibleSlides(); total = visible.length; var all = track.querySelectorAll('.slider-slide'); for (var i = 0; i < all.length; i++) { all[i].style.order = ''; } for (var j = 0; j < visible.length; j++) { visible[j].style.order = j; } current = 0; track.style.transition = 'none'; track.style.transform = 'translateX(0%)'; track.offsetHeight; track.style.transition = ''; buildDots(); setSliderHeight(); } function goTo(index) { if (total === 0) return; if (index < 0) index = total - 1; if (index >= total) index = 0; current = index; track.style.transform = 'translateX(-' + (current * 100) + '%)'; for (var j = 0; j < dots.length; j++) { dots[j].classList.toggle('active', j === current); } } function next() { goTo(current + 1); } function prev() { goTo(current - 1); } function startAuto() { stopAuto(); timer = setInterval(next, autoInterval); } function stopAuto() { if (timer) { clearInterval(timer); timer = null; } } var mq = window.matchMedia('(max-width: 768px)'); function onBreakpoint() { var wasMobile = isMobile; isMobile = mq.matches; if (isMobile !== wasMobile || total === 0) { stopAuto(); positionSlides(); startAuto(); } } mq.addEventListener('change', onBreakpoint); onBreakpoint(); document.getElementById('sliderNext').addEventListener('click', function() { next(); startAuto(); }); document.getElementById('sliderPrev').addEventListener('click', function() { prev(); startAuto(); }); dotsWrap.addEventListener('click', function(e) { var dot = e.target.closest('.slider-dot'); if (!dot) return; goTo(parseInt(dot.dataset.index, 10)); startAuto(); }); var startX = 0; var dragging = false; track.addEventListener('touchstart', function(e) { startX = e.touches[0].clientX; dragging = true; stopAuto(); }, { passive: true }); track.addEventListener('touchend', function(e) { if (!dragging) return; var diff = startX - e.changedTouches[0].clientX; if (Math.abs(diff) > 50) { diff > 0 ? next() : prev(); } dragging = false; startAuto(); }, { passive: true }); wrap.addEventListener('mouseenter', stopAuto); wrap.addEventListener('mouseleave', startAuto); document.addEventListener('visibilitychange', function() { document.hidden ? stopAuto() : startAuto(); }); var allImages = track.querySelectorAll('img'); for (var k = 0; k < allImages.length; k++) { allImages[k].addEventListener('load', function() { setSliderHeight(); }, { once: true }); } window.addEventListener('resize', setSliderHeight);})();<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/silenttheatrefest.com\/th\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silenttheatrefest.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silenttheatrefest.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silenttheatrefest.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silenttheatrefest.com\/th\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":11,"href":"https:\/\/silenttheatrefest.com\/th\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":3291,"href":"https:\/\/silenttheatrefest.com\/th\/wp-json\/wp\/v2\/pages\/15\/revisions\/3291"}],"wp:attachment":[{"href":"https:\/\/silenttheatrefest.com\/th\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}