{"id":872,"date":"2025-10-21T20:13:44","date_gmt":"2025-10-22T00:13:44","guid":{"rendered":"https:\/\/ps369.org\/?page_id=872"},"modified":"2026-02-23T17:28:10","modified_gmt":"2026-02-23T22:28:10","slug":"star-leaders","status":"publish","type":"page","link":"https:\/\/ps369.org\/?page_id=872","title":{"rendered":"Star Leaders"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"872\" class=\"elementor elementor-872\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed0af71 e-con-full e-flex e-con e-parent\" data-id=\"ed0af71\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e1c635 elementor-widget elementor-widget-html\" data-id=\"2e1c635\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- External Dependencies -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    #yle-star-leaders-widget {\n        --bg-navy: #122449;\n        --yle-gold: #FFD700;\n        --card-border: rgba(255, 255, 255, 0.1);\n        --glass-bg: rgba(255, 255, 255, 0.05);\n        \n        font-family: -apple-system, \"system-ui\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background-color: var(--bg-navy);\n        color: #FFFFFF;\n        padding: 60px 20px;\n        min-height: 100vh;\n    }\n\n    #yle-star-leaders-widget .poppins { \n        font-family: 'Poppins', sans-serif; \n    }\n\n    \/* Glassmorphism Cards *\/\n    .star-card {\n        background: var(--glass-bg);\n        border: 1px solid var(--card-border);\n        backdrop-filter: blur(12px);\n        border-radius: 1.5rem;\n        overflow: hidden;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        display: flex;\n        flex-direction: column;\n    }\n\n    .star-card:hover {\n        border-color: rgba(255, 215, 0, 0.4);\n        background: rgba(255, 255, 255, 0.08);\n        box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.5);\n        transform: translateY(-8px);\n    }\n\n    \/* Image Wrapper & Zoom Effect *\/\n    .image-wrapper {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 16\/9; \/* Great for landscape certificates\/photos *\/\n        overflow: hidden;\n        background-color: #1a2c52;\n        border-bottom: 2px solid rgba(255, 215, 0, 0.2);\n    }\n\n    .star-card:hover .image-wrapper {\n        border-bottom-color: var(--yle-gold);\n    }\n\n    .image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n\n    .star-card:hover .image-wrapper img {\n        transform: scale(1.05);\n    }\n\n    \/* Date Badge *\/\n    .date-badge {\n        position: absolute;\n        top: 1rem;\n        right: 1rem;\n        background: var(--yle-gold);\n        color: var(--bg-navy);\n        font-family: 'Poppins', sans-serif;\n        font-weight: 700;\n        font-size: 0.85rem;\n        padding: 6px 16px;\n        border-radius: 50px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n        z-index: 10;\n        letter-spacing: 0.5px;\n    }\n\n    \/* Headings and Accents *\/\n    .gold-glow {\n        color: var(--yle-gold);\n        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));\n    }\n\n    \/* Custom scrollbar *\/\n    .hide-scrollbar::-webkit-scrollbar { display: none; }\n    .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n<\/style>\n\n<div id=\"yle-star-leaders-widget\">\n    <div class=\"max-w-6xl mx-auto\">\n        \n        <!-- Header -->\n        <header class=\"text-center mb-16\">\n            <h1 class=\"poppins text-4xl md:text-6xl font-extrabold gold-glow mb-4\">Star Leaders \ud83c\udf1f<\/h1>\n            <p class=\"text-gray-300 text-lg max-w-2xl mx-auto font-light\">Celebrating our students' outstanding achievements and demonstrating our L.I.O.N.S. values!<\/p>\n        <\/header>\n\n        <!-- Gallery Grid -->\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 lg:gap-12\">\n            \n            <!-- Card: June 20, 2025 -->\n            <div class=\"star-card group\">\n                <div class=\"image-wrapper\">\n                    <div class=\"date-badge\">June 20, 2025<\/div>\n                    <img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-10-at-3.59.08-AM.png\" alt=\"Star Leaders - June 20, 2025\" loading=\"lazy\">\n                <\/div>\n                <div class=\"p-8 text-center flex-grow flex flex-col justify-center\">\n                    <h3 class=\"poppins text-2xl font-bold text-white mb-2\">Weekly Star Leaders<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">Recognized for exceptional leadership, responsibility, and community citizenship.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Card: June 13, 2025 -->\n            <div class=\"star-card group\">\n                <div class=\"image-wrapper\">\n                    <div class=\"date-badge\">June 13, 2025<\/div>\n                    <img decoding=\"async\" src=\"https:\/\/ps369.org\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-10-at-3.59.08-AM.png\" alt=\"Star Leaders - June 13, 2025\" loading=\"lazy\">\n                <\/div>\n                <div class=\"p-8 text-center flex-grow flex flex-col justify-center\">\n                    <h3 class=\"poppins text-2xl font-bold text-white mb-2\">Weekly Star Leaders<\/h3>\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">Recognized for exceptional leadership, responsibility, and community citizenship.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Call to Action \/ Footer Note -->\n        <div class=\"mt-16 text-center\">\n            <div class=\"inline-block bg-white\/5 border border-white\/10 rounded-2xl p-6 px-10\">\n                <p class=\"text-gray-300 italic font-light\">\"I have a responsibility to lead my own learning.\"<\/p>\n                <p class=\"poppins text-yellow-400 font-bold mt-2\">\u2014 The YLE L.I.O.N.S. Pledge<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\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>Star Leaders \ud83c\udf1f Celebrating our students&#8217; outstanding achievements and demonstrating our L.I.O.N.S. values! June 20, 2025 Weekly Star Leaders Recognized for exceptional leadership, responsibility, and community citizenship. June 13, 2025 Weekly Star Leaders Recognized for exceptional leadership, responsibility, and community citizenship. &#8220;I have a responsibility to lead my own learning.&#8221; \u2014 The YLE L.I.O.N.S. Pledge<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":448,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-872","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=872"}],"version-history":[{"count":10,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/872\/revisions"}],"predecessor-version":[{"id":1371,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/872\/revisions\/1371"}],"up":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/448"}],"wp:attachment":[{"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}