UII Season's Greetings<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <style>\r\n \/* --- 1. RESET --- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\r\n body { overflow: hidden; background-color: #000; }\r\n\r\n \/* --- 2. FULLSCREEN OVERLAY --- *\/\r\n .fullscreen-overlay {\r\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n z-index: 9999999; \r\n background: radial-gradient(circle at center, #1a2b4a 0%, #000000 100%);\r\n display: flex; justify-content: center; align-items: center;\r\n perspective: 1500px; overflow: hidden;\r\n }\r\n\r\n \/* --- 3. BACKGROUND EFFECTS --- *\/\r\n .stars {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;\r\n background-image: radial-gradient(white 1px, transparent 1px), radial-gradient(rgba(255,255,255,0.5) 2px, transparent 2px);\r\n background-size: 50px 50px, 100px 100px;\r\n animation: twinkle 4s infinite alternate; opacity: 0.3; z-index: 0;\r\n }\r\n @keyframes twinkle { 0% { opacity: 0.3; transform: scale(1); } 100% { opacity: 0.6; transform: scale(1.1); } }\r\n\r\n .snow-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }\r\n .snowflake { position: absolute; width: 8px; height: 8px; background: white; border-radius: 50%; opacity: 0.8; animation: fall linear infinite; }\r\n @keyframes fall { to { transform: translateY(110vh); } }\r\n\r\n \/* --- 4. CARD WRAPPER --- *\/\r\n .card-wrapper {\r\n position: relative; \r\n width: 90vw; max-width: 420px; \r\n aspect-ratio: 5\/7; \r\n transform-style: preserve-3d; transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n cursor: pointer; z-index: 10;\r\n }\r\n .card-wrapper.flipped { transform: rotateY(-180deg); }\r\n\r\n \/* --- 5. CARD FACES --- *\/\r\n .card-face {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n backface-visibility: hidden; border-radius: 20px; \r\n box-shadow: 0 20px 50px rgba(0,0,0,0.6);\r\n overflow: hidden; \r\n }\r\n \r\n .face-front { z-index: 2; transform: rotateY(0deg); }\r\n .face-back { transform: rotateY(180deg); position: relative; } \r\n \r\n .card-img { width: 100%; height: 100%; object-fit: fill; display: block; }\r\n\r\n \/* --- 6. UI ELEMENTS --- *\/\r\n .tap-hint {\r\n position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);\r\n display: flex; flex-direction: column; align-items: center; z-index: 20; pointer-events: none;\r\n animation: float 2s ease-in-out infinite; transition: opacity 0.5s;\r\n }\r\n .hand-icon {\r\n font-size: 24px; width: 50px; height: 50px; background: rgba(238, 111, 53, 0.9);\r\n border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white;\r\n box-shadow: 0 0 20px rgba(238, 111, 53, 0.6); border: 2px solid rgba(255,255,255,0.5);\r\n }\r\n .hint-text {\r\n margin-top: 8px; color: white; font-size: 11px; font-weight: 700; letter-spacing: 1px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.8); font-family: 'Montserrat', sans-serif;\r\n }\r\n @keyframes float { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -10px); } }\r\n\r\n .close-btn { position: absolute; top: 20px; right: 20px; color: rgba(255,255,255,0.5); font-size: 30px; cursor: pointer; z-index: 100; }\r\n .close-btn:hover { color: white; }\r\n\r\n \/* --- 7. MESSAGE INPUT BOX (\u0110\u00e3 ch\u1ec9nh v\u1ecb tr\u00ed xu\u1ed1ng d\u01b0\u1edbi) --- *\/\r\n .message-overlay {\r\n position: absolute; \r\n \/* H\u1ea1 th\u1ea5p xu\u1ed1ng bottom 20px \u0111\u1ec3 thay th\u1ebf v\u1ecb tr\u00ed link *\/\r\n bottom: 20px; \r\n left: 50%; \r\n transform: translateX(-50%);\r\n width: 90%; \r\n \r\n display: flex; gap: 5px; align-items: center;\r\n \r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n \r\n border-radius: 50px; \r\n padding: 5px 5px 5px 15px; \r\n \r\n opacity: 0; pointer-events: none;\r\n transition: opacity 0.5s ease 0.3s;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n .message-overlay.show {\r\n opacity: 1; pointer-events: auto;\r\n }\r\n\r\n .msg-input {\r\n flex: 1;\r\n background: transparent; border: none; outline: none;\r\n color: white; font-family: 'Montserrat', sans-serif; font-size: 14px;\r\n }\r\n .msg-input::placeholder { color: rgba(255, 255, 255, 0.8); font-weight: 400; }\r\n \r\n .msg-btn {\r\n background: white; border: none; outline: none;\r\n color: #ee6f35; \r\n font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px;\r\n padding: 8px 20px; border-radius: 50px; cursor: pointer;\r\n white-space: nowrap; transition: transform 0.2s;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n }\r\n .msg-btn:active { transform: scale(0.95); }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"fullscreen-overlay\" id=\"scene\">\r\n <div class=\"close-btn\" onclick=\"closeOverlay()\">\u00d7<\/div>\r\n <div class=\"stars\"><\/div>\r\n <div class=\"snow-container\" id=\"snow-container\"><\/div>\r\n\r\n <div class=\"card-wrapper\" onclick=\"toggleCard(event)\">\r\n <div class=\"card-face face-front\">\r\n <img decoding=\"async\" src=\"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2025\/12\/1-2.png\" class=\"card-img\" alt=\"Front\">\r\n <div class=\"tap-hint\" id=\"hint\">\r\n <div class=\"hand-icon\">\ud83d\udc46<\/div>\r\n <span class=\"hint-text\">TAP TO OPEN<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-face face-back\">\r\n <img decoding=\"async\" src=\"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2025\/12\/2-2.png\" class=\"card-img\" alt=\"Back\">\r\n \r\n <div class=\"message-overlay\" id=\"msgBox\">\r\n <input type=\"text\" class=\"msg-input\" id=\"userMsg\" placeholder=\"Send your warm wishes...\" autocomplete=\"off\">\r\n <button class=\"msg-btn\" onclick=\"sendMessage(event)\">Send \u2764<\/button>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const card = document.querySelector('.card-wrapper');\r\n const hint = document.getElementById('hint');\r\n const overlay = document.getElementById('scene');\r\n const msgBox = document.getElementById('msgBox');\r\n const userMsg = document.getElementById('userMsg');\r\n let isOpened = false;\r\n \r\n \/\/ --- C\u1ea4U H\u00ccNH NH\u1ea0C ---\r\n const musicUrl = \"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2025\/12\/We-wish-you-a-merry-christmas-w_Sheet-Music-Piano-cover-Iso-Piano-mp3cut.net_.m4a\"; \r\n let bgAudio = new Audio(musicUrl);\r\n bgAudio.loop = true; bgAudio.preload = 'auto'; bgAudio.load();\r\n\r\n function toggleCard(event) {\r\n \/\/ Ng\u0103n click v\u00e0o input\/button l\u00e0m \u0111\u00f3ng thi\u1ec7p\r\n if(event && event.target.closest('.message-overlay')) return;\r\n\r\n card.classList.toggle('flipped');\r\n\r\n if (card.classList.contains('flipped')) {\r\n \/\/ M\u1ede THI\u1ec6P\r\n if(hint) hint.style.opacity = '0';\r\n msgBox.classList.add('show'); \r\n fireConfetti();\r\n \r\n if (!isOpened) {\r\n bgAudio.volume = 0.5;\r\n bgAudio.play().catch(e => console.log(\"Music error: \" + e));\r\n isOpened = true;\r\n }\r\n } else {\r\n \/\/ \u0110\u00d3NG THI\u1ec6P\r\n if(hint) hint.style.opacity = '1';\r\n msgBox.classList.remove('show'); \r\n }\r\n }\r\n\r\n function sendMessage(event) {\r\n if(event) event.stopPropagation();\r\n\r\n const msg = userMsg.value.trim();\r\n if(msg) {\r\n alert(\"Thank you for sending your warm wishes to USI! Have a Merry Christmas! \ud83c\udf84\");\r\n userMsg.value = \"\"; \r\n fireConfetti();\r\n } else {\r\n alert(\"Please enter your message first! \ud83d\ude0a\");\r\n }\r\n }\r\n\r\n function closeOverlay() {\r\n overlay.style.display = 'none';\r\n document.body.style.overflow = 'auto';\r\n bgAudio.pause(); bgAudio.currentTime = 0;\r\n }\r\n\r\n function fireConfetti() {\r\n var duration = 2000; var animationEnd = Date.now() + duration;\r\n var colors = ['#ee6f35', '#254385', '#ffffff'];\r\n (function frame() {\r\n var timeLeft = animationEnd - Date.now();\r\n if (timeLeft <= 0) return;\r\n confetti({\r\n particleCount: 50 * (timeLeft \/ duration), startVelocity: 30, spread: 360,\r\n ticks: 60, zIndex: 99999999, origin: { x: Math.random(), y: Math.random() - 0.2 },\r\n colors: colors\r\n });\r\n requestAnimationFrame(frame);\r\n }());\r\n }\r\n\r\n \/\/ T\u1ea1o tuy\u1ebft r\u01a1i\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const snowContainer = document.getElementById('snow-container');\r\n for (let i = 0; i < 40; i++) {\r\n const snowflake = document.createElement('div');\r\n snowflake.classList.add('snowflake');\r\n snowflake.style.left = Math.random() * 100 + 'vw';\r\n snowflake.style.animationDuration = Math.random() * 5 + 5 + 's';\r\n snowflake.style.animationDelay = -Math.random() * 5 + 's';\r\n snowflake.style.width = snowflake.style.height = Math.random() * 5 + 3 + 'px';\r\n snowContainer.appendChild(snowflake);\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>UII Season’s Greetings \u00d7 \ud83d\udc46 TAP TO OPEN Send \u2764<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5338","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/5338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/comments?post=5338"}],"version-history":[{"count":29,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/5338\/revisions"}],"predecessor-version":[{"id":5529,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/5338\/revisions\/5529"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=5338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n UII Season's Greetings<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <style>\r\n \/* --- 1. RESET --- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\r\n body { overflow: hidden; background-color: #000; }\r\n\r\n \/* --- 2. FULLSCREEN OVERLAY --- *\/\r\n .fullscreen-overlay {\r\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n z-index: 9999999; \r\n background: radial-gradient(circle at center, #1a2b4a 0%, #000000 100%);\r\n display: flex; justify-content: center; align-items: center;\r\n perspective: 1500px; overflow: hidden;\r\n }\r\n\r\n \/* --- 3. BACKGROUND EFFECTS --- *\/\r\n .stars {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;\r\n background-image: radial-gradient(white 1px, transparent 1px), radial-gradient(rgba(255,255,255,0.5) 2px, transparent 2px);\r\n background-size: 50px 50px, 100px 100px;\r\n animation: twinkle 4s infinite alternate; opacity: 0.3; z-index: 0;\r\n }\r\n @keyframes twinkle { 0% { opacity: 0.3; transform: scale(1); } 100% { opacity: 0.6; transform: scale(1.1); } }\r\n\r\n .snow-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }\r\n .snowflake { position: absolute; width: 8px; height: 8px; background: white; border-radius: 50%; opacity: 0.8; animation: fall linear infinite; }\r\n @keyframes fall { to { transform: translateY(110vh); } }\r\n\r\n \/* --- 4. CARD WRAPPER --- *\/\r\n .card-wrapper {\r\n position: relative; \r\n width: 90vw; max-width: 420px; \r\n aspect-ratio: 5\/7; \r\n transform-style: preserve-3d; transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n cursor: pointer; z-index: 10;\r\n }\r\n .card-wrapper.flipped { transform: rotateY(-180deg); }\r\n\r\n \/* --- 5. CARD FACES --- *\/\r\n .card-face {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n backface-visibility: hidden; border-radius: 20px; \r\n box-shadow: 0 20px 50px rgba(0,0,0,0.6);\r\n overflow: hidden; \r\n }\r\n \r\n .face-front { z-index: 2; transform: rotateY(0deg); }\r\n .face-back { transform: rotateY(180deg); position: relative; } \r\n \r\n .card-img { width: 100%; height: 100%; object-fit: fill; display: block; }\r\n\r\n \/* --- 6. UI ELEMENTS --- *\/\r\n .tap-hint {\r\n position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);\r\n display: flex; flex-direction: column; align-items: center; z-index: 20; pointer-events: none;\r\n animation: float 2s ease-in-out infinite; transition: opacity 0.5s;\r\n }\r\n .hand-icon {\r\n font-size: 24px; width: 50px; height: 50px; background: rgba(238, 111, 53, 0.9);\r\n border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white;\r\n box-shadow: 0 0 20px rgba(238, 111, 53, 0.6); border: 2px solid rgba(255,255,255,0.5);\r\n }\r\n .hint-text {\r\n margin-top: 8px; color: white; font-size: 11px; font-weight: 700; letter-spacing: 1px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.8); font-family: 'Montserrat', sans-serif;\r\n }\r\n @keyframes float { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -10px); } }\r\n\r\n .close-btn { position: absolute; top: 20px; right: 20px; color: rgba(255,255,255,0.5); font-size: 30px; cursor: pointer; z-index: 100; }\r\n .close-btn:hover { color: white; }\r\n\r\n \/* --- 7. MESSAGE INPUT BOX (\u0110\u00e3 ch\u1ec9nh v\u1ecb tr\u00ed xu\u1ed1ng d\u01b0\u1edbi) --- *\/\r\n .message-overlay {\r\n position: absolute; \r\n \/* H\u1ea1 th\u1ea5p xu\u1ed1ng bottom 20px \u0111\u1ec3 thay th\u1ebf v\u1ecb tr\u00ed link *\/\r\n bottom: 20px; \r\n left: 50%; \r\n transform: translateX(-50%);\r\n width: 90%; \r\n \r\n display: flex; gap: 5px; align-items: center;\r\n \r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n \r\n border-radius: 50px; \r\n padding: 5px 5px 5px 15px; \r\n \r\n opacity: 0; pointer-events: none;\r\n transition: opacity 0.5s ease 0.3s;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n .message-overlay.show {\r\n opacity: 1; pointer-events: auto;\r\n }\r\n\r\n .msg-input {\r\n flex: 1;\r\n background: transparent; border: none; outline: none;\r\n color: white; font-family: 'Montserrat', sans-serif; font-size: 14px;\r\n }\r\n .msg-input::placeholder { color: rgba(255, 255, 255, 0.8); font-weight: 400; }\r\n \r\n .msg-btn {\r\n background: white; border: none; outline: none;\r\n color: #ee6f35; \r\n font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px;\r\n padding: 8px 20px; border-radius: 50px; cursor: pointer;\r\n white-space: nowrap; transition: transform 0.2s;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n }\r\n .msg-btn:active { transform: scale(0.95); }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"fullscreen-overlay\" id=\"scene\">\r\n <div class=\"close-btn\" onclick=\"closeOverlay()\">\u00d7<\/div>\r\n <div class=\"stars\"><\/div>\r\n <div class=\"snow-container\" id=\"snow-container\"><\/div>\r\n\r\n <div class=\"card-wrapper\" onclick=\"toggleCard(event)\">\r\n <div class=\"card-face face-front\">\r\n <img decoding=\"async\" src=\"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2025\/12\/1-2.png\" class=\"card-img\" alt=\"Front\">\r\n <div class=\"tap-hint\" id=\"hint\">\r\n <div class=\"hand-icon\">\ud83d\udc46<\/div>\r\n <span class=\"hint-text\">TAP TO OPEN<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-face face-back\">\r\n <img decoding=\"async\" src=\"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2025\/12\/2-2.png\" class=\"card-img\" alt=\"Back\">\r\n \r\n <div class=\"message-overlay\" id=\"msgBox\">\r\n <input type=\"text\" class=\"msg-input\" id=\"userMsg\" placeholder=\"Send your warm wishes...\" autocomplete=\"off\">\r\n <button class=\"msg-btn\" onclick=\"sendMessage(event)\">Send \u2764<\/button>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const card = document.querySelector('.card-wrapper');\r\n const hint = document.getElementById('hint');\r\n const overlay = document.getElementById('scene');\r\n const msgBox = document.getElementById('msgBox');\r\n const userMsg = document.getElementById('userMsg');\r\n let isOpened = false;\r\n \r\n \/\/ --- C\u1ea4U H\u00ccNH NH\u1ea0C ---\r\n const musicUrl = \"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2025\/12\/We-wish-you-a-merry-christmas-w_Sheet-Music-Piano-cover-Iso-Piano-mp3cut.net_.m4a\"; \r\n let bgAudio = new Audio(musicUrl);\r\n bgAudio.loop = true; bgAudio.preload = 'auto'; bgAudio.load();\r\n\r\n function toggleCard(event) {\r\n \/\/ Ng\u0103n click v\u00e0o input\/button l\u00e0m \u0111\u00f3ng thi\u1ec7p\r\n if(event && event.target.closest('.message-overlay')) return;\r\n\r\n card.classList.toggle('flipped');\r\n\r\n if (card.classList.contains('flipped')) {\r\n \/\/ M\u1ede THI\u1ec6P\r\n if(hint) hint.style.opacity = '0';\r\n msgBox.classList.add('show'); \r\n fireConfetti();\r\n \r\n if (!isOpened) {\r\n bgAudio.volume = 0.5;\r\n bgAudio.play().catch(e => console.log(\"Music error: \" + e));\r\n isOpened = true;\r\n }\r\n } else {\r\n \/\/ \u0110\u00d3NG THI\u1ec6P\r\n if(hint) hint.style.opacity = '1';\r\n msgBox.classList.remove('show'); \r\n }\r\n }\r\n\r\n function sendMessage(event) {\r\n if(event) event.stopPropagation();\r\n\r\n const msg = userMsg.value.trim();\r\n if(msg) {\r\n alert(\"Thank you for sending your warm wishes to USI! Have a Merry Christmas! \ud83c\udf84\");\r\n userMsg.value = \"\"; \r\n fireConfetti();\r\n } else {\r\n alert(\"Please enter your message first! \ud83d\ude0a\");\r\n }\r\n }\r\n\r\n function closeOverlay() {\r\n overlay.style.display = 'none';\r\n document.body.style.overflow = 'auto';\r\n bgAudio.pause(); bgAudio.currentTime = 0;\r\n }\r\n\r\n function fireConfetti() {\r\n var duration = 2000; var animationEnd = Date.now() + duration;\r\n var colors = ['#ee6f35', '#254385', '#ffffff'];\r\n (function frame() {\r\n var timeLeft = animationEnd - Date.now();\r\n if (timeLeft <= 0) return;\r\n confetti({\r\n particleCount: 50 * (timeLeft \/ duration), startVelocity: 30, spread: 360,\r\n ticks: 60, zIndex: 99999999, origin: { x: Math.random(), y: Math.random() - 0.2 },\r\n colors: colors\r\n });\r\n requestAnimationFrame(frame);\r\n }());\r\n }\r\n\r\n \/\/ T\u1ea1o tuy\u1ebft r\u01a1i\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const snowContainer = document.getElementById('snow-container');\r\n for (let i = 0; i < 40; i++) {\r\n const snowflake = document.createElement('div');\r\n snowflake.classList.add('snowflake');\r\n snowflake.style.left = Math.random() * 100 + 'vw';\r\n snowflake.style.animationDuration = Math.random() * 5 + 5 + 's';\r\n snowflake.style.animationDelay = -Math.random() * 5 + 's';\r\n snowflake.style.width = snowflake.style.height = Math.random() * 5 + 3 + 'px';\r\n snowContainer.appendChild(snowflake);\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>UII Season’s Greetings \u00d7 \ud83d\udc46 TAP TO OPEN Send \u2764<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5338","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/5338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/comments?post=5338"}],"version-history":[{"count":29,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/5338\/revisions"}],"predecessor-version":[{"id":5529,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/5338\/revisions\/5529"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=5338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}