| Server IP : 103.82.32.14 / Your IP : 216.73.217.121 Web Server : Apache/2.2.32 (Unix) mod_ssl/2.2.32 OpenSSL/1.0.1e-fips mod_fcgid/2.3.9 System : Linux cloud.lonmanhoabinh.com 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : lonmakmf ( 524) PHP Version : 5.6.30 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /home/rubymnik/public_html/Streamer/ |
Upload File : |
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Alert supporters</title>
<link rel="shortcut icon" type="image/x-icon" href="https://jqsvn.com/facebook-gaming.png">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google" content="notranslate">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
body
{
font-family: Oswald, sans-serif;
}
.wrapper{
width:340px;
height:59px;
position:relative;
overflow:hidden;
color:white;
}
.wrap_alert
{
height: 300px;
position: absolute;
overflow: hidden;
}
img#avatar
{
border-radius: 50%;
width: 200px;
height: 200px;
display:block;
}
.wrap_avatar
{
position: absolute;
bottom: -100px;
transition: all .3s;
left: 25px;
z-index: 2;
-webkit-transform: scale(0);
transform: scale(0);
}
.wrap_avatar.show_avatar
{
bottom: 50px;
transition: all .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
.wrap_name_and_eff
{
height: 50px;
margin: 4px;
z-index: 1;
left: -350px;
transition: all .3s;
-webkit-transform: scale(0);
transform: scale(0);
}
#name
{
position: relative;
z-index: 2;
background: rgb(0 0 0 / 92%);
color: white;
/* padding: 0 25px; */
text-align: left;
width: 300px;
/* padding-left: 45px; */
height: 50px;
font-size: 15px;
/* padding-right: 25px; */
}
div#name .span
{
background-color: #ffffff;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
min-width: 220px;
background-image: -moz-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
background-image: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,0,0,1)), color-stop(33%, rgba(255,165,0,1)), color-stop(66%, rgba(255,255,0,1)), color-stop(100%, rgba(0,128,0,1)));
background-image: -webkit-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
background-image: -o-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
background-image: -ms-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
background-image: linear-gradient(to right, rgba(255,0,0,1) 0%, rgba(255,165,0,1) 33%, rgba(255,255,0,1) 66%, rgba(0,128,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#008000', GradientType=1 );
background-size: 200%;
}
.wrap_name_and_eff.show_name_and_eff
{
left: 195px;
-webkit-transform: scale(1);
transform: scale(1);
}
.hide {
display: none;
}
.block:before, .block:after
{
content: '';
position: absolute;
left: -2px;
top: -2px;
background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);
background-size: 400%;
width: 204px;
height: 204px;
z-index: -1;
animation: steam 20s linear infinite;
border-radius: 50%;
}
.block.blockname:before, .block.blockname:after
{
border-radius: 0 !important;
width: calc(100% + 4px) !important;
height: calc(100% + 4px) !important;
}
@keyframes steam
{
0%
{
background-position: 0 0;
} 50%
{
background-position: 400% 0;
} 100%
{
background-position: 0 0;
} }
</style>
</head>
<body>
<div class="hide">
<div class="wrapper">
<div class="wrap_alert" style="right: -400">
<div class="wrap_name_and_eff block blockname show_name_and_eff">
<div id="name">
<img class="_3bgk _3bgl img" id="avatargood" src="profile/100010688447833.jpg" width="50" alt="" style="float: left;">
<div style="
height: 50px;
">
<div style="float: left;">
<div style="padding: 5px 0px 0px 10px;font-weight: bold;">
<span class="span" id="namenick">Hoàng Nhật Huy</span>
</div>
<div style="padding: 5px 0px 0px 10px;font-weight: bold;">
<span id="noidungcongdiem"> Đã chia sẻ (+ 20 điểm)</span>
</div>
</div>
</div>
<audio id="player">
<source id="audiosource" src="hello.mp3" type="audio/mpeg">
</audio>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
functionreload();
function functionshow() {
var millisecondsToWait = 2000;
setTimeout(function() {
$(".hide").fadeIn(1000);
functionout();
}, millisecondsToWait);
}
function functionout() {
var millisecondsToWait = 3400;
setTimeout(function() {
$(".hide").fadeOut(1500);
functionreload();
}, millisecondsToWait);
}
function functionreload()
{
var millisecondsToWait = 1600;
setTimeout(function() {
$.ajax({
url: 'ajax.php?updatehanhdong=105002451110455',
type: 'GET',
data: { fields: "title" },
success: function(data) {
if(data.length > 10)
{
var obj = JSON.parse(data);
//called when successful
document.getElementById("avatargood").setAttribute("src", obj.Avatar);
document.getElementById("namenick").innerText = obj.Name;
if(obj.NoiDungCongDiem.includes("chia sẻ") || obj.NoiDungCongDiem.includes("share"))
{
document.getElementById("noidungcongdiem").innerText = "Đã chia sẻ (+ 1 điểm hoạt động)";
}
else
{
var noidungdonate = obj.NoiDungCongDiem.split(":loldonate:");
var diemdonate = noidungdonate[1] + " điểm hoạt động)";
if(noidungdonate[1].length > 2)
{
diemdonate = noidungdonate[1] + " Điểm HĐ)";
}
document.getElementById("noidungcongdiem").innerText = "Đã Donate (+ " + diemdonate + "";
}
try
{
if(obj.TextDoc.length > 2)
{
setTimeout(function() {
document.getElementById("audiosource").src = obj.TextDoc;
document.getElementById("player").load();
document.getElementById("player").play();
}, 1500);
}
} catch(error) {}
functionshow();
}
else
{
functionreload();
}
},
error: function(e) {
}
});
}, millisecondsToWait);
}
});
</script>
</body></html>