<?xml encoding="utf-8" ?><ul>
<li><!DOCTYPE html></li>
<li><html></li>
<li><head></li>
<li> <meta charset="UTF-8"></li>
<li> <meta name="viewport" content="width=device-width, initial-scale=1.0"></li>
<li> <title>Gửi Bà Chị Nấm Lùn</title></li>
<li> <style></li>
<li> body { background: #fff0f3; text-align: center; font-family: sans-serif; padding-top: 50px; }</li>
<li> .box { font-size: 100px; cursor: pointer; }</li>
<li> #msg { display: none; padding: 20px; background: white; margin: 20px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }</li>
<li> h2 { color: #ff4d6d; }</li>
<li> p { line-height: 1.6; color: #333; }</li>
<li> </style></li>
<li></head></li>
<li><body></li>
<li> <div id="gift" onclick="openMsg()"></li>
<li> <div class="box">🎁</div></li>
<li> <p><b>Chị Ngọc Ánh ơi!<br>Có quà cho Nấm Lùn nè, bấm vào hộp đi!</b></p></li>
<li> </div></li>
<li> <div id="msg"></li>
<li> <h2>Chúc Mừng Năm Mới! 🧧</h2></li>
<li> <p id="text"></p></li>
<li> <p style="font-size: 12px; color: #999;">(P/s: Bật loa nghe nhạc Happy Birthday cho nó hăng nha bà chị! 🍄)</p></li>
<li> <audio id="music" loop src="https://www.soundjay.com/misc/sounds/happy-birthday-1.mp3"></audio></li>
<li> </div></li>
<li> <script src="https://cdn.jsdelivr.net/npm/
[email protected]/dist/confetti.browser.min.js"></script></li>
<li> <script></li>
<li> function openMsg() {</li>
<li> document.getElementById('gift').style.display = 'none';</li>
<li> document.getElementById('msg').style.display = 'block';</li>
<li> document.getElementById('music').play();</li>
<li> confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 } });</li>
<li> let i = 0;</li>
<li> let content = "Chúc bà chị Ngọc Ánh (Nấm Lùn 🍄) năm mới ngày càng xinh đẹp, công việc thuận lợi các kiểu đà điểu, tiền vào như nước mà tiền ra nhỏ giọt. Năm nay bớt 'lùn' lại cho em nhờ nhé! Thương chị nhiềuuu! ✨";</li>
<li> function type() {</li>
<li> if (i < content.length) {</li>
<li> document.getElementById("text").innerHTML += content.charAt(i);</li>
<li> i++; setTimeout(type, 50);</li>
<li> }</li>
<li> }</li>
<li> type();</li>
<li> }</li>
<li> </script></li>
<li></body></li>
<li></html></li>
<li> </li>
</ul>