{"id":1005,"date":"2026-04-28T06:10:23","date_gmt":"2026-04-28T06:10:23","guid":{"rendered":"https:\/\/Demo5.yinwoodweb.com\/perez\/?page_id=1005"},"modified":"2026-07-09T02:39:32","modified_gmt":"2026-07-09T02:39:32","slug":"gallery","status":"publish","type":"page","link":"https:\/\/Demo5.yinwoodweb.com\/perez\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\n\n\n<div class=\"wp-block-uagb-container uagb-block-21718add alignfull uagb-is-root-container\">\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n<title>Gallery | St. Anthony of Padua Parish<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&#038;family=DM+Sans:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n\n:root{\n  --bg:#F4EDE2;\n  --cream:#FFFEF9;\n  --warm:#FDF8F0;\n  --border:#E9DCCF;\n  --border-hover:#D0B084;\n  --brown-dark:#6B3E1C;\n  --brown:#7C4D2B;\n  --brown-mid:#9F6838;\n  --amber:#B47C48;\n  --gold:#C9915E;\n  --gold-light:#D6B17E;\n  --sand:#E2CFB7;\n  --cream-text:#FADB9F;\n  --text-primary:#2C241E;\n  --text-body:#3D2C20;\n  --text-muted:#7B5A3E;\n  --text-light:#9B7A5A;\n  --max-content:1400px;\n}\n\nhtml{scroll-behavior:smooth;}\nbody{\n  background:var(--bg);margin:0;padding:0;\n  font-family:'DM Sans',system-ui,-apple-system,sans-serif;\n  color:var(--text-primary);overflow-x:hidden;\n  -webkit-font-smoothing:antialiased;\n}\n\n.gallery-module{width:100%;position:relative;overflow:hidden;}\n.inner{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem);}\n\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}\n@keyframes scaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}\n\n\/* ===== PARTICLES ===== *\/\n.particles-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}\n.particle{position:absolute;border-radius:50%;opacity:0;animation:particleFloat linear infinite;}\n@keyframes particleFloat{\n  0%{opacity:0;transform:translateY(0) translateX(0) scale(.5)}\n  10%{opacity:.5}90%{opacity:.4}\n  100%{opacity:0;transform:translateY(-100vh) translateX(50px) scale(1.2)}\n}\n.particle.p1{width:5px;height:5px;background:#C9915E;left:8%;bottom:-20px;animation-duration:14s;animation-delay:0s}\n.particle.p2{width:3px;height:3px;background:#B47C48;left:18%;bottom:-20px;animation-duration:17s;animation-delay:1.5s}\n.particle.p3{width:7px;height:7px;background:#E2CFB7;left:30%;bottom:-20px;animation-duration:13s;animation-delay:3s}\n.particle.p4{width:4px;height:4px;background:#9F6838;left:45%;bottom:-20px;animation-duration:16s;animation-delay:.8s}\n.particle.p5{width:6px;height:6px;background:#FADB9F;left:60%;bottom:-20px;animation-duration:18s;animation-delay:2s}\n.particle.p6{width:3px;height:3px;background:#D6B17E;left:75%;bottom:-20px;animation-duration:20s;animation-delay:4s}\n.particle.p7{width:5px;height:5px;background:#C9915E;left:88%;bottom:-20px;animation-duration:15s;animation-delay:5s}\n.particle.p8{width:4px;height:4px;background:rgba(244,237,226,.4);left:52%;bottom:-20px;animation-duration:22s;animation-delay:7s}\n\n\/* ===== HERO ===== *\/\n.gallery-hero{\n  width:100%;padding:clamp(3rem,7vw,5rem) 0;\n  text-align:center;position:relative;overflow:hidden;\n  min-height:clamp(260px,38vh,400px);\n  display:flex;align-items:center;justify-content:center;\n  animation:fadeUp .7s ease-out;z-index:1;\n}\n.gallery-hero-bg{\n  position:absolute;inset:0;z-index:0;\n  background:linear-gradient(135deg,var(--brown) 0%,var(--brown-mid) 50%,var(--amber) 100%);\n}\n.gallery-hero-bg::after{\n  content:'';position:absolute;inset:0;\n  background:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='1.5'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  pointer-events:none;\n}\n.gallery-hero .hero-inner{position:relative;z-index:2;max-width:750px;padding:0 2rem}\n.gallery-hero h1{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(2.2rem,5vw,3.6rem);\n  font-weight:700;color:#FFF6EA;line-height:1.1;\n  display:flex;align-items:center;gap:16px;\n  flex-wrap:wrap;justify-content:center;\n  text-shadow:0 3px 30px rgba(0,0,0,.2);\n  animation:fadeUp .7s .1s ease-out backwards;\n}\n.gallery-hero h1 i{font-size:clamp(1.8rem,4vw,2.8rem);color:var(--cream-text)}\n.gallery-hero .hero-sub{\n  font-size:clamp(.95rem,1.6vw,1.15rem);color:#FFECCF;\n  margin-top:12px;font-weight:400;line-height:1.7;\n  max-width:600px;margin-left:auto;margin-right:auto;\n  animation:fadeUp .7s .2s ease-out backwards;\n}\n.gallery-hero .hero-cross{\n  display:block;margin-top:18px;\n  font-size:.75rem;color:rgba(255,255,255,.35);\n  letter-spacing:.3em;text-transform:uppercase;\n  animation:fadeUp .7s .3s ease-out backwards;\n}\n\n\/* ===== SECTION FULL ===== *\/\n.section-full{width:100%;padding:clamp(2.5rem,5vw,4rem) 0;position:relative;z-index:1;}\n\n\/* ===== SECTION HEAD ===== *\/\n.section-head{\n  display:flex;align-items:center;gap:12px;\n  font-family:'Cormorant Garamond',serif;font-size:1.9rem;\n  font-weight:700;color:var(--brown-dark);margin-bottom:28px;\n}\n.section-head i{font-size:1.5rem;color:var(--amber)}\n.section-head::after{\n  content:'';flex:1;height:2px;\n  background:linear-gradient(90deg,var(--sand),transparent);\n  margin-left:14px;\n}\n\n\/* ===== CAROUSEL ===== *\/\n.carousel-section{opacity:1;transform:none;}\n.carousel-viewport{\n  position:relative;overflow:hidden;\n  border-radius:28px;\n  border:1.5px solid var(--border);\n  background:var(--cream);\n  box-shadow:0 20px 50px -15px rgba(60,35,15,.18);\n}\n.carousel-track{\n  display:flex;gap:0;transition:none;will-change:transform;\n}\n.carousel-track.animating{\n  transition:transform .5s cubic-bezier(.4,0,.2,1);\n}\n.carousel-slide{\n  flex:0 0 100%;min-width:0;position:relative;overflow:hidden;cursor:pointer;\n}\n.slide-image-wrap{\n  position:relative;width:100%;height:clamp(320px,55vh,600px);overflow:hidden;\n}\n.slide-image-wrap img{\n  width:100%;height:100%;object-fit:cover;display:block;\n  transition:transform .6s ease;\n}\n.carousel-slide:hover .slide-image-wrap img{transform:scale(1.04)}\n\n.slide-overlay{\n  position:absolute;inset:0;\n  background:linear-gradient(to top,rgba(44,36,30,.85) 0%,rgba(44,36,30,.45) 35%,rgba(44,36,30,.1) 60%,transparent 100%);\n  display:flex;flex-direction:column;justify-content:flex-end;\n  padding:clamp(1.5rem,4vw,3rem);\n  opacity:0;transition:opacity .4s ease;\n}\n.carousel-slide:hover .slide-overlay{opacity:1}\n.slide-title{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;color:#FFF6EA;\n  margin-bottom:8px;transform:translateY(12px);transition:transform .4s ease;\n}\n.carousel-slide:hover .slide-title{transform:translateY(0)}\n.slide-desc{\n  font-size:clamp(.85rem,1.4vw,1rem);color:#FFECCF;line-height:1.6;max-width:600px;\n  transform:translateY(12px);transition:transform .4s ease .05s;\n}\n.carousel-slide:hover .slide-desc{transform:translateY(0)}\n.slide-counter{\n  position:absolute;top:20px;right:24px;\n  background:rgba(0,0,0,.35);backdrop-filter:blur(8px);\n  border:1px solid rgba(255,255,255,.15);border-radius:40px;\n  padding:6px 16px;font-size:.78rem;font-weight:600;color:#FFF6EA;\n  letter-spacing:.05em;opacity:0;transition:opacity .3s ease;\n}\n.carousel-slide:hover .slide-counter{opacity:1}\n.slide-expand{\n  position:absolute;top:20px;left:24px;\n  width:42px;height:42px;border-radius:50%;\n  background:rgba(0,0,0,.35);backdrop-filter:blur(8px);\n  border:1px solid rgba(255,255,255,.15);\n  display:flex;align-items:center;justify-content:center;\n  color:#FFF6EA;font-size:.85rem;cursor:pointer;\n  opacity:0;transition:all .3s ease;\n}\n.carousel-slide:hover .slide-expand{opacity:1}\n.slide-expand:hover{background:rgba(107,62,28,.8);transform:scale(1.1)}\n.pause-indicator{\n  position:absolute;top:20px;left:50%;transform:translateX(-50%);\n  background:rgba(0,0,0,.4);backdrop-filter:blur(8px);\n  border:1px solid rgba(255,255,255,.15);border-radius:40px;\n  padding:6px 18px;font-size:.72rem;font-weight:600;color:#FFECCF;\n  letter-spacing:.06em;text-transform:uppercase;\n  opacity:0;transition:opacity .3s ease;pointer-events:none;\n}\n.carousel-viewport:hover .pause-indicator{opacity:1}\n\n.carousel-nav{\n  position:absolute;top:50%;transform:translateY(-50%);\n  width:48px;height:48px;border-radius:50%;\n  background:rgba(107,62,28,.75);backdrop-filter:blur(6px);\n  border:1.5px solid rgba(255,255,255,.2);\n  color:#FFF6EA;display:flex;align-items:center;justify-content:center;\n  font-size:1rem;cursor:pointer;z-index:5;transition:all .25s ease;opacity:0;\n}\n.carousel-viewport:hover .carousel-nav{opacity:1}\n.carousel-nav:hover{background:rgba(107,62,28,.95);transform:translateY(-50%) scale(1.1)}\n.carousel-prev{left:16px}\n.carousel-next{right:16px}\n\n.carousel-dots{display:flex;justify-content:center;gap:10px;padding:20px 0 6px}\n.carousel-dot{\n  width:10px;height:10px;border-radius:50%;\n  background:var(--sand);border:2px solid transparent;\n  cursor:pointer;transition:all .3s ease;\n}\n.carousel-dot.active{\n  background:var(--amber);border-color:var(--gold);\n  transform:scale(1.25);box-shadow:0 0 0 4px rgba(180,124,72,.2);\n}\n.carousel-dot:hover{background:var(--gold-light)}\n\n.thumbnail-strip{\n  display:flex;gap:10px;padding:16px 20px;\n  overflow-x:auto;scrollbar-width:thin;\n  scrollbar-color:var(--sand) transparent;\n  background:var(--warm);border-top:1px solid var(--border);\n}\n.thumbnail-strip::-webkit-scrollbar{height:4px}\n.thumbnail-strip::-webkit-scrollbar-thumb{background:var(--sand);border-radius:4px}\n.thumb-item{\n  flex:0 0 80px;height:56px;border-radius:10px;\n  overflow:hidden;cursor:pointer;border:2px solid transparent;\n  transition:all .3s ease;opacity:.55;\n}\n.thumb-item:hover,.thumb-item.active{\n  opacity:1;border-color:var(--amber);transform:scale(1.05);\n}\n.thumb-item img{width:100%;height:100%;object-fit:cover;display:block}\n\n\/* ===== LIGHTBOX ===== *\/\n.gallery-lightbox{\n  display:none;position:fixed;inset:0;\n  background:rgba(0,0,0,.94);z-index:100000;\n  justify-content:center;align-items:center;cursor:pointer;\n}\n.gallery-lightbox.active{display:flex}\n.lightbox-wrap{max-width:92vw;max-height:88vh;position:relative}\n.lightbox-wrap img{\n  max-width:100%;max-height:88vh;object-fit:contain;\n  border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);border:3px solid #FFF6EA;\n}\n.lightbox-info{position:absolute;bottom:-50px;left:0;right:0;text-align:center}\n.lightbox-info .lb-title{\n  font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:700;color:#FFF6EA;margin-bottom:4px;\n}\n.lightbox-info .lb-desc{font-size:.85rem;color:rgba(255,236,207,.7)}\n.close-lb{\n  position:absolute;top:-50px;right:0;\n  width:44px;height:44px;border-radius:50%;\n  background:var(--brown);color:white;\n  display:flex;align-items:center;justify-content:center;\n  font-size:1.3rem;cursor:pointer;border:none;transition:all .25s ease;\n}\n.close-lb:hover{background:var(--brown-mid);transform:scale(1.1)}\n\n\/* ===== STATS CARDS ===== *\/\n.stats-section{\n  width:100%;\n  padding:clamp(2.5rem,5vw,4.5rem) 0;\n  position:relative;z-index:1;\n  background:linear-gradient(180deg,var(--bg) 0%,var(--warm) 100%);\n}\n.stats-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:clamp(1rem,2vw,1.5rem);\n}\n.stat-card{\n  background:var(--cream);\n  border:1.5px solid var(--border);\n  border-radius:20px;\n  padding:clamp(1.5rem,3vw,2.2rem) clamp(1rem,2vw,1.8rem);\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n  transition:all .35s cubic-bezier(.4,0,.2,1);\n}\n.stat-card::before{\n  content:'';\n  position:absolute;top:0;left:0;right:0;\n  height:4px;\n  background:linear-gradient(90deg,var(--amber),var(--gold),var(--gold-light));\n  border-radius:20px 20px 0 0;\n  opacity:.6;\n  transition:opacity .3s ease;\n}\n.stat-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 16px 40px -10px rgba(107,62,28,.18);\n  border-color:var(--border-hover);\n}\n.stat-card:hover::before{opacity:1}\n\n.stat-icon{\n  width:56px;height:56px;border-radius:16px;\n  background:linear-gradient(135deg,var(--brown),var(--brown-mid));\n  display:flex;align-items:center;justify-content:center;\n  margin:0 auto 16px;\n  font-size:1.3rem;color:var(--cream-text);\n  box-shadow:0 6px 18px -4px rgba(107,62,28,.3);\n  transition:transform .3s ease;\n}\n.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-3deg)}\n\n.stat-number{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(1.8rem,3vw,2.6rem);\n  font-weight:700;color:var(--brown-dark);\n  line-height:1.1;margin-bottom:6px;\n}\n.stat-label{\n  font-size:clamp(.75rem,1.1vw,.88rem);\n  color:var(--text-muted);\n  font-weight:500;\n  letter-spacing:.02em;\n}\n\n\/* ===== FOOTER ===== *\/\n.gallery-footer{\n  width:100%;text-align:center;\n  padding:clamp(2rem,4vw,3rem) 2rem;position:relative;z-index:1;\n}\n.gallery-footer .gf-quote{\n  font-family:'Cormorant Garamond',serif;font-size:1.2rem;\n  font-style:italic;color:var(--brown-dark);margin-bottom:10px;\n}\n.gallery-footer .gf-quote i{color:var(--gold);margin-right:6px}\n.gallery-footer .gf-divider{\n  width:60px;height:2px;\n  background:linear-gradient(90deg,var(--gold),var(--sand));\n  margin:14px auto;border-radius:2px;\n}\n.gallery-footer p{font-size:.8rem;color:var(--text-light)}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:900px){\n  .slide-image-wrap{height:clamp(260px,45vh,450px)}\n  .carousel-nav{width:40px;height:40px;font-size:.85rem}\n  .thumb-item{flex:0 0 65px;height:44px}\n  .stats-grid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:680px){\n  .slide-image-wrap{height:clamp(220px,40vh,380px)}\n  .slide-overlay{padding:1.5rem}\n  .carousel-nav{opacity:1;width:36px;height:36px;font-size:.75rem}\n  .carousel-prev{left:8px}\n  .carousel-next{right:8px}\n  .section-head{font-size:1.5rem}\n  .pause-indicator{display:none}\n  .stats-grid{\n    grid-template-columns:1fr;\n    max-width:360px;\n    margin:0 auto;\n    gap:1rem;\n  }\n  .stat-card{\n    display:flex;\n    align-items:center;\n    gap:16px;\n    text-align:left;\n    padding:1.2rem 1.4rem;\n  }\n  .stat-card::before{\n    height:100%;width:4px;\n    border-radius:20px 0 0 20px;\n    top:0;bottom:0;left:0;right:auto;\n  }\n  .stat-icon{\n    margin:0;\n    min-width:48px;width:48px;height:48px;\n    border-radius:12px;font-size:1.1rem;\n  }\n  .stat-number{font-size:1.5rem;margin-bottom:2px}\n  .stat-label{font-size:.78rem}\n}\n@media(max-width:450px){\n  .slide-image-wrap{height:clamp(200px,35vh,320px)}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"gallery-module\">\n\n  <!-- PARTICLES -->\n  <div class=\"particles-container\">\n    <div class=\"particle p1\"><\/div><div class=\"particle p2\"><\/div>\n    <div class=\"particle p3\"><\/div><div class=\"particle p4\"><\/div>\n    <div class=\"particle p5\"><\/div><div class=\"particle p6\"><\/div>\n    <div class=\"particle p7\"><\/div><div class=\"particle p8\"><\/div>\n  <\/div>\n\n  <!-- HERO -->\n  <header class=\"gallery-hero\">\n    <div class=\"gallery-hero-bg\"><\/div>\n    <div class=\"hero-inner\">\n      <h1><i class=\"fas fa-images\"><\/i> Parish Gallery<\/h1>\n      <p class=\"hero-sub\">Faith in every frame \u2014 moments of liturgy, community, and sacred celebrations at St. Anthony of Padua Parish.<\/p>\n      <span class=\"hero-cross\">\u2726 \u2726 \u2726<\/span>\n    <\/div>\n  <\/header>\n\n  <!-- CAROUSEL -->\n  <div class=\"section-full\">\n    <div class=\"inner\">\n      <div class=\"carousel-section\">\n        <div class=\"section-head\"><i class=\"fas fa-camera-retro\"><\/i> Photo Gallery<\/div>\n        <div class=\"carousel-viewport\" id=\"carouselViewport\">\n          <div class=\"carousel-track\" id=\"carouselTrack\"><\/div>\n          <button class=\"carousel-nav carousel-prev\" id=\"prevBtn\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n          <button class=\"carousel-nav carousel-next\" id=\"nextBtn\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n          <div class=\"pause-indicator\"><i class=\"fas fa-pause\"><\/i> Paused<\/div>\n        <\/div>\n        <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\n        <div class=\"thumbnail-strip\" id=\"thumbStrip\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- STATS CARDS -->\n  <div class=\"stats-section\">\n    <div class=\"inner\">\n      <div class=\"section-head\"><i class=\"fas fa-chart-line\"><\/i> Parish at a Glance<\/div>\n      <div class=\"stats-grid\">\n\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-camera\"><\/i><\/div>\n          <div class=\"stat-number\">500+<\/div>\n          <div class=\"stat-label\">Photos Captured<\/div>\n        <\/div>\n\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\n          <div class=\"stat-number\">67+<\/div>\n          <div class=\"stat-label\">Years Documented<\/div>\n        <\/div>\n\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-church\"><\/i><\/div>\n          <div class=\"stat-number\">12<\/div>\n          <div class=\"stat-label\">Major Events<\/div>\n        <\/div>\n\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n          <div class=\"stat-number\">4,200+<\/div>\n          <div class=\"stat-label\">Parishioners<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- FOOTER -->\n  <footer class=\"gallery-footer\">\n    <p class=\"gf-quote\"><i class=\"fas fa-cross\"><\/i> &#8220;In all things, may the name of St. Anthony be glorified.&#8221;<\/p>\n    <div class=\"gf-divider\"><\/div>\n    <p>St. Anthony of Padua Parish \u00b7 Perez, Quezon Province \u00b7 Diocese of Gumaca<\/p>\n  <\/footer>\n\n<\/div>\n\n<!-- LIGHTBOX -->\n<div id=\"galleryLightbox\" class=\"gallery-lightbox\">\n  <div class=\"lightbox-wrap\">\n    <img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"Preview\">\n    <button class=\"close-lb\" id=\"closeLb\"><i class=\"fas fa-times\"><\/i><\/button>\n    <div class=\"lightbox-info\">\n      <div class=\"lb-title\" id=\"lbTitle\"><\/div>\n      <div class=\"lb-desc\" id=\"lbDesc\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n\n  var slides = [\n    {\n      title: 'St. Anthony of Padua Parish Church',\n      description: 'The historic parish church of Perez, Quezon Province \u2014 a beacon of faith since 1958.',\n      imgUrl: 'https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/04\/Perez-Quezon-3-scaled.jpg'\n    },\n    {\n      title: 'Sunday High Mass',\n      description: 'Parishioners gathered in solemn celebration during the Sunday Solemn High Mass.',\n      imgUrl: 'https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/722449573_906815905768308_435250333681151238_n.jpg'\n    },\n    {\n      title: 'Feast Day Procession',\n      description: 'The annual grand procession through the streets of Perez in honor of St. Anthony of Padua.',\n      imgUrl: 'https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/716571018_900607969722435_7512808010764694204_n.jpg'\n    },\n    {\n      title: 'Youth Ministry Camp',\n      description: 'Young parishioners growing in faith and fellowship at the annual parish youth camp.',\n      imgUrl: 'https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/506527672_609514315498470_7993792640521398157_n.jpg'\n    },\n    {\n      title: 'Community Outreach',\n      description: 'Parish volunteers serving the poor and marginalized through feeding missions and outreach.',\n      imgUrl: 'https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/598374453_756592390790661_4441775313430713847_n.jpg'\n    },\n    {\n      title: 'A Child at Prayer',\n      description: 'A young girl in quiet prayer inside the parish church \u2014 the future of our faith community.',\n      imgUrl: 'https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/484147233_541798638936705_4580184057630363056_n.jpg'\n    },\n    {\n      title: 'Parish Choir',\n      description: 'The dedicated parish choir leading the congregation in praise and worship every Sunday.',\n      imgUrl: 'https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/604647840_764682673314966_933851713019532354_n.jpg'\n    },\n    {\n      title: 'Scenic View of Perez',\n      description: 'The rolling green hills and natural beauty surrounding the historic town of Perez, Quezon.',\n      imgUrl: 'https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/hq720.jpg'\n    }\n  ];\n\n  var track      = document.getElementById('carouselTrack');\n  var dotsWrap   = document.getElementById('carouselDots');\n  var thumbStrip = document.getElementById('thumbStrip');\n  var viewport   = document.getElementById('carouselViewport');\n  var prevBtn    = document.getElementById('prevBtn');\n  var nextBtn    = document.getElementById('nextBtn');\n  var lightbox   = document.getElementById('galleryLightbox');\n  var lbImg      = document.getElementById('lbImg');\n  var lbTitle    = document.getElementById('lbTitle');\n  var lbDesc     = document.getElementById('lbDesc');\n  var closeLb    = document.getElementById('closeLb');\n\n  var total   = slides.length;\n  var current = 0;\n  var timer   = null;\n  var isPaused = false;\n  var INTERVAL = 4500;\n\n  \/* localStorage *\/\n  var STORAGE_KEY = 'gallery_slide_index';\n  function saveSlideIndex(i){try{localStorage.setItem(STORAGE_KEY,String(i))}catch(e){}}\n  function loadSlideIndex(){try{var v=localStorage.getItem(STORAGE_KEY);if(v!==null){var n=parseInt(v,10);if(!isNaN(n)&&n>=0&&n<total)return n}}catch(e){}return 0}\n\n  function esc(s){if(!s)return'';return s.replace(\/&#038;\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;')}\n\n  function buildSlides(){\n    var h='';\n    slides.forEach(function(s,i){\n      h+='<div class=\"carousel-slide\" data-index=\"'+i+'\">'\n        +'<div class=\"slide-image-wrap\">'\n        +'<img decoding=\"async\" src=\"'+esc(s.imgUrl)+'\" alt=\"'+esc(s.title)+'\" loading=\"'+(i<3?'eager':'lazy')+'\">'\n        +'<\/div><div class=\"slide-overlay\">'\n        +'<div class=\"slide-title\">'+esc(s.title)+'<\/div>'\n        +'<div class=\"slide-desc\">'+esc(s.description)+'<\/div>'\n        +'<\/div><div class=\"slide-counter\">'+(i+1)+' \/ '+total+'<\/div>'\n        +'<div class=\"slide-expand\" data-index=\"'+i+'\" title=\"View full size\"><i class=\"fas fa-expand\"><\/i><\/div>'\n        +'<\/div>';\n    });\n    track.innerHTML=h;\n  }\n  function buildDots(){\n    var h='';\n    slides.forEach(function(_,i){h+='<div class=\"carousel-dot\" data-index=\"'+i+'\"><\/div>'});\n    dotsWrap.innerHTML=h;\n  }\n  function buildThumbs(){\n    var h='';\n    slides.forEach(function(s,i){\n      h+='<div class=\"thumb-item\" data-index=\"'+i+'\">'\n        +'<img decoding=\"async\" src=\"'+esc(s.imgUrl)+'\" alt=\"'+esc(s.title)+'\" loading=\"lazy\"><\/div>';\n    });\n    thumbStrip.innerHTML=h;\n  }\n\n  function goTo(index,animate){\n    if(index<0)index=total-1;\n    if(index>=total)index=0;\n    current=index;\n    saveSlideIndex(current);\n    if(animate!==false){track.classList.add('animating');setTimeout(function(){track.classList.remove('animating')},550)}\n    track.style.transform='translateX(-'+(current*100)+'%)';\n    var dots=dotsWrap.querySelectorAll('.carousel-dot');\n    for(var d=0;d<dots.length;d++){dots[d].classList.toggle('active',d===current)}\n    var thumbs=thumbStrip.querySelectorAll('.thumb-item');\n    for(var t=0;t<thumbs.length;t++){thumbs[t].classList.toggle('active',t===current)}\n  }\n  function next(){goTo(current+1)}\n  function prev(){goTo(current-1)}\n\n  function startAuto(){stopAuto();timer=setInterval(function(){if(!isPaused)next()},INTERVAL)}\n  function stopAuto(){if(timer){clearInterval(timer);timer=null}}\n\n  function bindEvents(){\n    prevBtn.addEventListener('click',function(e){e.stopPropagation();prev();startAuto()});\n    nextBtn.addEventListener('click',function(e){e.stopPropagation();next();startAuto()});\n    dotsWrap.addEventListener('click',function(e){var d=e.target.closest('.carousel-dot');if(!d)return;goTo(parseInt(d.getAttribute('data-index')));startAuto()});\n    thumbStrip.addEventListener('click',function(e){var t=e.target.closest('.thumb-item');if(!t)return;goTo(parseInt(t.getAttribute('data-index')));startAuto()});\n    viewport.addEventListener('mouseenter',function(){isPaused=true});\n    viewport.addEventListener('mouseleave',function(){isPaused=false});\n    viewport.addEventListener('touchstart',function(){isPaused=true},{passive:true});\n    viewport.addEventListener('touchend',function(){setTimeout(function(){isPaused=false},2000)},{passive:true});\n    track.addEventListener('click',function(e){var ex=e.target.closest('.slide-expand');if(!ex)return;e.stopPropagation();openLightbox(parseInt(ex.getAttribute('data-index')))});\n    var wraps=track.querySelectorAll('.slide-image-wrap');\n    for(var w=0;w<wraps.length;w++){(function(wrap,idx){wrap.addEventListener('click',function(){openLightbox(idx)})})(wraps[w],w)}\n    document.addEventListener('keydown',function(e){\n      if(lightbox.classList.contains('active')){if(e.key==='Escape')closeLightboxFn();return}\n      if(e.key==='ArrowLeft'){prev();startAuto()}\n      if(e.key==='ArrowRight'){next();startAuto()}\n    });\n    var sx=0;\n    track.addEventListener('touchstart',function(e){sx=e.changedTouches[0].screenX},{passive:true});\n    track.addEventListener('touchend',function(e){var ex=e.changedTouches[0].screenX,d=sx-ex;if(Math.abs(d)>50){if(d>0)next();else prev();startAuto()}},{passive:true});\n  }\n\n  function openLightbox(i){\n    var s=slides[i];if(!s)return;\n    lbImg.src=s.imgUrl;lbTitle.textContent=s.title;lbDesc.textContent=s.description;\n    lightbox.classList.add('active');document.body.style.overflow='hidden';isPaused=true;\n  }\n  function closeLightboxFn(){\n    lightbox.classList.remove('active');document.body.style.overflow='';lbImg.src='';isPaused=false;\n  }\n  lightbox.addEventListener('click',function(e){if(e.target===lightbox)closeLightboxFn()});\n  closeLb.addEventListener('click',closeLightboxFn);\n\n  buildSlides();buildDots();buildThumbs();\n  goTo(loadSlideIndex(),false);\n  bindEvents();startAuto();\n\n})();\n<\/script>\n\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Gallery Relive the joy of our parish community through photos of Masses, ministries, celebrations, and special occasions. Gallery | St. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Gallery - St. Anthony of Padua Parish","description":"Gallery | St. Anthony of Padua Parish Parish Gallery Faith in every frame \u2014 moments of liturgy, community, and sacred celebrations at St. Anthony of Padua Paris"},"footnotes":""},"class_list":["post-1005","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Diocese of Gumaca","author_link":"https:\/\/Demo5.yinwoodweb.com\/perez\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Gallery Relive the joy of our parish community through photos of Masses, ministries, celebrations, and special occasions. Gallery | St. [&hellip;]","_links":{"self":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/1005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/comments?post=1005"}],"version-history":[{"count":42,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/1005\/revisions"}],"predecessor-version":[{"id":1715,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/1005\/revisions\/1715"}],"wp:attachment":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/media?parent=1005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}