{"id":15747,"date":"2026-07-30T09:10:41","date_gmt":"2026-07-30T01:10:41","guid":{"rendered":"https:\/\/www.ppas.gov.my\/?page_id=15747"},"modified":"2026-08-04T16:33:46","modified_gmt":"2026-08-04T08:33:46","slug":"elementor-15747","status":"publish","type":"page","link":"https:\/\/www.ppas.gov.my\/en\/elementor-15747\/","title":{"rendered":"Elementor #15747"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n \n \n \n \n \n Dari Sebuah Perpustakaan, Tumbuh Sebuah Ekosistem Membaca | PPAS<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Inter:wght@300;400;500;600;700&family=Caveat:wght@500;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #0d9488;\n --primary-dark: #0f766e;\n --primary-light: #14b8a6;\n --secondary: #f59e0b;\n --text-dark: #1f2937;\n --text-light: #4b5563;\n --text-muted: #6b7280;\n --bg-light: #f9fafb;\n --bg-cream: #fffbeb;\n --gold: #d4af37;\n --bg-white: #ffffff;\n --border-light: #e5e7eb;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Inter', sans-serif;\n color: var(--text-dark);\n line-height: 1.7;\n overflow-x: hidden;\n background: var(--bg-white);\n font-size: 17px;\n }\n h1, h2, h3, h4, h5 {\n font-family: 'Playfair Display', serif;\n line-height: 1.2;\n font-weight: 600;\n }\n a { color: inherit; text-decoration: none; }\n img { max-width: 100%; display: block; }\n\n \/* Language Toggle *\/\n .lang-toggle {\n position: fixed;\n top: 1.5rem;\n right: 1.5rem;\n z-index: 1002;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 0.5rem 1.25rem;\n border-radius: 50px;\n font-weight: 700;\n font-size: 0.9375rem;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n font-family: 'Inter', sans-serif;\n }\n .lang-toggle:hover { background: var(--primary); color: white; transform: translateY(-2px); }\n\n \/* ==================== HERO ==================== *\/\n .hero {\n position: relative;\n min-height: 100vh;\n min-height: 100svh;\n background: linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #0f766e 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n padding: 4rem 8%;\n }\n .hero-bg { position: absolute; inset: 0; opacity: 0.15; }\n .hero-bg::before {\n content: '';\n position: absolute;\n width: 200%; height: 200%;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\"><circle cx=\"30\" cy=\"30\" r=\"2\" fill=\"rgba(255,255,255,0.3)\"\/><circle cx=\"120\" cy=\"80\" r=\"1.5\" fill=\"rgba(255,255,255,0.2)\"\/><circle cx=\"160\" cy=\"160\" r=\"2\" fill=\"rgba(255,255,255,0.25)\"\/><\/svg>');\n background-size: 300px 300px;\n animation: parallax 20s ease-in-out infinite;\n }\n @keyframes parallax {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(-20px, -20px); }\n }\n .hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n color: white;\n max-width: 1200px;\n width: 100%;\n }\n .hero h1 {\n font-size: clamp(2.5rem, 6vw, 4rem);\n margin-bottom: 2rem;\n font-weight: 700;\n letter-spacing: -0.02em;\n line-height: 1.15;\n color: #ffffff;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.3);\n }\n .hero h1 em { font-style: italic; font-weight: 400; }\n .hero-subtitle {\n font-size: clamp(1.125rem, 1.8vw, 1.25rem);\n margin-bottom: 2rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n font-weight: 300;\n color: #ffffff;\n text-shadow: 1px 1px 4px rgba(0,0,0,0.3);\n }\n\n \/* NEW: HCAA Highlight Box in Hero *\/\n .hero-hcaa-highlight {\n margin-top: 2.5rem;\n padding: 2rem 1.5rem;\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 16px;\n max-width: 850px;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n }\n .hero-stars {\n font-size: 1.5rem;\n letter-spacing: 8px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));\n }\n .hero-recognition {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.125rem, 2vw, 1.375rem);\n font-weight: 700;\n color: #fbbf24;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n }\n .hero-context {\n font-size: clamp(1rem, 1.5vw, 1.125rem);\n line-height: 1.8;\n color: #ffffff;\n font-weight: 400;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 1px 2px rgba(0,0,0,0.2);\n }\n\n .hero-cta {\n display: inline-flex;\n gap: 1rem;\n margin-top: 2.5rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n .btn {\n padding: 1rem 2rem;\n border-radius: 10px;\n font-weight: 600;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 0.625rem;\n cursor: pointer;\n border: none;\n font-size: 1rem;\n min-height: 52px;\n font-family: 'Inter', sans-serif;\n }\n .btn-primary { background: white; color: var(--primary); box-shadow: 0 4px 20px rgba(0,0,0,0.15); }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(0,0,0,0.25); }\n .btn-outline { border: 2px solid rgba(255,255,255,0.9); color: white; background: transparent; }\n .btn-outline:hover { background: rgba(255,255,255,0.15); border-color: white; }\n\n \/* ==================== SECTION HEADERS ==================== *\/\n .section-eyebrow {\n font-family: 'Caveat', cursive;\n font-size: 1.75rem;\n color: var(--primary);\n margin-bottom: 1rem;\n font-weight: 600;\n }\n .section-title {\n font-size: clamp(2rem, 4vw, 3rem);\n color: var(--text-dark);\n margin-bottom: 1.5rem;\n font-weight: 600;\n }\n .section-subtitle {\n font-size: 1.125rem;\n color: var(--text-light);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.8;\n }\n\n \/* ==================== CHAPTER: WHO (PRTU) ==================== *\/\n .chapter-who {\n display: grid;\n grid-template-columns: 1fr 1fr;\n min-height: 650px;\n background: var(--bg-white);\n }\n .chapter-who .image-side {\n position: relative;\n overflow: hidden;\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n .chapter-who .image-side.loaded { animation: none; }\n .chapter-who .image-side img {\n width: 100%; height: 100%;\n object-fit: cover;\n opacity: 0;\n transition: opacity 0.8s ease;\n }\n .chapter-who .image-side img.loaded { opacity: 1; }\n .chapter-who .content-side {\n padding: 5rem 6%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-width: 700px;\n }\n .chapter-who .chapter-label {\n font-family: 'Caveat', cursive;\n font-size: 1.75rem;\n color: var(--primary);\n margin-bottom: 0.75rem;\n font-weight: 600;\n }\n .chapter-who h2 {\n font-size: clamp(1.75rem, 3.5vw, 2.5rem);\n margin-bottom: 1.5rem;\n color: var(--text-dark);\n font-weight: 600;\n line-height: 1.2;\n }\n .chapter-who p {\n font-size: 1.0625rem;\n color: var(--text-light);\n line-height: 1.8;\n margin-bottom: 1.5rem;\n }\n .chapter-who .who-highlight {\n background: var(--bg-cream);\n border-left: 4px solid var(--gold);\n padding: 1.5rem;\n border-radius: 8px;\n margin-top: 1.5rem;\n }\n .chapter-who .who-highlight strong {\n color: var(--primary-dark);\n font-weight: 700;\n }\n\n \/* ==================== CHAPTER: WHAT (PROGRAMS + FESTIVAL) ==================== *\/\n .chapter-what-festival {\n position: relative;\n min-height: 550px;\n overflow: hidden;\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n .chapter-what-festival.loaded { animation: none; }\n .chapter-what-festival img {\n width: 100%; height: 100%;\n object-fit: cover;\n opacity: 0;\n transition: opacity 0.8s ease;\n }\n .chapter-what-festival img.loaded { opacity: 1; }\n .chapter-what-festival::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 100%);\n }\n .chapter-what-festival .content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5rem 8%;\n color: #ffffff;\n z-index: 2;\n text-align: left;\n max-width: 1400px;\n margin: 0 auto;\n }\n .chapter-what-festival .chapter-label {\n font-family: 'Caveat', cursive;\n font-size: 1.75rem;\n color: #fbbf24;\n margin-bottom: 0.75rem;\n display: block;\n font-weight: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n }\n .chapter-what-festival h2 {\n font-size: clamp(2.25rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n font-weight: 700;\n line-height: 1.1;\n color: #ffffff;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.8);\n }\n .chapter-what-festival p {\n font-size: 1.125rem;\n max-width: 750px;\n line-height: 1.8;\n color: #ffffff;\n font-weight: 400;\n text-shadow: 1px 1px 4px rgba(0,0,0,0.8);\n }\n\n \/* Programs Grid *\/\n .programs-section {\n padding: 5rem 4%;\n background: var(--bg-white);\n }\n .programs-container {\n max-width: 1400px;\n margin: 0 auto;\n width: 100%;\n }\n .programs-header {\n text-align: center;\n margin-bottom: 3.5rem;\n padding: 0 2rem;\n }\n .programs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 3rem;\n }\n .program-card {\n background: var(--bg-light);\n border-radius: 20px;\n padding: 2.5rem;\n transition: all 0.4s ease;\n border: 2px solid transparent;\n text-align: left;\n }\n .program-card:hover {\n border-color: var(--primary);\n transform: translateY(-8px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.1);\n }\n .program-card .icon {\n font-size: 2.5rem;\n margin-bottom: 1.25rem;\n display: block;\n }\n .program-card h3 {\n font-size: 1.375rem;\n margin-bottom: 0.75rem;\n color: var(--text-dark);\n font-weight: 600;\n }\n .program-card p {\n color: var(--text-light);\n font-size: 1rem;\n line-height: 1.7;\n }\n .program-card.featured {\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n color: white;\n }\n .program-card.featured h3 { color: white; }\n .program-card.featured p { color: rgba(255,255,255,0.95); }\n\n \/* Program Buttons\/Tags *\/\n .program-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-top: 3rem;\n }\n .program-btn {\n background: white;\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 0.875rem 1.75rem;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 600;\n transition: all 0.3s ease;\n cursor: pointer;\n font-family: 'Inter', sans-serif;\n }\n .program-btn:hover {\n background: var(--primary);\n color: white;\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(13, 148, 136, 0.3);\n }\n\n \/* ==================== HCAA SECTION (NEW POSITION) ==================== *\/\n .hcaa-section {\n padding: 6rem 4%;\n background: linear-gradient(135deg, #1f2937 0%, #111827 100%);\n color: white;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hcaa-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><path d=\"M50 10 L60 40 L90 50 L60 60 L50 90 L40 60 L10 50 L40 40 Z\" fill=\"rgba(212,175,55,0.05)\"\/><\/svg>');\n background-size: 150px 150px;\n opacity: 0.4;\n }\n .hcaa-container {\n max-width: 1100px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n .hcaa-section .chapter-label {\n font-family: 'Caveat', cursive;\n font-size: 2rem;\n color: var(--gold);\n margin-bottom: 1rem;\n font-weight: 600;\n }\n .hcaa-section h2 {\n font-size: clamp(2.25rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n color: #ffffff;\n font-weight: 600;\n line-height: 1.2;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n }\n .hcaa-section .years {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 6vw, 4.5rem);\n color: var(--gold);\n font-weight: 700;\n margin-bottom: 2rem;\n letter-spacing: 0.05em;\n }\n .hcaa-section p {\n font-size: 1.125rem;\n max-width: 850px;\n margin: 0 auto 3rem;\n line-height: 1.9;\n font-weight: 300;\n color: rgba(255,255,255,0.95);\n text-shadow: 1px 1px 4px rgba(0,0,0,0.5);\n }\n .hcaa-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);\n color: #ffffff;\n padding: 1rem 2.5rem;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1.0625rem;\n box-shadow: 0 8px 25px rgba(13, 148, 136, 0.4);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .hcaa-badge:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 35px rgba(13, 148, 136, 0.5);\n }\n \n .medal-img-container {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n overflow: hidden;\n border: 2px solid rgba(255,255,255,0.5);\n flex-shrink: 0;\n }\n \n .medal-photo {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \/* ==================== CHAPTER: WHERE (GROWING COMMUNITIES) ==================== *\/\n .chapter-where {\n display: grid;\n grid-template-columns: 1fr 1fr;\n min-height: 650px;\n background: var(--bg-white);\n }\n .chapter-where .image-side {\n position: relative;\n overflow: hidden;\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n }\n .chapter-where .image-side.loaded { animation: none; }\n .chapter-where .image-side img {\n width: 100%; height: 100%;\n object-fit: cover;\n opacity: 0;\n transition: opacity 0.8s ease;\n }\n .chapter-where .image-side img.loaded { opacity: 1; }\n .chapter-where .content-side {\n padding: 5rem 6%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-width: 700px;\n }\n .chapter-where .chapter-label {\n font-family: 'Caveat', cursive;\n font-size: 1.75rem;\n color: var(--primary);\n margin-bottom: 0.75rem;\n font-weight: 600;\n }\n .chapter-where h2 {\n font-size: clamp(1.75rem, 3.5vw, 2.5rem);\n margin-bottom: 1.5rem;\n color: var(--text-dark);\n font-weight: 600;\n line-height: 1.2;\n }\n .chapter-where p {\n font-size: 1.0625rem;\n color: var(--text-light);\n line-height: 1.8;\n margin-bottom: 2rem;\n }\n .where-stats {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 2px solid var(--border-light);\n }\n .where-stat-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.25rem;\n font-weight: 700;\n color: var(--primary);\n line-height: 1;\n margin-bottom: 0.5rem;\n }\n .where-stat-label {\n font-size: 0.9375rem;\n color: var(--text-light);\n font-weight: 500;\n }\n\n \/* ==================== WHY SECTION ==================== *\/\n .why-section {\n padding: 5rem 4%;\n background: var(--bg-light);\n }\n .why-container { \n max-width: 1400px; \n margin: 0 auto;\n width: 100%;\n }\n .why-header { \n text-align: center; \n margin-bottom: 3.5rem;\n padding: 0 2rem;\n }\n .why-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 2rem;\n }\n .why-card {\n text-align: center;\n padding: 2.5rem 2rem;\n border-radius: 20px;\n background: var(--bg-white);\n transition: all 0.4s ease;\n border: 2px solid transparent;\n }\n .why-card:hover {\n transform: translateY(-8px);\n border-color: var(--primary);\n box-shadow: 0 20px 60px rgba(0,0,0,0.1);\n }\n .why-icon {\n width: 100%;\n height: 220px;\n background: var(--bg-light);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n }\n .why-icon img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease;\n }\n .why-card:hover .why-icon img {\n transform: scale(1.05);\n }\n .why-card h3 {\n font-size: 1.375rem;\n margin-bottom: 0.75rem;\n color: var(--text-dark);\n font-weight: 600;\n }\n .why-card .tagline {\n font-family: 'Playfair Display', serif;\n font-style: italic;\n color: var(--primary);\n font-size: 1.0625rem;\n margin-bottom: 1rem;\n font-weight: 500;\n }\n .why-card p {\n color: var(--text-light);\n font-size: 1rem;\n line-height: 1.7;\n }\n\n \/* ==================== HOW \/ GLOBAL ==================== *\/\n .chapter-global {\n padding: 5rem 4%;\n background: var(--bg-white);\n text-align: center;\n }\n .chapter-global-container { \n max-width: 1200px; \n margin: 0 auto;\n width: 100%;\n }\n .chapter-global .chapter-label {\n font-family: 'Caveat', cursive;\n font-size: 1.75rem;\n color: var(--primary);\n margin-bottom: 1rem;\n font-weight: 600;\n }\n .chapter-global h2 {\n font-size: clamp(2rem, 4vw, 3rem);\n margin-bottom: 2rem;\n color: var(--text-dark);\n font-weight: 600;\n }\n .chapter-global p {\n font-size: 1.125rem;\n color: var(--text-light);\n max-width: 850px;\n margin: 0 auto 3rem;\n line-height: 1.8;\n }\n .global-partners {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n max-width: 1000px;\n margin: 0 auto;\n }\n .partner-tag {\n background: var(--bg-light);\n padding: 0.875rem 1.75rem;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 500;\n color: var(--text-dark);\n border: 2px solid var(--border-light);\n transition: all 0.3s ease;\n }\n .partner-tag:hover {\n border-color: var(--primary);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n\n \/* ==================== CTA ==================== *\/\n .cta-section {\n padding: 6rem 4%;\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n text-align: center;\n color: white;\n }\n .cta-container { \n max-width: 1000px; \n margin: 0 auto;\n width: 100%;\n }\n .cta-section .section-eyebrow { color: rgba(255,255,255,0.95); }\n .cta-section h2 {\n font-size: clamp(2rem, 4vw, 3rem);\n margin-bottom: 2rem;\n font-weight: 600;\n color: white;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.3);\n }\n .cta-section p {\n font-size: 1.125rem;\n max-width: 800px;\n margin: 0 auto 3rem;\n line-height: 1.8;\n color: rgba(255,255,255,0.95);\n text-shadow: 1px 1px 4px rgba(0,0,0,0.3);\n }\n\n \/* ==================== FOOTER ==================== *\/\n .footer {\n background: var(--text-dark);\n color: white;\n padding: 3rem 4%;\n text-align: center;\n }\n .footer-logo {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n font-family: 'Playfair Display', serif;\n }\n .footer p { opacity: 0.8; font-size: 1rem; }\n\n @keyframes loading {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n\n \/* ==================== RESPONSIVE ==================== *\/\n @media (max-width: 1024px) {\n .chapter-who, .chapter-where { grid-template-columns: 1fr; }\n .chapter-who .content-side, .chapter-where .content-side { padding: 4rem 6%; order: 2; max-width: 100%; }\n .chapter-who .image-side, .chapter-where .image-side { min-height: 400px; order: 1; }\n .programs-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }\n }\n \n @media (max-width: 768px) {\n .hero { padding: 3rem 5%; }\n .chapter-what-festival .content { padding: 4rem 5%; }\n .chapter-who .content-side, .chapter-where .content-side { padding: 3.5rem 5%; }\n .programs-section { padding: 4rem 5%; }\n .programs-header { padding: 0; }\n .hcaa-section { padding: 5rem 5%; }\n .why-section { padding: 4rem 5%; }\n .chapter-global { padding: 4rem 5%; }\n .cta-section { padding: 5rem 5%; }\n \n .where-stats { grid-template-columns: 1fr 1fr; gap: 1.5rem; }\n .btn { width: 100%; justify-content: center; }\n .hero-cta { width: 100%; }\n .why-grid, .programs-grid { grid-template-columns: 1fr; }\n .lang-toggle { top: 1rem; right: 1rem; padding: 0.4rem 1rem; font-size: 0.875rem; }\n .why-icon {\n height: 200px;\n }\n .hero-hcaa-highlight {\n padding: 1.5rem 1rem;\n }\n }\n \n @media (max-width: 480px) {\n .hero h1 { font-size: 2rem; }\n .section-title { font-size: 1.75rem; }\n .programs-grid { grid-template-columns: 1fr; }\n .where-stats { grid-template-columns: 1fr; }\n .why-icon {\n height: 180px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <button id=\"lang-toggle\" class=\"lang-toggle\" aria-label=\"Tukar Bahasa\">EN<\/button>\n\n <!-- ==================== HERO ==================== -->\n <section class=\"hero\">\n <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-content\">\n\n <h1 data-i18n=\"hero_title\">Dari Sebuah Perpustakaan,<br><em>Tumbuh Sebuah Ekosistem Membaca.<\/em><\/h1>\n <p class=\"hero-subtitle\" data-i18n=\"hero_subtitle\">\n Berakar umbi di Pustaka Raja Tun Uda, PPAS percaya bahawa perubahan besar bermula dengan sebuah buku. Bersama masyarakat, sekolah, keluarga, penulis dan rakan strategik, kami terus membina budaya membaca yang akhirnya membuka peluang membawa Hans Christian Andersen Awards ke Selangor bagi tempoh 2027\u20132036.\n <\/p>\n\n <!-- NEW: HCAA Highlight Box -->\n <div class=\"hero-hcaa-highlight\">\n <p class=\"hero-recognition\" data-i18n=\"hero_hcaa_recognition\">Pengiktirafan Tertinggi Dunia untuk Sastera Kanak-kanak<\/p>\n <p class=\"hero-context\" data-i18n=\"hero_hcaa_context\">Selama sepuluh tahun, Malaysia menjadi rumah kepada komuniti sastera kanak-kanak dunia, menghimpunkan cerita, imaginasi dan generasi pembaca masa hadapan.<\/p>\n <\/div>\n\n <div class=\"hero-cta\">\n <a href=\"#who\" class=\"btn btn-primary\">\n <span data-i18n=\"btn_journey\">Terokai Perjalanan Kami<\/span>\n <span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <a href=\"https:\/\/www.ppas.gov.my\/pustaka-raja-tun-uda-copy\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span data-i18n=\"btn_prtu\">Kenali Pustaka Raja Tun Uda<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <main>\n <!-- ==================== CHAPTER 1: WHO (PRTU) ==================== -->\n <section class=\"chapter-who\" id=\"who\">\n <div class=\"image-side\">\n <img loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg\" \n alt=\"Pustaka Raja Tun Uda\" \n loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\">\n <\/div>\n <div class=\"content-side\">\n <span class=\"chapter-label\" data-i18n=\"ch1_label\">Bab 1: Who<\/span>\n <h2 data-i18n=\"ch1_title\">PPAS & Pustaka Raja Tun Uda<\/h2>\n <p data-i18n=\"ch1_desc\">\n Perbadanan Perpustakaan Awam Selangor (PPAS) komited membina budaya literasi kanak-kanak sejak lebih 35 tahun. Hab utama kami ialah <strong>Pustaka Raja Tun Uda<\/strong> adalah ruang inspirasi yang bukan sekadar perpustakaan, tetapi pusat literasi, kreativiti, dan komuniti untuk semua lapisan masyarakat.\n <\/p>\n <div class=\"who-highlight\">\n <strong data-i18n=\"ch1_highlight_title\">Jantung Ekosistem Kami<\/strong>\n <p data-i18n=\"ch1_highlight_desc\" style=\"margin-bottom:0; margin-top:0.5rem;\">\n Dari Pustaka Raja Tun Uda, kami memacu program ke seluruh Selangor \u2014 menghubungkan perpustakaan daerah, sekolah, keluarga, dan komuniti dalam satu ekosistem membaca yang hidup.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ==================== CHAPTER 2: WHAT (FESTIVAL + PROGRAMS) ==================== -->\n <section class=\"chapter-what-festival\" id=\"what\">\n <img loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/SIBF_ChildrenCrowd-scaled.jpg\" \n alt=\"Festival sastera kanak-kanak PPAS\" \n loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\">\n <div class=\"content\">\n <span class=\"chapter-label\" data-i18n=\"ch2_label\">Bab 2: What<\/span>\n <h2 data-i18n=\"ch2_title\">Program Yang Kami Raikan<\/h2>\n <p data-i18n=\"ch2_desc\">\n Kami merangkul sastera kanak-kanak melalui festival, bengkel, dan program kreatif \u2014 dari sesi bercerita hingga ke anugerah ilustrator muda. Setiap program direka untuk menanam cinta membaca dan memperkasa bakat muda.\n <\/p>\n <\/div>\n \n <\/section>\n <div class=\"programs-header\">\n <p class=\"section-eyebrow\" data-i18n=\"programs_eyebrow\">Apa Yang Kami Tawarkan<\/p>\n <h2 class=\"section-title\" data-i18n=\"programs_title\">Program Untuk Kanak-Kanak & Komuniti<\/h2>\n <p class=\"section-subtitle\" data-i18n=\"programs_subtitle\">\n Dari cuti sekolah yang menyeronokkan hinggalah ke bengkel profesional untuk penulis dan ilustrator muda \u2014 kami ada ruang untuk semua.\n <\/p>\n <\/div>\n <!-- ==================== HCAA SECTION (NEW POSITION - AFTER PROGRAMS) ==================== -->\n <section class=\"hcaa-section\" id=\"hcaa\">\n <div class=\"hcaa-container\">\n <h2 data-i18n=\"hcaa_title\">Lembaran Baharu<\/h2>\n <div class=\"years\">2027 \u2014 2036<\/div>\n <p data-i18n=\"hcaa_desc\">\n Dengan penuh rasa syukur, Selangor dipilih sebagai tuan rumah <strong>Hans Christian Andersen Awards<\/strong> 2027\u20132036. Bersama-sama, kita raikan satu langkah bermakna untuk masa depan sastera kanak-kanak di Malaysia.\n <\/p>\n\n <a href=\"https:\/\/www.ppas.gov.my\/elementor-15517\/\" class=\"hcaa-badge\">\n <span aria-hidden=\"true\">\n <div class=\"medal-img-container\">\n <img decoding=\"async\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/hans-christian-andersen-award-silho.png\" alt=\"Hans Christian Andersen Awards Medal\" class=\"medal-photo\">\n <\/div>\n <\/span>\n <span data-i18n=\"hcaa_badge\">Hans Christian Andersen Awards<\/span>\n <\/a>\n \n <\/div>\n <\/section>\n\n\n <!-- Programs Detail -->\n <section class=\"programs-section\">\n <div class=\"programs-container\">\n\n\n <div class=\"programs-grid\">\n <div class=\"program-card featured\">\n <span class=\"icon\" aria-hidden=\"true\">\ud83c\udfaa<\/span>\n <h3 data-i18n=\"prog_1_title\">Aktiviti Cuti Sekolah<\/h3>\n <p data-i18n=\"prog_1_desc\">Program meriah termasuk <strong>makerspace<\/strong> dan <strong>STREAM<\/strong> (Science, Technology, Reading, Engineering, Arts, Mathematics) \u2014 merangsang kreativiti dan minat membaca secara holistik.<\/p>\n <\/div>\n\n <div class=\"program-card\">\n <span class=\"icon\" aria-hidden=\"true\">\ud83d\udcd6<\/span>\n <h3 data-i18n=\"prog_2_title\">Sesi Bercerita<\/h3>\n <p data-i18n=\"prog_2_desc\">Menghidupkan cerita melalui sesi interaktif yang menarik imaginasi kanak-kanak.<\/p>\n <\/div>\n\n <div class=\"program-card\">\n <span class=\"icon\" aria-hidden=\"true\"><\/span>\n <h3 data-i18n=\"prog_3_title\">Pop Membaca<\/h3>\n <p data-i18n=\"prog_3_desc\">Kempen membaca yang menyeronokkan dan mudah diakses di seluruh komuniti.<\/p>\n <\/div>\n\n <div class=\"program-card\">\n <span class=\"icon\" aria-hidden=\"true\"><\/span>\n <h3 data-i18n=\"prog_4_title\">Bengkel Ilustrasi<\/h3>\n <p data-i18n=\"prog_4_desc\">Memupuk bakat seni ilustrasi dalam kalangan belia dan kanak-kanak.<\/p>\n <\/div>\n\n <div class=\"program-card\">\n <span class=\"icon\" aria-hidden=\"true\">\ufe0f<\/span>\n <h3 data-i18n=\"prog_5_title\">Bengkel Penulisan<\/h3>\n <p data-i18n=\"prog_5_desc\">Membimbing penulis muda untuk berkarya dan berkongsi cerita mereka.<\/p>\n <\/div>\n\n <div class=\"program-card\">\n <span class=\"icon\" aria-hidden=\"true\">\ud83c\udfad<\/span>\n <h3 data-i18n=\"prog_6_title\">Teater & Boneka<\/h3>\n <p data-i18n=\"prog_6_desc\">Persembahan yang mendidik dan menghiburkan untuk seluruh keluarga.<\/p>\n <\/div>\n\n <div class=\"program-card\">\n <span class=\"icon\" aria-hidden=\"true\"><\/span>\n <h3 data-i18n=\"prog_7_title\">Outreach Sekolah<\/h3>\n <p data-i18n=\"prog_7_desc\">Membawa buku dan program literasi terus ke sekolah-sekolah.<\/p>\n <\/div>\n\n <div class=\"program-card\">\n <span class=\"icon\" aria-hidden=\"true\">\ud83d\udc68\ud83d\udc69\ud83d\udc67<\/span>\n <h3 data-i18n=\"prog_8_title\">Program Keluarga<\/h3>\n <p data-i18n=\"prog_8_desc\">Aktiviti membaca yang mengukuhkan ikatan kekeluargaan.<\/p>\n <\/div>\n\n <div class=\"program-card\">\n <span class=\"icon\" aria-hidden=\"true\">\ufe0f<\/span>\n <h3 data-i18n=\"prog_9_title\">Galeri Kanak-Kanak<\/h3>\n <p data-i18n=\"prog_9_desc\">Ruang meneroka, belajar, dan mendapat inspirasi untuk kanak-kanak.<\/p>\n <\/div>\n <\/div>\n\n <!-- Program Buttons (as requested in screenshot) -->\n <div class=\"program-buttons\">\n <button class=\"program-btn\" data-i18n=\"prog_btn_1\">Anugerah Ilustrator Muda<\/button>\n <button class=\"program-btn\" data-i18n=\"prog_btn_2\">Bengkel Penulisan<\/button>\n <button class=\"program-btn\" data-i18n=\"prog_btn_3\">Ilustrasi<\/button>\n <button class=\"program-btn\" data-i18n=\"prog_btn_4\">Bimbingan<\/button>\n <button class=\"program-btn\" data-i18n=\"prog_btn_5\">Makerspace & STREAM<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n\n <!-- ==================== CHAPTER 3: WHERE (GROWING COMMUNITIES) ==================== -->\n <section class=\"chapter-where\" id=\"where\">\n <div class=\"image-side\">\n <img loading=\"lazy\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/SIBF2025_CrowdChildren6-scaled.jpg\" \n alt=\"Komuniti membaca\" \n loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\">\n <\/div>\n <div class=\"content-side\">\n <span class=\"chapter-label\" data-i18n=\"ch3_label\">Bab 3: Where<\/span>\n <h2 data-i18n=\"ch3_title\">Memperkukuh Komuniti Membaca<\/h2>\n <p data-i18n=\"ch3_desc\">\n Dipacu oleh hab utama kami di Pustaka Raja Tun Uda, kami memperluas jangkauan ke seluruh perpustakaan PPAS di 9 daerah melalui pelbagai aktiviti seperti Pop Membaca, aktiviti cuti sekolah (termasuk makerspace dan STREAM), dan penglibatan keluarga serta sekolah bagi membina komuniti pembaca yang aktif di seluruh Selangor.\n <\/p>\n <div class=\"where-stats\">\n <div>\n <div class=\"where-stat-number\">100+<\/div>\n <div class=\"where-stat-label\" data-i18n=\"ch3_stat1\">Perpustakaan<\/div>\n <\/div>\n <div>\n <div class=\"where-stat-number\">Jutaan<\/div>\n <div class=\"where-stat-label\" data-i18n=\"ch3_stat2\">Pembaca Dicapai<\/div>\n <\/div>\n <div>\n <div class=\"where-stat-number\">10,000+<\/div>\n <div class=\"where-stat-label\" data-i18n=\"ch3_stat3\">Program Tahunan<\/div>\n <\/div>\n <div>\n <div class=\"where-stat-number\">35+<\/div>\n <div class=\"where-stat-label\" data-i18n=\"ch3_stat4\">Tahun Komitmen<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ==================== WHY ==================== -->\n <section class=\"why-section\" id=\"why\">\n <div class=\"why-container\">\n <div class=\"why-header\">\n <p class=\"section-eyebrow\" data-i18n=\"why_eyebrow\">Bab 4: Why.. Kenapa<\/p>\n <h2 class=\"section-title\" data-i18n=\"why_title\">Kenapa Semua Ini Penting<\/h2>\n <p class=\"section-subtitle\" data-i18n=\"why_subtitle\">\n Kami percaya membaca bukan sekadar kemahiran, tetapi asas kepada imaginasi, empati, kreativiti dan pembelajaran sepanjang hayat.\n <\/p>\n <\/div>\n\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon\" aria-hidden=\"true\">\n <img decoding=\"async\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/ZON-KREATIF-8-scaled.jpg\" alt=\"Cinta Membaca\">\n <\/div>\n <h3 data-i18n=\"why_1_title\">Cinta Membaca<\/h3>\n <p class=\"tagline\" data-i18n=\"why_1_tagline\">Setiap kanak-kanak berhak mendapat cerita.<\/p>\n <p data-i18n=\"why_1_desc\">Menanam cinta membaca sejak kecil.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon\" aria-hidden=\"true\">\n <img decoding=\"async\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/SIBF2025_Kreativiti-scaled.jpg\" alt=\"Kreativiti\">\n <\/div>\n <h3 data-i18n=\"why_2_title\">Kreativiti<\/h3>\n <p class=\"tagline\" data-i18n=\"why_2_tagline\">Di sinilah cerita bermula.<\/p>\n <p data-i18n=\"why_2_desc\">Memperkasa kreativiti melalui penulisan dan ilustrasi.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon\" aria-hidden=\"true\">\n <img decoding=\"async\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/SIBF2025_Komuniti-scaled.jpg\" alt=\"Komuniti\">\n <\/div>\n <h3 data-i18n=\"why_3_title\">Komuniti<\/h3>\n <p class=\"tagline\" data-i18n=\"why_3_tagline\">Bersama, kita membaca lebih jauh.<\/p>\n <p data-i18n=\"why_3_desc\">Membina komuniti pembaca yang aktif dan bersemangat.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon\" aria-hidden=\"true\">\n <img decoding=\"async\" src=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/SIFP2025_Global-scaled.jpg\" alt=\"Warga Global\">\n <\/div>\n <h3 data-i18n=\"why_4_title\">Warga Global<\/h3>\n <p class=\"tagline\" data-i18n=\"why_4_tagline\">Cerita tanpa sempadan.<\/p>\n <p data-i18n=\"why_4_desc\">Menghubungkan kanak-kanak Malaysia dengan dunia.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ==================== HOW (GLOBAL) ==================== -->\n <section class=\"chapter-global\" id=\"how\">\n <div class=\"chapter-global-container\">\n <span class=\"chapter-label\" data-i18n=\"ch5_label\">Bab 5: How<\/span>\n <h2 data-i18n=\"ch5_title\">Menghubungkan Malaysia Dengan Dunia<\/h2>\n <p data-i18n=\"ch5_desc\">\n Melalui kerjasama antarabangsa, keahlian IBBY, dan pertukaran budaya, kami membawa sastera kanak-kanak Malaysia ke peringkat global.\n <\/p>\n <div class=\"global-partners\">\n <span class=\"partner-tag\">MBBY<\/span>\n <span class=\"partner-tag\">IBBY<\/span>\n <span class=\"partner-tag\">Hans Christian Andersen Awards<\/span>\n <span class=\"partner-tag\">DBP<\/span>\n <span class=\"partner-tag\" data-i18n=\"partner_selangor\">Kerajaan Negeri Selangor<\/span>\n <span class=\"partner-tag\" data-i18n=\"partner_authors\">Penulis Antarabangsa<\/span>\n <span class=\"partner-tag\" data-i18n=\"partner_illustrators\">Ilustrator Global<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ==================== CTA ==================== -->\n <section class=\"cta-section\">\n <div class=\"cta-container\">\n <p class=\"section-eyebrow\" data-i18n=\"cta_eyebrow\">Setiap cerita bermula dengan seorang pembaca<\/p>\n <h2 data-i18n=\"cta_title\">Teruskan Ke Bab Seterusnya<\/h2>\n <p data-i18n=\"cta_desc\">\n Sama ada anda seorang ibu bapa, guru, penulis, ilustrator, sukarelawan atau pencinta buku \u2014 anda adalah sebahagian daripada ekosistem membaca yang sedang kita bina bersama.\n <\/p>\n <div class=\"hero-cta\">\n <a href=\"#\" class=\"btn btn-primary\">\n <span data-i18n=\"cta_btn1\">Sertai Komuniti Kami<\/span>\n <span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n <a href=\"https:\/\/www.ppas.gov.my\/pustaka-raja-tun-uda-copy\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span data-i18n=\"cta_btn2\">Lawati Pustaka Raja Tun Uda<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n const translations = {\n ms: {\n hero_title: \"Dari Sebuah Perpustakaan,<br><em>Tumbuh Sebuah Ekosistem Membaca.<\/em>\",\n hero_subtitle: \"Berakar umbi di Pustaka Raja Tun Uda, PPAS percaya bahawa perubahan besar bermula dengan sebuah buku. Bersama masyarakat, sekolah, keluarga, penulis dan rakan strategik, kami terus membina budaya membaca yang akhirnya membuka peluang membawa Hans Christian Andersen Awards ke Selangor bagi tempoh 2027\u20132036.\",\n hero_hcaa_recognition: \"Pengiktirafan Tertinggi Dunia untuk Sastera Kanak-kanak\",\n hero_hcaa_context: \"Selama sepuluh tahun, Malaysia menjadi rumah kepada komuniti sastera kanak-kanak dunia, menghimpunkan cerita, imaginasi dan generasi pembaca masa hadapan.\",\n btn_journey: \"Terokai Perjalanan Kami\",\n btn_prtu: \"Kenali Pustaka Raja Tun Uda\",\n ch1_label: \"Bab 1: Who\",\n ch1_title: \"PPAS & Pustaka Raja Tun Uda\",\n ch1_desc: \"Perbadanan Perpustakaan Awam Selangor (PPAS) komited membina budaya literasi kanak-kanak sejak lebih 35 tahun. Hab utama kami ialah <strong>Pustaka Raja Tun Uda<\/strong> adalah ruang inspirasi yang bukan sekadar perpustakaan, tetapi pusat literasi, kreativiti, dan komuniti untuk semua lapisan masyarakat.\",\n ch1_highlight_title: \"Jantung Ekosistem Kami\",\n ch1_highlight_desc: \"Dari Pustaka Raja Tun Uda, kami memacu program ke seluruh Selangor \u2014 menghubungkan perpustakaan daerah, sekolah, keluarga, dan komuniti dalam satu ekosistem membaca yang hidup.\",\n ch2_label: \"Bab 2: What\",\n ch2_title: \"Program Yang Kami Raikan\",\n ch2_desc: \"Kami merangkul sastera kanak-kanak melalui festival, bengkel, dan program kreatif \u2014 dari sesi bercerita hingga ke anugerah ilustrator muda. Setiap program direka untuk menanam cinta membaca dan memperkasa bakat muda.\",\n programs_eyebrow: \"Apa Yang Kami Tawarkan\",\n programs_title: \"Program Untuk Kanak-Kanak & Komuniti\",\n programs_subtitle: \"Dari cuti sekolah yang menyeronokkan hinggalah ke bengkel profesional untuk penulis dan ilustrator muda \u2014 kami ada ruang untuk semua.\",\n prog_1_title: \"Aktiviti Cuti Sekolah\",\n prog_1_desc: \"Program meriah termasuk <strong>makerspace<\/strong> dan <strong>STREAM<\/strong> (Science, Technology, Reading, Engineering, Arts, Mathematics) \u2014 merangsang kreativiti dan minat membaca secara holistik.\",\n prog_2_title: \"Sesi Bercerita\",\n prog_2_desc: \"Menghidupkan cerita melalui sesi interaktif yang menarik imaginasi kanak-kanak.\",\n prog_3_title: \"Pop Membaca\",\n prog_3_desc: \"Kempen membaca yang menyeronokkan dan mudah diakses di seluruh komuniti.\",\n prog_4_title: \"Bengkel Ilustrasi\",\n prog_4_desc: \"Memupuk bakat seni ilustrasi dalam kalangan belia dan kanak-kanak.\",\n prog_5_title: \"Bengkel Penulisan\",\n prog_5_desc: \"Membimbing penulis muda untuk berkarya dan berkongsi cerita mereka.\",\n prog_6_title: \"Teater & Boneka\",\n prog_6_desc: \"Persembahan yang mendidik dan menghiburkan untuk seluruh keluarga.\",\n prog_7_title: \"Outreach Sekolah\",\n prog_7_desc: \"Membawa buku dan program literasi terus ke sekolah-sekolah.\",\n prog_8_title: \"Program Keluarga\",\n prog_8_desc: \"Aktiviti membaca yang mengukuhkan ikatan kekeluargaan.\",\n prog_9_title: \"Galeri Kanak-Kanak\",\n prog_9_desc: \"Ruang meneroka, belajar, dan mendapat inspirasi untuk kanak-kanak.\",\n prog_btn_1: \"Anugerah Ilustrator Muda\",\n prog_btn_2: \"Bengkel Penulisan\",\n prog_btn_3: \"Ilustrasi\",\n prog_btn_4: \"Bimbingan\",\n prog_btn_5: \"Makerspace & STREAM\",\n hcaa_title: \"Lembaran Baharu\",\n hcaa_desc: \"Dengan penuh rasa syukur, Selangor dipilih sebagai tuan rumah <strong>Hans Christian Andersen Awards<\/strong> 2027\u20132036. Bersama-sama, kita raikan satu langkah bermakna untuk masa depan sastera kanak-kanak di Malaysia.\",\n hcaa_badge: \"Hans Christian Andersen Awards\",\n ch3_label: \"Bab 3: Where\",\n ch3_title: \"Memperkukuh Komuniti Membaca\",\n ch3_desc: \"Dipacu oleh hab utama kami di Pustaka Raja Tun Uda, kami memperluas jangkauan ke seluruh perpustakaan PPAS di 9 daerah melalui pelbagai aktiviti seperti Pop Membaca, aktiviti cuti sekolah (termasuk makerspace dan STREAM), dan penglibatan keluarga serta sekolah bagi membina komuniti pembaca yang aktif di seluruh Selangor.\",\n ch3_stat1: \"Perpustakaan\",\n ch3_stat2: \"Pembaca Dicapai\",\n ch3_stat3: \"Program Tahunan\",\n ch3_stat4: \"Tahun Komitmen\",\n why_eyebrow: \"Bab 4: Why.. Kenapa\",\n why_title: \"Kenapa Semua Ini Penting\",\n why_subtitle: \"Kami percaya membaca bukan sekadar kemahiran, tetapi asas kepada imaginasi, empati, kreativiti dan pembelajaran sepanjang hayat.\",\n why_1_title: \"Cinta Membaca\",\n why_1_tagline: \"Setiap kanak-kanak berhak mendapat cerita.\",\n why_1_desc: \"Menanam cinta membaca sejak kecil.\",\n why_2_title: \"Kreativiti\",\n why_2_tagline: \"Di sinilah cerita bermula.\",\n why_2_desc: \"Memperkasa kreativiti melalui penulisan dan ilustrasi.\",\n why_3_title: \"Komuniti\",\n why_3_tagline: \"Bersama, kita membaca lebih jauh.\",\n why_3_desc: \"Membina komuniti pembaca yang aktif dan bersemangat.\",\n why_4_title: \"Warga Global\",\n why_4_tagline: \"Cerita tanpa sempadan.\",\n why_4_desc: \"Menghubungkan kanak-kanak Malaysia dengan dunia.\",\n ch5_label: \"Bab 5: How\",\n ch5_title: \"Menghubungkan Malaysia Dengan Dunia\",\n ch5_desc: \"Melalui kerjasama antarabangsa, keahlian IBBY, dan pertukaran budaya, kami membawa sastera kanak-kanak Malaysia ke peringkat global.\",\n partner_selangor: \"Kerajaan Negeri Selangor\",\n partner_authors: \"Penulis Antarabangsa\",\n partner_illustrators: \"Ilustrator Global\",\n cta_eyebrow: \"Setiap cerita bermula dengan seorang pembaca\",\n cta_title: \"Teruskan Ke Bab Seterusnya\",\n cta_desc: \"Sama ada anda seorang ibu bapa, guru, penulis, ilustrator, sukarelawan atau pencinta buku \u2014 anda adalah sebahagian daripada ekosistem membaca yang sedang kita bina bersama.\",\n cta_btn1: \"Sertai Komuniti Kami\",\n cta_btn2: \"Lawati Pustaka Raja Tun Uda\"\n },\n en: {\n hero_title: \"From a Library,<br><em>Grows a Reading Ecosystem.<\/em>\",\n hero_subtitle: \"Rooted in Pustaka Raja Tun Uda, PPAS believes that great change begins with a single book. Together with the community, schools, families, authors, and strategic partners, we continue to build a reading culture that ultimately opens the door to bringing the Hans Christian Andersen Awards to Selangor for 2027\u20132036.\",\n hero_hcaa_recognition: \"World's Highest Recognition for Children's Literature\",\n hero_hcaa_context: \"For the next ten years, Malaysia welcomes the world's children's literature community\u2014bringing together stories, imagination and young readers from across the globe.\",\n btn_journey: \"Explore Our Journey\",\n btn_prtu: \"Discover Pustaka Raja Tun Uda\",\n ch1_label: \"Chapter 1: Who\",\n ch1_title: \"PPAS & Pustaka Raja Tun Uda\",\n ch1_desc: \"Perbadanan Perpustakaan Awam Selangor (PPAS) is committed to building children's literacy culture for over 35 years. Our main hub is <strong>Pustaka Raja Tun Uda<\/strong> \u2014 an inspiring space that is not just a library, but a centre of literacy, creativity, and community for all walks of.\",\n ch1_highlight_title: \"The Heart of Our Ecosystem\",\n ch1_highlight_desc: \"From Pustaka Raja Tun Uda, we drive programmes across Selangor \u2014 connecting district libraries, schools, families, and communities in one living reading ecosystem.\",\n ch2_label: \"Chapter 2: What\",\n ch2_title: \"Programmes We Celebrate\",\n ch2_desc: \"We embrace children's literature through festivals, workshops, and creative programmes \u2014 from storytelling sessions to young illustrators' awards. Every programme is designed to plant the love of reading and empower young talents.\",\n programs_eyebrow: \"What We Offer\",\n programs_title: \"Programmes for Children & Community\",\n programs_subtitle: \"From fun school holiday activities to professional workshops for young writers and illustrators \u2014 we have a space for everyone.\",\n prog_1_title: \"School Holiday Activities\",\n prog_1_desc: \"Festive programmes including <strong>makerspace<\/strong> and <strong>STREAM<\/strong> (Science, Technology, Reading, Engineering, Arts, Mathematics) \u2014 stimulating creativity and interest in reading holistically.\",\n prog_2_title: \"Storytelling\",\n prog_2_desc: \"Bringing stories to life through interactive sessions that spark children's imagination.\",\n prog_3_title: \"Pop Membaca\",\n prog_3_desc: \"Fun and accessible reading campaigns across the community.\",\n prog_4_title: \"Illustration Workshops\",\n prog_4_desc: \"Nurturing illustration art talents among youth and children.\",\n prog_5_title: \"Writing Workshops\",\n prog_5_desc: \"Guiding young writers to create and share their stories.\",\n prog_6_title: \"Theatre & Puppetry\",\n prog_6_desc: \"Educational and entertaining performances for the whole family.\",\n prog_7_title: \"School Outreach\",\n prog_7_desc: \"Bringing books and literacy programmes directly to schools.\",\n prog_8_title: \"Family Programs\",\n prog_8_desc: \"Reading activities that strengthen family bonds.\",\n prog_9_title: \"Children's Gallery\",\n prog_9_desc: \"A space for children to explore, learn, and find inspiration.\",\n prog_btn_1: \"Young Illustrators Awards\",\n prog_btn_2: \"Writing Workshops\",\n prog_btn_3: \"Illustration\",\n prog_btn_4: \"Mentorship\",\n prog_btn_5: \"Makerspace & STREAM\",\n hcaa_title: \"A New Chapter\",\n hcaa_desc: \"With gratitude, Selangor has been chosen to host the <strong>Hans Christian Andersen Awards<\/strong> 2027\u20132036. Together, we celebrate a meaningful step forward for the future of children's literature in Malaysia.\",\n hcaa_badge: \"Hans Christian Andersen Awards\",\n ch3_label: \"Chapter 3: Where\",\n ch3_title: \"Growing Reading Communities\",\n ch3_desc: \"Driven by our main hub at Pustaka Raja Tun Uda, we expand our reach across PPAS libraries in 9 districts through various activities such as Pop Membaca, school holiday activities (including makerspace and STREAM), and family and school engagement \u2014 building active reading communities across Selangor.\",\n ch3_stat1: \"Libraries\",\n ch3_stat2: \"Readers Reached\",\n ch3_stat3: \"Annual Programs\",\n ch3_stat4: \"Years of Commitment\",\n why_eyebrow: \"Chapter 4: Why\",\n why_title: \"Why All This Matters\",\n why_subtitle: \"We believe reading is not just a skill, but the foundation of imagination, empathy, creativity, and lifelong learning.\",\n why_1_title: \"Love Reading\",\n why_1_tagline: \"Every child deserves a story.\",\n why_1_desc: \"Planting the love of reading from a young age.\",\n why_2_title: \"Creativity\",\n why_2_tagline: \"Where stories begin.\",\n why_2_desc: \"Empowering creativity through writing and illustration.\",\n why_3_title: \"Community\",\n why_3_tagline: \"Together, we read further.\",\n why_3_desc: \"Building an active and passionate reading community.\",\n why_4_title: \"Global Citizens\",\n why_4_tagline: \"Stories without borders.\",\n why_4_desc: \"Connecting Malaysian children with the world.\",\n ch5_label: \"Chapter 5: How\",\n ch5_title: \"Connecting Malaysia with the World\",\n ch5_desc: \"Through international collaborations, IBBY membership, and cultural exchanges, we bring Malaysian children's literature to the global stage.\",\n partner_selangor: \"Selangor State Government\",\n partner_authors: \"International Authors\",\n partner_illustrators: \"Global Illustrators\",\n cta_eyebrow: \"Every story begins with a reader\",\n cta_title: \"Continue to the Next Chapter\",\n cta_desc: \"Whether you are a parent, teacher, author, illustrator, volunteer, or book lover \u2014 you are part of the reading ecosystem we are building together.\",\n cta_btn1: \"Join Our Community\",\n cta_btn2: \"Visit Pustaka Raja Tun Uda\"\n }\n };\n\n function setLanguage(lang) {\n document.documentElement.lang = lang;\n document.getElementById('lang-toggle').textContent = lang === 'ms' ? 'EN' : 'MY';\n document.querySelectorAll('[data-i18n]').forEach(el => {\n const key = el.getAttribute('data-i18n');\n if (translations[lang][key]) {\n el.innerHTML = translations[lang][key];\n }\n });\n }\n\n document.getElementById('lang-toggle').addEventListener('click', () => {\n const currentLang = document.documentElement.lang;\n setLanguage(currentLang === 'ms' ? 'en' : 'ms');\n });\n\n \/\/ Image loading\n document.querySelectorAll('.image-side img, .chapter-what-festival img').forEach(img => {\n if (img.complete) {\n img.classList.add('loaded');\n img.parentElement.classList.add('loaded');\n } else {\n img.addEventListener('load', () => {\n img.classList.add('loaded');\n img.parentElement.classList.add('loaded');\n });\n img.addEventListener('error', () => {\n img.parentElement.classList.add('loaded');\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dari Sebuah Perpustakaan, Tumbuh Sebuah Ekosistem Membaca | PPAS EN Dari Sebuah Perpustakaan,Tumbuh Sebuah Ekosistem Membaca. Berakar umbi di Pustaka <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[],"class_list":["post-15747","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Elementor #15747 - Perbadanan Perpustakaan Awam Selangor<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.ppas.gov.my\/en\/elementor-15747\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Elementor #15747 - Perbadanan Perpustakaan Awam Selangor\" \/>\r\n<meta property=\"og:description\" content=\"Dari Sebuah Perpustakaan, Tumbuh Sebuah Ekosistem Membaca | PPAS EN Dari Sebuah Perpustakaan,Tumbuh Sebuah Ekosistem Membaca. Berakar umbi di Pustaka\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.ppas.gov.my\/en\/elementor-15747\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Perbadanan Perpustakaan Awam Selangor\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/selangorlibrary\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-08-04T08:33:46+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:site\" content=\"@selangorlibrary\" \/>\r\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ppas.gov.my\/elementor-15747\/\",\"url\":\"https:\/\/www.ppas.gov.my\/elementor-15747\/\",\"name\":\"Elementor #15747 - Perbadanan Perpustakaan Awam Selangor\",\"isPartOf\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ppas.gov.my\/elementor-15747\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ppas.gov.my\/elementor-15747\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg\",\"datePublished\":\"2026-07-30T01:10:41+00:00\",\"dateModified\":\"2026-08-04T08:33:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ppas.gov.my\/elementor-15747\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ppas.gov.my\/elementor-15747\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ppas.gov.my\/elementor-15747\/#primaryimage\",\"url\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg\",\"contentUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ppas.gov.my\/elementor-15747\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ppas.gov.my\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #15747\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#website\",\"url\":\"http:\/\/www.ppas.gov.my\/en\/\",\"name\":\"Perbadanan Perpustakaan Awam Selangor\",\"description\":\"PPAS\",\"publisher\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.ppas.gov.my\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#organization\",\"name\":\"Perbadanan Perpustakaan Awam Selangor\",\"url\":\"http:\/\/www.ppas.gov.my\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png\",\"contentUrl\":\"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png\",\"width\":2325,\"height\":605,\"caption\":\"Perbadanan Perpustakaan Awam Selangor\"},\"image\":{\"@id\":\"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/selangorlibrary\",\"https:\/\/x.com\/selangorlibrary\"]}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor #15747 - Perbadanan Perpustakaan Awam Selangor","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ppas.gov.my\/en\/elementor-15747\/","og_locale":"en_US","og_type":"article","og_title":"Elementor #15747 - Perbadanan Perpustakaan Awam Selangor","og_description":"Dari Sebuah Perpustakaan, Tumbuh Sebuah Ekosistem Membaca | PPAS EN Dari Sebuah Perpustakaan,Tumbuh Sebuah Ekosistem Membaca. Berakar umbi di Pustaka","og_url":"https:\/\/www.ppas.gov.my\/en\/elementor-15747\/","og_site_name":"Perbadanan Perpustakaan Awam Selangor","article_publisher":"https:\/\/facebook.com\/selangorlibrary","article_modified_time":"2026-08-04T08:33:46+00:00","og_image":[{"url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@selangorlibrary","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ppas.gov.my\/elementor-15747\/","url":"https:\/\/www.ppas.gov.my\/elementor-15747\/","name":"Elementor #15747 - Perbadanan Perpustakaan Awam Selangor","isPartOf":{"@id":"http:\/\/www.ppas.gov.my\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ppas.gov.my\/elementor-15747\/#primaryimage"},"image":{"@id":"https:\/\/www.ppas.gov.my\/elementor-15747\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg","datePublished":"2026-07-30T01:10:41+00:00","dateModified":"2026-08-04T08:33:46+00:00","breadcrumb":{"@id":"https:\/\/www.ppas.gov.my\/elementor-15747\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ppas.gov.my\/elementor-15747\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ppas.gov.my\/elementor-15747\/#primaryimage","url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg","contentUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2026\/07\/Bhgn_User_Tingkat3-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ppas.gov.my\/elementor-15747\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ppas.gov.my\/"},{"@type":"ListItem","position":2,"name":"Elementor #15747"}]},{"@type":"WebSite","@id":"http:\/\/www.ppas.gov.my\/en\/#website","url":"http:\/\/www.ppas.gov.my\/en\/","name":"Selangor Public Library Corporation","description":"PPAS","publisher":{"@id":"http:\/\/www.ppas.gov.my\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.ppas.gov.my\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/www.ppas.gov.my\/en\/#organization","name":"Selangor Public Library Corporation","url":"http:\/\/www.ppas.gov.my\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png","contentUrl":"https:\/\/www.ppas.gov.my\/wp-content\/uploads\/2022\/01\/Logo-Rasmi-for-Website-01.png","width":2325,"height":605,"caption":"Perbadanan Perpustakaan Awam Selangor"},"image":{"@id":"http:\/\/www.ppas.gov.my\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/selangorlibrary","https:\/\/x.com\/selangorlibrary"]}]}},"_links":{"self":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/15747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/comments?post=15747"}],"version-history":[{"count":52,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/15747\/revisions"}],"predecessor-version":[{"id":15947,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/pages\/15747\/revisions\/15947"}],"wp:attachment":[{"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/media?parent=15747"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.ppas.gov.my\/en\/wp-json\/wp\/v2\/folder?post=15747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}