Ucapan Idul Fitri 1447 H<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Pengaturan Warna Tema *\/\n :root {\n --dark-green: #022c22;\n --emerald: #065f46;\n --gold: #fbbf24;\n --light-gold: #fde68a;\n --white: #f8fafc;\n }\n\n body {\n margin: 0;\n padding: 0;\n background: linear-gradient(135deg, var(--dark-green) 0%, var(--emerald) 100%);\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n overflow: hidden;\n }\n\n \/* Desain Glassmorphism untuk Kartu *\/\n .container {\n text-align: center;\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n padding: 40px;\n border-radius: 24px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 25px 45px rgba(0,0,0,0.3);\n max-width: 85%;\n width: 420px;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 1s forwards ease-out;\n position: relative;\n z-index: 10;\n }\n\n @keyframes fadeInUp {\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n .icon-floating {\n font-size: 55px;\n margin-bottom: 15px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-15px); }\n }\n\n h1 {\n font-family: 'Amiri', serif;\n color: var(--gold);\n font-size: 2.2rem;\n margin: 0 0 10px 0;\n text-shadow: 0 2px 4px rgba(0,0,0,0.4);\n }\n\n h2 {\n font-size: 1.1rem;\n font-weight: 400;\n color: var(--light-gold);\n margin: 0 0 20px 0;\n letter-spacing: 1px;\n }\n\n p {\n font-size: 0.95rem;\n line-height: 1.7;\n margin-bottom: 20px;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .arabic {\n font-family: 'Amiri', serif;\n font-size: 2rem;\n margin: 15px 0;\n color: var(--gold);\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n }\n\n .sender {\n margin-top: 30px;\n font-weight: 600;\n font-size: 1.1rem;\n color: var(--gold);\n }\n\n \/* Desain Tombol *\/\n .btn {\n background: linear-gradient(45deg, var(--gold), #f59e0b);\n color: var(--dark-green);\n border: none;\n padding: 12px 30px;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 15px;\n box-shadow: 0 4px 15px rgba(251, 191, 36, 0.4);\n }\n\n .btn:hover {\n transform: scale(1.05) translateY(-2px);\n box-shadow: 0 6px 20px rgba(251, 191, 36, 0.6);\n }\n\n .hidden {\n display: none !important;\n }\n\n \/* Efek Bintang di Latar Belakang *\/\n .stars {\n position: fixed;\n top: 0; left: 0; width: 100%; height: 100%;\n pointer-events: none;\n z-index: 1;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"stars\" id=\"stars\"><\/div>\n\n <div class=\"container\" id=\"welcome-screen\">\n <div class=\"icon-floating\">\ud83c\udf19\u2728<\/div>\n <h1>Idul Fitri 1447 H<\/h1>\n <p>Ada pesan tulus untukmu di hari yang fitri ini…<\/p>\n <button class=\"btn\" onclick=\"openMessage()\">Buka Pesan<\/button>\n <\/div>\n\n <div class=\"container hidden\" id=\"message-screen\">\n <div class=\"icon-floating\">\ud83d\udd4c\ud83c\udf3f<\/div>\n <div class=\"arabic\">\u062a\u064e\u0642\u064e\u0628\u064e\u0651\u0644\u064e \u0627\u0644\u0644\u064e\u0651\u0647\u064f \u0645\u0650\u0646\u064e\u0651\u0627 \u0648\u064e\u0645\u0650\u0646\u0652\u0643\u064f\u0645\u0652<\/div>\n <h1>Selamat Hari Raya<\/h1>\n <h2>1 Syawal 1447 H<\/h2>\n <p>Minal ‘Aidin wal Faizin.<br>Mohon maaf lahir dan batin atas segala khilaf, salah kata, maupun perbuatan.<\/p>\n <p>Semoga Allah SWT menerima amal ibadah puasa kita dan menjadikan kita kembali ke dalam keadaan suci.<\/p>\n <div class=\"sender\">– [Nama Kamu \/ Keluargamu] –<\/div>\n <button class=\"btn\" onclick=\"closeMessage()\">Tutup Pesan<\/button>\n <\/div>\n\n <script>\n \/\/ Fungsi untuk mengganti layar\n function openMessage() {\n document.getElementById('welcome-screen').classList.add('hidden');\n const msgScreen = document.getElementById('message-screen');\n msgScreen.classList.remove('hidden');\n \n \/\/ Reset animasi agar berjalan dari awal saat dibuka\n msgScreen.style.animation = 'none';\n msgScreen.offsetHeight; \n msgScreen.style.animation = 'fadeInUp 1s forwards ease-out'; \n }\n\n function closeMessage() {\n document.getElementById('message-screen').classList.add('hidden');\n const welcomeScreen = document.getElementById('welcome-screen');\n welcomeScreen.classList.remove('hidden');\n \n welcomeScreen.style.animation = 'none';\n welcomeScreen.offsetHeight; \n welcomeScreen.style.animation = 'fadeInUp 1s forwards ease-out'; \n }\n\n \/\/ Fungsi untuk membuat efek bintang-bintang di background\n function createStars() {\n const starsContainer = document.getElementById('stars');\n for (let i = 0; i < 70; i++) {\n const star = document.createElement('div');\n star.style.position = 'absolute';\n star.style.left = Math.random() * 100 + 'vw';\n star.style.top = Math.random() * 100 + 'vh';\n star.style.width = Math.random() * 3 + 'px';\n star.style.height = star.style.width;\n star.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';\n star.style.borderRadius = '50%';\n \/\/ Animasi kelap-kelip bintang\n star.style.animation = `float ${2 + Math.random() * 4}s infinite alternate`;\n starsContainer.appendChild(star);\n }\n }\n \n \/\/ Menjalankan fungsi pembuat bintang saat halaman dimuat\n createStars();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ucapan Idul Fitri 1447 H \ud83c\udf19\u2728 Idul Fitri 1447 H Ada pesan tulus untukmu di hari yang fitri ini… Buka Pesan \ud83d\udd4c\ud83c\udf3f \u062a\u064e\u0642\u064e\u0628\u064e\u0651\u0644\u064e \u0627\u0644\u0644\u064e\u0651\u0647\u064f \u0645\u0650\u0646\u064e\u0651\u0627 \u0648\u064e\u0645\u0650\u0646\u0652\u0643\u064f\u0645\u0652 Selamat Hari Raya 1 Syawal 1447 H Minal ‘Aidin wal Faizin.Mohon maaf lahir dan batin atas segala khilaf, salah kata, maupun perbuatan. Semoga Allah SWT menerima amal ibadah puasa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":1,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":16,"date":"2026-03-28T09:19:28","date_gmt":"2026-03-28T09:19:28","guid":{"rendered":"https:\/\/naufalpas.clubseven.my.id\/?page_id=16"},"modified":"2026-03-28T09:19:28","modified_gmt":"2026-03-28T09:19:28","slug":"2-2","status":"publish","type":"page","link":"https:\/\/naufalpas.clubseven.my.id\/?page_id=16","title":{"rendered":"2"},"content":{"rendered":"\n\n\n\n \n \n Ucapan Idul Fitri 1447 H<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Pengaturan Warna Tema *\/\n :root {\n --dark-green: #022c22;\n --emerald: #065f46;\n --gold: #fbbf24;\n --light-gold: #fde68a;\n --white: #f8fafc;\n }\n\n body {\n margin: 0;\n padding: 0;\n background: linear-gradient(135deg, var(--dark-green) 0%, var(--emerald) 100%);\n color: var(--white);\n font-family: 'Poppins', sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n overflow: hidden;\n }\n\n \/* Desain Glassmorphism untuk Kartu *\/\n .container {\n text-align: center;\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n padding: 40px;\n border-radius: 24px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 25px 45px rgba(0,0,0,0.3);\n max-width: 85%;\n width: 420px;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 1s forwards ease-out;\n position: relative;\n z-index: 10;\n }\n\n @keyframes fadeInUp {\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n\n .icon-floating {\n font-size: 55px;\n margin-bottom: 15px;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-15px); }\n }\n\n h1 {\n font-family: 'Amiri', serif;\n color: var(--gold);\n font-size: 2.2rem;\n margin: 0 0 10px 0;\n text-shadow: 0 2px 4px rgba(0,0,0,0.4);\n }\n\n h2 {\n font-size: 1.1rem;\n font-weight: 400;\n color: var(--light-gold);\n margin: 0 0 20px 0;\n letter-spacing: 1px;\n }\n\n p {\n font-size: 0.95rem;\n line-height: 1.7;\n margin-bottom: 20px;\n color: rgba(255, 255, 255, 0.9);\n }\n\n .arabic {\n font-family: 'Amiri', serif;\n font-size: 2rem;\n margin: 15px 0;\n color: var(--gold);\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n }\n\n .sender {\n margin-top: 30px;\n font-weight: 600;\n font-size: 1.1rem;\n color: var(--gold);\n }\n\n \/* Desain Tombol *\/\n .btn {\n background: linear-gradient(45deg, var(--gold), #f59e0b);\n color: var(--dark-green);\n border: none;\n padding: 12px 30px;\n border-radius: 50px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 15px;\n box-shadow: 0 4px 15px rgba(251, 191, 36, 0.4);\n }\n\n .btn:hover {\n transform: scale(1.05) translateY(-2px);\n box-shadow: 0 6px 20px rgba(251, 191, 36, 0.6);\n }\n\n .hidden {\n display: none !important;\n }\n\n \/* Efek Bintang di Latar Belakang *\/\n .stars {\n position: fixed;\n top: 0; left: 0; width: 100%; height: 100%;\n pointer-events: none;\n z-index: 1;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"stars\" id=\"stars\"><\/div>\n\n <div class=\"container\" id=\"welcome-screen\">\n <div class=\"icon-floating\">\ud83c\udf19\u2728<\/div>\n <h1>Idul Fitri 1447 H<\/h1>\n <p>Ada pesan tulus untukmu di hari yang fitri ini…<\/p>\n <button class=\"btn\" onclick=\"openMessage()\">Buka Pesan<\/button>\n <\/div>\n\n <div class=\"container hidden\" id=\"message-screen\">\n <div class=\"icon-floating\">\ud83d\udd4c\ud83c\udf3f<\/div>\n <div class=\"arabic\">\u062a\u064e\u0642\u064e\u0628\u064e\u0651\u0644\u064e \u0627\u0644\u0644\u064e\u0651\u0647\u064f \u0645\u0650\u0646\u064e\u0651\u0627 \u0648\u064e\u0645\u0650\u0646\u0652\u0643\u064f\u0645\u0652<\/div>\n <h1>Selamat Hari Raya<\/h1>\n <h2>1 Syawal 1447 H<\/h2>\n <p>Minal ‘Aidin wal Faizin.<br>Mohon maaf lahir dan batin atas segala khilaf, salah kata, maupun perbuatan.<\/p>\n <p>Semoga Allah SWT menerima amal ibadah puasa kita dan menjadikan kita kembali ke dalam keadaan suci.<\/p>\n <div class=\"sender\">– [Nama Kamu \/ Keluargamu] –<\/div>\n <button class=\"btn\" onclick=\"closeMessage()\">Tutup Pesan<\/button>\n <\/div>\n\n <script>\n \/\/ Fungsi untuk mengganti layar\n function openMessage() {\n document.getElementById('welcome-screen').classList.add('hidden');\n const msgScreen = document.getElementById('message-screen');\n msgScreen.classList.remove('hidden');\n \n \/\/ Reset animasi agar berjalan dari awal saat dibuka\n msgScreen.style.animation = 'none';\n msgScreen.offsetHeight; \n msgScreen.style.animation = 'fadeInUp 1s forwards ease-out'; \n }\n\n function closeMessage() {\n document.getElementById('message-screen').classList.add('hidden');\n const welcomeScreen = document.getElementById('welcome-screen');\n welcomeScreen.classList.remove('hidden');\n \n welcomeScreen.style.animation = 'none';\n welcomeScreen.offsetHeight; \n welcomeScreen.style.animation = 'fadeInUp 1s forwards ease-out'; \n }\n\n \/\/ Fungsi untuk membuat efek bintang-bintang di background\n function createStars() {\n const starsContainer = document.getElementById('stars');\n for (let i = 0; i < 70; i++) {\n const star = document.createElement('div');\n star.style.position = 'absolute';\n star.style.left = Math.random() * 100 + 'vw';\n star.style.top = Math.random() * 100 + 'vh';\n star.style.width = Math.random() * 3 + 'px';\n star.style.height = star.style.width;\n star.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';\n star.style.borderRadius = '50%';\n \/\/ Animasi kelap-kelip bintang\n star.style.animation = `float ${2 + Math.random() * 4}s infinite alternate`;\n starsContainer.appendChild(star);\n }\n }\n \n \/\/ Menjalankan fungsi pembuat bintang saat halaman dimuat\n createStars();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ucapan Idul Fitri 1447 H \ud83c\udf19\u2728 Idul Fitri 1447 H Ada pesan tulus untukmu di hari yang fitri ini… Buka Pesan \ud83d\udd4c\ud83c\udf3f \u062a\u064e\u0642\u064e\u0628\u064e\u0651\u0644\u064e \u0627\u0644\u0644\u064e\u0651\u0647\u064f \u0645\u0650\u0646\u064e\u0651\u0627 \u0648\u064e\u0645\u0650\u0646\u0652\u0643\u064f\u0645\u0652 Selamat Hari Raya 1 Syawal 1447 H Minal ‘Aidin wal Faizin.Mohon maaf lahir dan batin atas segala khilaf, salah kata, maupun perbuatan. Semoga Allah SWT menerima amal ibadah puasa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":1,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/naufalpas.clubseven.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}