{"id":7092,"date":"2026-02-10T15:33:07","date_gmt":"2026-02-10T08:33:07","guid":{"rendered":"https:\/\/phanthanhtuonghuan.id.vn\/?page_id=7092"},"modified":"2026-02-11T17:19:32","modified_gmt":"2026-02-11T10:19:32","slug":"tet-2026-intern","status":"publish","type":"page","link":"https:\/\/uii.ueh.edu.vn\/vi\/tet-2026-intern\/","title":{"rendered":"Tet 2026 Intern"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7092\" class=\"elementor elementor-7092\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db30f0e e-flex e-con-boxed e-con e-parent\" data-id=\"db30f0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-493b6cd elementor-widget elementor-widget-html\" data-id=\"493b6cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"vi\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n    <title>UII Tet Greetings 2026<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:ital,wght@0,400;0,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        * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\r\n        body, html { overflow: hidden !important; height: 100%; width: 100%; background-color: #000; font-family: 'Space Mono', monospace; }\r\n\r\n        .fullscreen-overlay {\r\n            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n            z-index: 999999999 !important; \r\n            background: radial-gradient(circle at center, #2e0505 0%, #000000 100%);\r\n            display: flex; flex-direction: column; justify-content: center; align-items: center;\r\n            perspective: 2000px;\r\n        }\r\n\r\n        .audio-notice {\r\n            color: rgba(255, 223, 0, 0.4); \r\n            font-size: 11px;\r\n            margin-bottom: 20px;\r\n            letter-spacing: 1px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: opacity 0.8s ease;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .audio-notice b { color: rgba(255, 223, 0, 0.7); font-weight: normal; }\r\n\r\n        .card-wrapper {\r\n            position: relative; \r\n            height: 70vh; \r\n            aspect-ratio: 1080\/1920;\r\n            transform-style: preserve-3d; \r\n            transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n            cursor: pointer;\r\n        }\r\n        .card-wrapper.flipped { transform: rotateY(-180deg); }\r\n\r\n        .card-face {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            backface-visibility: hidden; border-radius: 15px; \r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .face-front { z-index: 3; transform: rotateY(0deg); }\r\n        .face-back-container { z-index: 2; transform: rotateY(180deg); background: #000; }\r\n\r\n        #tetVideo { width: 100%; height: 100%; object-fit: cover; transition: opacity 1.2s ease; }\r\n        #finalImg {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;\r\n            opacity: 0; transition: opacity 1.8s ease; z-index: 5;\r\n        }\r\n\r\n        .card-img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n        .message-container {\r\n            margin-top: 30px; width: 85%; max-width: 380px;\r\n            display: flex; gap: 8px; align-items: center;\r\n            background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 50px; padding: 6px 6px 6px 15px;\r\n            opacity: 0; transform: translateY(20px); transition: all 0.8s ease;\r\n            z-index: 1000;\r\n        }\r\n        .message-container.active { opacity: 1; transform: translateY(0); }\r\n\r\n        .msg-input { flex: 1; background: transparent; border: none; outline: none; color: white; font-size: 13px; font-family: inherit; }\r\n        .msg-btn { background: #ffdf00; border: none; color: #8b0000; font-weight: 700; padding: 10px 20px; border-radius: 50px; cursor: pointer; font-family: inherit; font-size: 12px; }\r\n\r\n        .tap-hint {\r\n            position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);\r\n            z-index: 10; animation: float 2s infinite; pointer-events: none;\r\n        }\r\n        @keyframes float { 0%, 100% { transform: translate(-50%, 0); opacity: 0.3; } 50% { transform: translate(-50%, -10px); opacity: 0.8; } }\r\n        \r\n        .flower { position: absolute; background: #ffdf00; border-radius: 50%; opacity: 0.15; pointer-events: none; top: -10px; }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"fullscreen-overlay\">\r\n        <div id=\"flower-container\"><\/div>\r\n\r\n        <div class=\"audio-notice\" id=\"audioNotice\">\r\n            <span>[<\/span> <b>B\u1eacT TO \u00c2M THANH \u0110\u1ec2 TR\u1ea2I NGHI\u1ec6M TR\u1eccN V\u1eb8N<\/b> <span>]<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"card-wrapper\" id=\"card\" onclick=\"startFlow()\">\r\n            <div class=\"card-face face-front\">\r\n                <img decoding=\"async\" src=\"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2026\/02\/Final-Mat-truoc.png\" class=\"card-img\">\r\n                <div class=\"tap-hint\" id=\"hint\"><div style=\"font-size: 40px;\">\ud83e\udde7<\/div><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-face face-back-container\">\r\n                <video id=\"tetVideo\" playsinline muted>\r\n                    <source src=\"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2026\/02\/grok-video-8d285a59-ac89-4d0e-82f4-7f0b97668e3a.mp4\" type=\"video\/mp4\">\r\n                <\/video>\r\n                <img decoding=\"async\" src=\"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2026\/02\/Mat-sau-Intern-1.png\" id=\"finalImg\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"message-container\" id=\"msgBox\">\r\n            <input type=\"text\" class=\"msg-input\" placeholder=\"G\u1eedi l\u1eddi ch\u00fac c\u1ee7a b\u1ea1n...\" id=\"wishText\">\r\n            <button class=\"msg-btn\" id=\"submitBtn\" onclick=\"sendWish()\">G\u1eedi \ud83e\udde7<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const card = document.getElementById('card');\r\n        const video = document.getElementById('tetVideo');\r\n        const finalImg = document.getElementById('finalImg');\r\n        const msgBox = document.getElementById('msgBox');\r\n        const audioNotice = document.getElementById('audioNotice');\r\n        \r\n        const bgMusic = new Audio(\"http:\/\/phanthanhtuonghuan.id.vn\/wp-content\/uploads\/2026\/02\/VIRAL-CLIP-MOT-NAM-MOI-BINH-AN-SON-TUNG-M-TP-Son-Tung-M-TP-Official.mp3\");\r\n        bgMusic.loop = true;\r\n\r\n        let isStarted = false;\r\n        let musicTriggered = false;\r\n\r\n        function startFlow() {\r\n            if (isStarted) return;\r\n            isStarted = true;\r\n            audioNotice.style.opacity = \"0\";\r\n\r\n            bgMusic.volume = 0; \r\n            bgMusic.play().then(() => {\r\n                bgMusic.pause();\r\n                bgMusic.currentTime = 0;\r\n                bgMusic.volume = 1;\r\n            }).catch(e => console.log(\"Unlock error\", e));\r\n\r\n            card.classList.add('flipped');\r\n            document.getElementById('hint').style.display = 'none';\r\n            \r\n            setTimeout(() => {\r\n                video.muted = false;\r\n                video.play();\r\n            }, 500);\r\n        }\r\n\r\n        video.ontimeupdate = function() {\r\n            if (video.duration - video.currentTime < 1.2 && !musicTriggered) {\r\n                musicTriggered = true;\r\n                video.style.opacity = \"0\";\r\n                finalImg.style.opacity = \"1\";\r\n                msgBox.classList.add('active');\r\n                bgMusic.play();\r\n                confetti({ particleCount: 100, spread: 70, origin: { y: 0.7 }, zIndex: 9999999999 });\r\n            }\r\n        };\r\n\r\n        \/\/ K\u1ebeT N\u1ed0I GOOGLE SHEET\r\n        function sendWish() {\r\n            const wishInput = document.getElementById('wishText');\r\n            const btn = document.getElementById('submitBtn');\r\n            const text = wishInput.value.trim();\r\n            \r\n            \/\/ THAY LINK GOOGLE APPS SCRIPT C\u1ee6A B\u1ea0N V\u00c0O \u0110\u00c2Y\r\n            const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxCSCLAPp5v588iwIVTYae4kFASY4dgpWr3AtoCbdqY-FjfKX8A3rZTbQTkMW3ny_k9uA\/exec';\r\n\r\n            if(text) {\r\n                confetti({ particleCount: 150, spread: 100, zIndex: 9999999999 });\r\n                \r\n                \/\/ Tr\u1ea1ng th\u00e1i \u0111ang g\u1eedi\r\n                btn.disabled = true;\r\n                btn.innerText = \"\u0110ang g\u1eedi...\";\r\n\r\n                fetch(scriptURL, { \r\n                    method: 'POST', \r\n                    mode: 'no-cors', \r\n                    headers: { 'Content-Type': 'application\/json' },\r\n                    body: JSON.stringify({ \r\n                        message: text, \r\n                        timestamp: new Date().toLocaleString('vi-VN') \r\n                    })\r\n                })\r\n                .then(() => {\r\n                    alert(\"C\u1ea3m \u01a1n l\u1eddi ch\u00fac c\u1ee7a b\u1ea1n! Ch\u00fac m\u1eebng n\u0103m m\u1edbi 2026! \ud83e\udde7\");\r\n                    wishInput.value = \"\";\r\n                    btn.disabled = false;\r\n                    btn.innerText = \"G\u1eedi \ud83e\udde7\";\r\n                })\r\n                .catch(error => {\r\n                    console.error('Error!', error.message);\r\n                    alert(\"G\u1eedi th\u00e0nh c\u00f4ng! Ch\u00fac b\u1ea1n n\u0103m m\u1edbi b\u00ecnh an! \u2728\");\r\n                    wishInput.value = \"\";\r\n                    btn.disabled = false;\r\n                    btn.innerText = \"G\u1eedi \ud83e\udde7\";\r\n                });\r\n            } else {\r\n                alert(\"H\u00e3y nh\u1eadp l\u1eddi ch\u00fac tr\u01b0\u1edbc khi g\u1eedi b\u1ea1n nh\u00e9! \ud83d\ude0a\");\r\n            }\r\n        }\r\n\r\n        const container = document.getElementById('flower-container');\r\n        for (let i = 0; i < 25; i++) {\r\n            const f = document.createElement('div');\r\n            f.className = 'flower';\r\n            f.style.left = Math.random() * 100 + 'vw';\r\n            f.style.width = f.style.height = (Math.random() * 5 + 2) + 'px';\r\n            f.style.animation = `fall ${Math.random() * 4 + 4}s linear infinite`;\r\n            f.style.animationDelay = Math.random() * 5 + 's';\r\n            container.appendChild(f);\r\n        }\r\n\r\n        const styleSheet = document.createElement(\"style\");\r\n        styleSheet.innerText = `@keyframes fall { to { transform: translateY(110vh) rotate(360deg); } }`;\r\n        document.head.appendChild(styleSheet);\r\n    <\/script>\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 Tet Greetings 2026 [ B\u1eacT TO \u00c2M THANH \u0110\u1ec2 TR\u1ea2I NGHI\u1ec6M TR\u1eccN V\u1eb8N ] \ud83e\udde7 G\u1eedi \ud83e\udde7<\/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-7092","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/7092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/comments?post=7092"}],"version-history":[{"count":10,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/7092\/revisions"}],"predecessor-version":[{"id":7120,"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/7092\/revisions\/7120"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/vi\/wp-json\/wp\/v2\/media?parent=7092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}