{"id":8913,"date":"2025-09-19T14:05:55","date_gmt":"2025-09-19T14:05:55","guid":{"rendered":"https:\/\/stpaulsavannah.org\/?page_id=8913"},"modified":"2026-08-23T18:38:17","modified_gmt":"2026-08-23T22:38:17","slug":"calendar","status":"publish","type":"page","link":"https:\/\/stpaulsavannah.org\/es\/calendar\/","title":{"rendered":"Calendario"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8913\" class=\"elementor elementor-8913\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6ac6e3 e-flex e-con-boxed e-con e-parent\" data-id=\"d6ac6e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd362aa elementor-widget elementor-widget-text-editor\" data-id=\"dd362aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Click any item for more details.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9675ab3 e-con-full e-flex e-con e-parent\" data-id=\"9675ab3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-724389c elementor-widget elementor-widget-html\" data-id=\"724389c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ST. PAUL'S CALENDAR PAGE\r\n   ========================================================= *\/\r\n\r\n.sp-calendar-app {\r\n    display: grid;\r\n    grid-template-columns: 255px minmax(0, 1fr);\r\n    gap: 30px;\r\n    width: 98%;\r\n    max-width: 1800px;\r\n    margin: 20px auto;\r\n    font-family: inherit;\r\n}\r\n\r\n\/* SIDEBAR *\/\r\n\r\n.sp-calendar-sidebar {\r\n    width: 255px;\r\n    background: #17324d;\r\n    padding: 20px;\r\n    border-radius: 8px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sp-calendar-sidebar h2 {\r\n    color: #ffffff;\r\n    margin: 0 0 10px;\r\n    font-size: 28px;\r\n}\r\n\r\n.sp-calendar-sidebar p {\r\n    color: #dddddd;\r\n    font-size: 14px;\r\n    margin: 0 0 20px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* SIDEBAR BUTTONS *\/\r\n\r\n.sp-calendar-button {\r\n    display: block;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 14px 15px;\r\n    margin-bottom: 10px;\r\n    background: transparent;\r\n    border: 1px solid rgba(255,255,255,.35);\r\n    color: #ffffff;\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n    text-align: left;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    transition:\r\n        background-color .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n.sp-calendar-button:hover,\r\n.sp-calendar-button:focus-visible {\r\n    background: #b89a55;\r\n    border-color: #b89a55;\r\n}\r\n\r\n.sp-calendar-button.active {\r\n    background: #b89a55;\r\n    border-color: #b89a55;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* MAIN CONTENT *\/\r\n\r\n.sp-calendar-main {\r\n    min-width: 0;\r\n}\r\n\r\n.sp-calendar-main h2 {\r\n    margin: 0 0 15px;\r\n    color: #17324d;\r\n    font-size: 34px;\r\n}\r\n\r\n\/* GOOGLE CALENDAR *\/\r\n\r\n#calendarFrame {\r\n    display: block;\r\n    width: 100%;\r\n    height: 850px;\r\n    border: 0;\r\n    border-radius: 8px;\r\n    background: #ffffff;\r\n}\r\n\r\n\/* =========================================================\r\n   SUNDAY READINGS\r\n   ========================================================= *\/\r\n\r\n#sundayReadings {\r\n    display: none;\r\n}\r\n\r\n.readings-intro {\r\n    margin: 0 0 24px;\r\n    color: #555555;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.readings-list {\r\n    display: grid;\r\n    gap: 16px;\r\n}\r\n\r\n.reading-card {\r\n    border: 1px solid #ddd8cd;\r\n    border-left: 5px solid #b89a55;\r\n    border-radius: 8px;\r\n    padding: 22px 24px;\r\n    background: #ffffff;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.reading-date {\r\n    margin: 0 0 5px;\r\n    color: #777777;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: .03em;\r\n}\r\n\r\n.reading-title {\r\n    margin: 0 0 8px;\r\n    color: #17324d;\r\n    font-size: 24px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.reading-lessons {\r\n    margin: 0 0 18px;\r\n    color: #555555;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.reading-link {\r\n    display: inline-block;\r\n    padding: 11px 18px;\r\n    background: #17324d;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    border-radius: 5px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    transition: background-color .2s ease;\r\n}\r\n\r\n.reading-link:hover,\r\n.reading-link:focus {\r\n    background: #b89a55;\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* TABLETS *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .sp-calendar-app {\r\n        width: 99%;\r\n    }\r\n\r\n    #calendarFrame {\r\n        height: 750px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    .sp-calendar-app {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .sp-calendar-sidebar {\r\n        width: 100%;\r\n    }\r\n\r\n    #calendarFrame {\r\n        height: 650px;\r\n    }\r\n}\r\n\r\n\/* SMALL PHONES *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .sp-calendar-button {\r\n        font-size: 14px;\r\n        padding: 12px;\r\n    }\r\n\r\n    .sp-calendar-main h2 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .reading-card {\r\n        padding: 18px;\r\n    }\r\n\r\n    .reading-title {\r\n        font-size: 21px;\r\n    }\r\n\r\n    #calendarFrame {\r\n        height: 550px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"sp-calendar-app\">\r\n\r\n    <!-- ================================================\r\n         LEFT SIDEBAR\r\n         ================================================ -->\r\n\r\n    <aside class=\"sp-calendar-sidebar\">\r\n\r\n        <h2>Calendars<\/h2>\r\n\r\n        <p>Select a calendar to display.<\/p>\r\n\r\n\r\n        <!-- 1. WORSHIP -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sp-calendar-button active\"\r\n            data-type=\"calendar\"\r\n            data-title=\"Worship Calendar\"\r\n            data-url=\"https:\/\/calendar.google.com\/calendar\/embed?src=dada3dc79f107cd4dc7c2ec3a5e2e30322476cea9293201f5b8591ba2821a93b%40group.calendar.google.com&amp;ctz=America%2FNew_York\"\r\n            aria-pressed=\"true\">\r\n            Worship\r\n        <\/button>\r\n\r\n\r\n        <!-- 2. PARISH CALENDAR -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sp-calendar-button\"\r\n            data-type=\"calendar\"\r\n            data-title=\"Parish Calendar\"\r\n            data-url=\"https:\/\/calendar.google.com\/calendar\/embed?src=stpaul1802office%40gmail.com&amp;ctz=America%2FNew_York\"\r\n            aria-pressed=\"false\">\r\n            Parish Calendar\r\n        <\/button>\r\n\r\n\r\n        <!-- 3. SUNDAY READINGS -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sp-calendar-button\"\r\n            data-type=\"readings\"\r\n            data-title=\"Sunday Readings\"\r\n            aria-pressed=\"false\">\r\n            Sunday Readings\r\n        <\/button>\r\n\r\n\r\n        <!-- 4. RECOVERY -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sp-calendar-button\"\r\n            data-type=\"calendar\"\r\n            data-title=\"Recovery\"\r\n            data-url=\"https:\/\/calendar.google.com\/calendar\/embed?src=4b40016e249bc262f465b604863b9ef8daa60c740933644107d9c3c5041de51b%40group.calendar.google.com&amp;ctz=America%2FNew_York\"\r\n            aria-pressed=\"false\">\r\n            Recovery\r\n        <\/button>\r\n\r\n\r\n        <!-- 5. LITURGY -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"sp-calendar-button\"\r\n            data-type=\"external\"\r\n            data-url=\"https:\/\/liturgical-calendar.com\/en-emodeng\/Episcopal1979\/\"\r\n            aria-pressed=\"false\">\r\n            Liturgy\r\n        <\/button>\r\n\r\n    <\/aside>\r\n\r\n\r\n    <!-- ================================================\r\n         MAIN DISPLAY\r\n         ================================================ -->\r\n\r\n    <main class=\"sp-calendar-main\">\r\n\r\n        <h2 id=\"calendarTitle\">\r\n            Worship Calendar\r\n        <\/h2>\r\n\r\n\r\n        <!-- GOOGLE CALENDAR DISPLAY -->\r\n\r\n        <iframe\r\n            id=\"calendarFrame\"\r\n            title=\"Worship Calendar\"\r\n            data-src=\"https:\/\/calendar.google.com\/calendar\/embed?src=dada3dc79f107cd4dc7c2ec3a5e2e30322476cea9293201f5b8591ba2821a93b%40group.calendar.google.com&amp;ctz=America%2FNew_York\"\r\n           \r\n            scrolling=\"no\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"0\">\r\n        <\/iframe>\r\n\r\n\r\n        <!-- ============================================\r\n             SUNDAY READINGS DISPLAY\r\n             ============================================ -->\r\n\r\n        <section id=\"sundayReadings\">\r\n\r\n            <p class=\"readings-intro\">\r\n                Select a Sunday below to view the appointed lessons\r\n                from the Revised Common Lectionary.\r\n            <\/p>\r\n\r\n            <div\r\n                id=\"readingsList\"\r\n                class=\"readings-list\">\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n    <\/main>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    \/* ======================================================\r\n       SUNDAY READINGS\r\n       Direct links from the St. Paul's Sunday Readings\r\n       Google Calendar.\r\n       ====================================================== *\/\r\n\r\n    const sundayReadings = [\r\n\r\n        {\r\n            date: \"Sunday, August 16, 2026\",\r\n            title: \"Proper 15\",\r\n            lessons: \"Year A \u2022 Revised Common Lectionary\",\r\n            url: \"https:\/\/www.lectionarypage.net\/YearA_RCL\/Pentecost\/AProp15_RCL.html\"\r\n        },\r\n\r\n        {\r\n            date: \"Sunday, August 23, 2026\",\r\n            title: \"Proper 16\",\r\n            lessons: \"Year A \u2022 Revised Common Lectionary\",\r\n            url: \"https:\/\/www.lectionarypage.net\/YearA_RCL\/Pentecost\/AProp16_RCL.html\"\r\n        },\r\n\r\n        {\r\n            date: \"Sunday, August 30, 2026\",\r\n            title: \"Proper 17\",\r\n            lessons: \"Year A \u2022 Revised Common Lectionary\",\r\n            url: \"https:\/\/www.lectionarypage.net\/YearA_RCL\/Pentecost\/AProp17_RCL.html\"\r\n        },\r\n\r\n        {\r\n            date: \"Sunday, September 6, 2026\",\r\n            title: \"Proper 18\",\r\n            lessons: \"Year A \u2022 Revised Common Lectionary\",\r\n            url: \"https:\/\/www.lectionarypage.net\/YearA_RCL\/Pentecost\/AProp18_RCL.html\"\r\n        },\r\n\r\n        {\r\n            date: \"Sunday, September 13, 2026\",\r\n            title: \"Proper 19\",\r\n            lessons: \"Year A \u2022 Revised Common Lectionary\",\r\n            url: \"https:\/\/www.lectionarypage.net\/YearA_RCL\/Pentecost\/AProp19_RCL.html\"\r\n        },\r\n\r\n        {\r\n            date: \"Sunday, September 20, 2026\",\r\n            title: \"Proper 20\",\r\n            lessons: \"Year A \u2022 Revised Common Lectionary\",\r\n            url: \"https:\/\/www.lectionarypage.net\/YearA_RCL\/Pentecost\/AProp20_RCL.html\"\r\n        },\r\n\r\n        {\r\n            date: \"Sunday, September 27, 2026\",\r\n            title: \"Proper 21\",\r\n            lessons: \"Year A \u2022 Revised Common Lectionary\",\r\n            url: \"https:\/\/www.lectionarypage.net\/YearA_RCL\/Pentecost\/AProp21_RCL.html\"\r\n        }\r\n\r\n    ];\r\n\r\n\r\n    \/* ======================================================\r\n       PAGE ELEMENTS\r\n       ====================================================== *\/\r\n\r\n    const app =\r\n        document.querySelector(\".sp-calendar-app\");\r\n\r\n    if (!app) {\r\n        return;\r\n    }\r\n\r\n    const buttons =\r\n        app.querySelectorAll(\".sp-calendar-button\");\r\n\r\n    const frame =\r\n        document.getElementById(\"calendarFrame\");\r\n\r\n    const title =\r\n        document.getElementById(\"calendarTitle\");\r\n\r\n    const readingsSection =\r\n        document.getElementById(\"sundayReadings\");\r\n\r\n    const readingsList =\r\n        document.getElementById(\"readingsList\");\r\n\r\n\r\n    \/* ======================================================\r\n       BUILD THE SUNDAY READINGS CARDS\r\n       ====================================================== *\/\r\n\r\n    function renderReadings() {\r\n\r\n        readingsList.innerHTML = \"\";\r\n\r\n        sundayReadings.forEach(function (reading) {\r\n\r\n            const card =\r\n                document.createElement(\"article\");\r\n\r\n            card.className =\r\n                \"reading-card\";\r\n\r\n\r\n            \/* DATE *\/\r\n\r\n            const date =\r\n                document.createElement(\"p\");\r\n\r\n            date.className =\r\n                \"reading-date\";\r\n\r\n            date.textContent =\r\n                reading.date;\r\n\r\n\r\n            \/* TITLE *\/\r\n\r\n            const heading =\r\n                document.createElement(\"h3\");\r\n\r\n            heading.className =\r\n                \"reading-title\";\r\n\r\n            heading.textContent =\r\n                reading.title;\r\n\r\n\r\n            \/* LECTIONARY INFORMATION *\/\r\n\r\n            const lessons =\r\n                document.createElement(\"p\");\r\n\r\n            lessons.className =\r\n                \"reading-lessons\";\r\n\r\n            lessons.textContent =\r\n                reading.lessons;\r\n\r\n\r\n            \/* DIRECT LINK *\/\r\n\r\n            const link =\r\n                document.createElement(\"a\");\r\n\r\n            link.className =\r\n                \"reading-link\";\r\n\r\n            link.href =\r\n                reading.url;\r\n\r\n            link.target =\r\n                \"_blank\";\r\n\r\n            link.rel =\r\n                \"noopener\";\r\n\r\n            link.textContent =\r\n                \"Read the Lessons \u2192\";\r\n\r\n\r\n            \/* BUILD CARD *\/\r\n\r\n            card.appendChild(date);\r\n\r\n            card.appendChild(heading);\r\n\r\n            card.appendChild(lessons);\r\n\r\n            card.appendChild(link);\r\n\r\n\r\n            readingsList.appendChild(card);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    renderReadings();\r\n\r\n\r\n    \/* ======================================================\r\n       SIDEBAR BUTTONS\r\n       ====================================================== *\/\r\n\r\n    buttons.forEach(function (button) {\r\n\r\n        button.addEventListener(\"click\", function () {\r\n\r\n            const type =\r\n                this.dataset.type;\r\n\r\n\r\n            \/* --------------------------------------------\r\n               LITURGY\r\n               Opens external website\r\n               -------------------------------------------- *\/\r\n\r\n            if (type === \"external\") {\r\n\r\n                window.open(\r\n                    this.dataset.url,\r\n                    \"_blank\",\r\n                    \"noopener\"\r\n                );\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            \/* --------------------------------------------\r\n               REMOVE ACTIVE BUTTON\r\n               -------------------------------------------- *\/\r\n\r\n            buttons.forEach(function (item) {\r\n\r\n                item.classList.remove(\r\n                    \"active\"\r\n                );\r\n\r\n                item.setAttribute(\r\n                    \"aria-pressed\",\r\n                    \"false\"\r\n                );\r\n\r\n            });\r\n\r\n\r\n            \/* --------------------------------------------\r\n               SELECT CURRENT BUTTON\r\n               -------------------------------------------- *\/\r\n\r\n            this.classList.add(\r\n                \"active\"\r\n            );\r\n\r\n            this.setAttribute(\r\n                \"aria-pressed\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            \/* --------------------------------------------\r\n               SUNDAY READINGS\r\n               -------------------------------------------- *\/\r\n\r\n            if (type === \"readings\") {\r\n\r\n                title.textContent =\r\n                    \"Sunday Readings\";\r\n\r\n                frame.style.display =\r\n                    \"none\";\r\n\r\n                readingsSection.style.display =\r\n                    \"block\";\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            \/* --------------------------------------------\r\n               GOOGLE CALENDARS\r\n               -------------------------------------------- *\/\r\n\r\n            readingsSection.style.display =\r\n                \"none\";\r\n\r\n            frame.style.display =\r\n                \"block\";\r\n\r\n            frame.src =\r\n                this.dataset.url;\r\n\r\n            frame.title =\r\n                this.dataset.title;\r\n\r\n            title.textContent =\r\n                this.dataset.title;\r\n\r\n        });\r\n\r\n    });\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Click any item for more details. Calendars Select a calendar to display. Worship Parish Calendar Sunday Readings Recovery Liturgy Worship Calendar Select a Sunday below to view the appointed lessons from the Revised Common Lectionary.<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"slim_seo":{"title":"Calendar - Episcopal Church of St. Paul the Apostle\/Iglesia Episcopal de San Pablo Ap\u00f3stol","description":"Click any item for more details. Calendars Select a calendar to display. Worship Parish Calendar Sunday Readings Recovery Liturgy Worship Calendar Select a Sund"},"footnotes":""},"class_list":["post-8913","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stpaulsavannah.org\/es\/wp-json\/wp\/v2\/pages\/8913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stpaulsavannah.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stpaulsavannah.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stpaulsavannah.org\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/stpaulsavannah.org\/es\/wp-json\/wp\/v2\/comments?post=8913"}],"version-history":[{"count":10,"href":"https:\/\/stpaulsavannah.org\/es\/wp-json\/wp\/v2\/pages\/8913\/revisions"}],"predecessor-version":[{"id":10401,"href":"https:\/\/stpaulsavannah.org\/es\/wp-json\/wp\/v2\/pages\/8913\/revisions\/10401"}],"wp:attachment":[{"href":"https:\/\/stpaulsavannah.org\/es\/wp-json\/wp\/v2\/media?parent=8913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}