| 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/forumhet/public_html/test/ |
Upload File : |
<?php
if(!isset($_GET['page'])) exit;
$path_select = 'data/' . $_GET['page'] . '.json';
if(!file_exists($path_select)) exit;
$jsonencode = json_decode(file_get_contents($path_select));
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/png" sizes="192x192" href="../uploads/<?php echo $jsonencode->urlsteam; ?>.png">
<title>Cรดng Hunter</title>
<meta name="description" content="๐ groove / relax / study">
<meta name="keywords" content="Listen,Follow,groove,relax,study">
<meta property="og:image" content="../file/artwork.jpg">
<meta property="og:site_name" content="๐ groove / relax / study">
<meta property="og:title" content="Listen & Follow">
<meta property="og:type" content="article">
<meta property="og:description" content="๐ groove / relax / study">
<meta property="og:url" content="https://listen.chillbeats.com/mellowlofi">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Listen & Follow">
<meta name="twitter:description" content="๐ groove / relax / study">
<meta name="twitter:imageSrc" content="../file/artwork.jpg">
<meta name="twitter:url" content="https://listen.chillbeats.com/mellowlofi">
<style>
body {
background: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 0 20px
}
.bg-artwork-component {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: url(../uploads/<?php echo $jsonencode->urlsteam; ?>.png) no-repeat transparent;
background-size: cover;
-webkit-filter: blur(25px);
filter: blur(25px)
}
.bg-artwork-component__img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.bridge-component {
width: 400px;
margin: 0 auto;
display: block;
position: relative;
box-shadow: 0 3px 6px rgba(0, 0, 0, .12), 0 3px 6px rgba(0, 0, 0, .21);
z-index: 1;
max-width: 100%
}
.bridge-component__header {
background: #1b1b1b
}
.bridge-component__artwork {
max-width: 100%;
height: auto
}
.bridge-component__info {
text-align: center;
padding: 20px 0;
border-bottom: 1px solid #434343;
position: relative
}
.bridge-component__description,
.bridge-component__title {
margin: 0;
padding: 0 1em
}
.bridge-component__title {
color: #fff;
font-size: 21px;
font-weight: 600;
margin: 0;
padding: 0 1em;
margin-bottom: .25em
}
.bridge-component__description {
color: #ccc;
font-size: 16px;
font-weight: 400
}
.bridge-component__triangle-back {
width: 0;
height: 0;
border-color: #434343 transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
margin: 0 auto;
bottom: -10px;
left: 0;
right: 0;
position: absolute;
z-index: 9
}
.bridge-component__triangle {
width: 0;
height: 0;
border-color: #1b1b1b transparent transparent;
border-style: solid;
border-width: 8px 8px 2px;
margin: 0 auto;
bottom: -10px;
position: absolute;
left: 0;
right: 0;
z-index: 10
}
.bridge-component__service-list {
list-style: none;
margin: 0;
padding: 0
}
.bridge-component__service-list-item {
background-color: #1e1e1e;
border-bottom: 1px solid #434343
}
.bridge-component__service-list-item:last-child {
border-bottom: none
}
.bridge-component__service-list-item:hover {
background-color: #282828
}
.bridge-component__service-link {
display: block;
line-height: 80px;
height: 80px;
position: relative;
cursor: pointer;
user-select: none
}
.bridge-component__service-logo {
max-width: 100px;
max-height: 30px;
position: absolute;
left: 20px;
top: 25px
}
.bridge-component__action-icon,
.bridge-component__service-action,
.bridge-component__service-list-item {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.bridge-component__service-action {
color: #fff;
position: absolute;
right: 30px;
padding-left: 35px
}
.bridge-component__service-list-item:hover .bridge-component__service-action {
color: #00c4ff;
text-shadow: 0 0 15px #00c4ff
}
.bridge-component__service-list-item:hover .bridge-component__action-icon {
fill: #00c4ff;
-webkit-filter: drop-shadow(0 0 15px #00c4ff);
filter: drop-shadow(0 0 15px #00c4ff)
}
.bridge-component__action-icon {
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 25px;
fill: #fff
}
.bridge-component__action-icon--buy {
margin-left: -4px;
margin-top: -2px
}
</style>
<script>window._bpTracking = { tiktok: function (n) { !function (e, a) { e.TiktokAnalyticsObject = a; var o = e[a] = e[a] || []; o.methods = ["page", "track", "identify", "instances", "debug", "on", "off", "once", "ready", "alias", "group", "enableCookie", "disableCookie"], o.setAndDefer = function (e, t) { e[t] = function () { e.push([t].concat(Array.prototype.slice.call(arguments, 0))) } }; for (var t = 0; t < o.methods.length; t++)o.setAndDefer(o, o.methods[t]); o.instance = function (e) { for (var t = o._i[e] || [], n = 0; n < o.methods.length; n++)o.setAndDefer(t, o.methods[n]); return t }, o.load = function (e, t) { var n = "https://analytics.tiktok.com/i18n/pixel/events.js"; o._i = o._i || {}, o._i[e] = [], o._i[e]._u = n, o._t = o._t || {}, o._t[e] = +new Date, o._o = o._o || {}, o._o[e] = t || {}; t = document.createElement("script"); t.type = "text/javascript", t.async = !0, t.src = n + "?sdkid=" + e + "&lib=" + a; e = document.getElementsByTagName("script")[0]; e.parentNode.insertBefore(t, e) }, o.load(n), o.page() }(window, (document, "ttq")) }, snapchat: function (e) { var t, n, a; t = window, n = document, t.snaptr || ((a = t.snaptr = function () { a.handleRequest ? a.handleRequest.apply(a, arguments) : a.queue.push(arguments) }).queue = [], t = "script", r = n.createElement(t), r.async = !0, r.src = "https://sc-static.net/scevent.min.js", (t = n.getElementsByTagName(t)[0]).parentNode.insertBefore(r, t)), snaptr("init", e), snaptr("track", "PAGE_VIEW") }, facebook: function (e) { var t, n, a, o; a = window, t = document, o = "script", a.fbq || (n = a.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }, a._fbq || (a._fbq = n), (n.push = n).loaded = !0, n.version = "2.0", n.queue = [], (a = t.createElement(o)).async = !0, a.src = "https://connect.facebook.net/en_US/fbevents.js", (o = t.getElementsByTagName(o)[0]).parentNode.insertBefore(a, o)), fbq("init", e), fbq("track", "PageView") } }</script>
</head>
<body><svg display="none">
<defs>
<g id="icon-buy">
<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
d="M18.5,6.22572783 C19.0522847,6.22572783 19.5,6.67344308 19.5,7.22572783 L19.5,10.2737278 L23.5,10.2742722 C24.0522847,10.2742722 24.5,10.7219874 24.5,11.2742722 L24.5,22.7742722 C24.5,23.3265569 24.0522847,23.7742722 23.5,23.7742722 L6.5,23.7742722 C5.94771525,23.7742722 5.5,23.3265569 5.5,22.7742722 L5.5,11.2742722 C5.5,10.7219874 5.94771525,10.2742722 6.5,10.2742722 L10.5,10.2737278 L10.5,7.22572783 C10.5,6.67344308 10.9477153,6.22572783 11.5,6.22572783 L18.5,6.22572783 Z M13.3,13.3559377 C12.7871642,13.3559377 12.3644928,13.7419779 12.3067277,14.2393165 L12.3,14.3559377 L12.3,19.6926067 C12.3,19.8843583 12.3551304,20.0720669 12.4588215,20.2333643 C12.7361414,20.6647507 13.2894328,20.8115386 13.7390203,20.5911897 L13.8407576,20.5337851 L17.9915001,17.8654506 C18.1120028,17.7879847 18.214455,17.6855324 18.291921,17.5650298 C18.5692409,17.1336433 18.4730749,16.5693471 18.0859613,16.2518167 L17.9915001,16.1830937 L13.8407576,13.5147592 C13.6794603,13.4110681 13.4917516,13.3559377 13.3,13.3559377 Z M16.5,7.78413779 L13.5,7.78413779 C12.9871642,7.78413779 12.5644928,8.17017798 12.5067277,8.66751666 L12.5,8.78413779 L12.5,10.2737278 L17.5,10.2737278 L17.5,8.78413779 C17.5,8.27130195 17.1139598,7.84863063 16.6166211,7.79086552 L16.5,7.78413779 Z" />
</g>
<g id="icon-play">
<path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
d="M9.54075759,6.99048702 L20.6915001,14.1588215 C21.1560702,14.4574737 21.2905732,15.0761875 20.991921,15.5407576 C20.914455,15.6612602 20.8120028,15.7637125 20.6915001,15.8411785 L9.54075759,23.009513 C9.07618755,23.3081651 8.4574737,23.1736621 8.15882152,22.7090921 C8.05513038,22.5477948 8,22.3600861 8,22.1683345 L8,7.8316655 C8,7.27938075 8.44771525,6.8316655 9,6.8316655 C9.19175162,6.8316655 9.37946026,6.88679588 9.54075759,6.99048702 Z" />
</g>
</defs>
</svg>
<div class="bg-artwork-component"></div>
<div class="bridge-component">
<header class="bridge-component__header"><img class="bridge-component__artwork" src="../file/artwork.jpg">
<div class="bridge-component__info">
<h1 class="bridge-component__title"></h1>
<h2 class="bridge-component__description">๐ Listen & Follow</h2><span
class="bridge-component__triangle-back"></span> <span class="bridge-component__triangle"></span>
</div>
</header>
<nav class="bridge-component__service-nav">
<ul class="bridge-component__service-list">
<li class="bridge-component__service-list-item bridge-component__service-list-item--spotify"><a
class="bridge-component__service-link" data-service-key="spotify"><img
class="bridge-component__service-logo" src="../file/spotify.svg" alt="Spotify"> <span
class="bridge-component__service-action"><svg
class="bridge-component__action-icon bridge-component__action-icon--play" width="30"
height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" version="1.1"
preserveAspectRatio="xMinYMin">
<use xlink:href="#icon-play"></use>
</svg> <span class="bridge-component__service-action-text">Play</span></span></a></li>
<li class="bridge-component__service-list-item bridge-component__service-list-item--apple-music"><a
class="bridge-component__service-link" data-service-key="apple-music"><img
class="bridge-component__service-logo" src="../file/apple-music.png"
alt="Apple Music"> <span class="bridge-component__service-action"><svg
class="bridge-component__action-icon bridge-component__action-icon--play" width="30"
height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" version="1.1"
preserveAspectRatio="xMinYMin">
<use xlink:href="#icon-play"></use>
</svg> <span class="bridge-component__service-action-text">Play</span></span></a></li>
<li class="bridge-component__service-list-item bridge-component__service-list-item--youtube"><a
class="bridge-component__service-link" data-service-key="youtube"><img
class="bridge-component__service-logo" src="../file/youtube.png" alt="YouTube"> <span
class="bridge-component__service-action"><svg
class="bridge-component__action-icon bridge-component__action-icon--play" width="30"
height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" version="1.1"
preserveAspectRatio="xMinYMin">
<use xlink:href="#icon-play"></use>
</svg> <span class="bridge-component__service-action-text">Play</span></span></a></li>
<li class="bridge-component__service-list-item bridge-component__service-list-item--deezer"><a
class="bridge-component__service-link" data-service-key="deezer"><img
class="bridge-component__service-logo" src="../file/deezer.png" alt="Deezer"> <span
class="bridge-component__service-action"><svg
class="bridge-component__action-icon bridge-component__action-icon--play" width="30"
height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" version="1.1"
preserveAspectRatio="xMinYMin">
<use xlink:href="#icon-play"></use>
</svg> <span class="bridge-component__service-action-text">Play</span></span></a></li>
<li class="bridge-component__service-list-item bridge-component__service-list-item--amazon-music"><a
class="bridge-component__service-link" data-service-key="amazon-music"><img
class="bridge-component__service-logo" src="../file/amazon-music.png"
alt="Amazon Music"> <span class="bridge-component__service-action"><svg
class="bridge-component__action-icon bridge-component__action-icon--play" width="30"
height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" version="1.1"
preserveAspectRatio="xMinYMin">
<use xlink:href="#icon-play"></use>
</svg> <span class="bridge-component__service-action-text">Play</span></span></a></li>
<li class="bridge-component__service-list-item bridge-component__service-list-item--tidal"><a
class="bridge-component__service-link" data-service-key="tidal"><img
class="bridge-component__service-logo" src="../file/tidal.png" alt="Tidal"> <span
class="bridge-component__service-action"><svg
class="bridge-component__action-icon bridge-component__action-icon--play" width="30"
height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" version="1.1"
preserveAspectRatio="xMinYMin">
<use xlink:href="#icon-play"></use>
</svg> <span class="bridge-component__service-action-text">Play</span></span></a></li>
</ul>
</nav>
</div><iframe id="ext" width="1" height="1" style="visibility:hidden"></iframe>
<script src="../file/jquery-3.5.1.min.js"></script>
<script src="../file/jquery.deparam.js"></script>
<script src="../file/underscore-min.js"></script>
<script src="../file/app.js"></script>
<script>
bpApp.init({
site: {
baseUrl: "https://listen.chillbeats.com/mellowlofi",
bgImagePath: "../file/artwork.jpg",
pageSlug: "mellowlofi",
minify: !0
},
services: [{
key: "spotify",
name: "Spotify",
logoPath: "../file/spotify.svg",
actionType: "play",
actionText: "Play",
enabled: !0,
targetUrl: "<?php echo $jsonencode->spotify; ?>",
deepLinkUrl: "<?php echo str_replace("https: //open.spotify.com/", "spotify://", $jsonencode->spotify); ?>",
targetUrl_shadow: "<?php echo $jsonencode->spotify; ?>",
deepLinkUrl_shadow: "<?php echo str_replace("https://open.spotify.com/", "spotify://", $jsonencode->spotify); ?>" },
{ key: "apple-music", name: "Apple Music", logoPath: "../file/apple-music.png", actionType: "play", actionText: "Play", enabled: !0, targetUrl: "<?php echo $jsonencode->itunes; ?>" },
{ key: "youtube", name: "YouTube", logoPath: "../file/youtube.png", actionType: "play", actionText: "Play", enabled: !0, targetUrl: "<?php echo $jsonencode->youtube; ?>" },
{ key: "deezer", name: "Deezer", logoPath: "../file/deezer.png", actionType: "play", actionText: "Play", enabled: !0, targetUrl: "<?php echo $jsonencode->deezer; ?>" },
{ key: "amazon-music", name: "Amazon Music", logoPath: "../file/amazon-music.png", actionType: "play", actionText: "Play", enabled: !0, targetUrl: "<?php echo $jsonencode->amazon; ?>" },
{ key: "tidal", name: "Tidal", logoPath: "../file/tidal.png", actionType: "play", actionText: "Play", enabled: !0, targetUrl: "<?php echo $jsonencode->tidal; ?>" }],
tracking: { internal: !0, social: { tiktok: "C58PPUFB3D4MMMSM50VG", snapchat: "33a515a9-cf13-4b30-a672-190be0b2d19d", facebook: "1477992905901587" } }, shadowSchedule: { facebook: ["00:03-00:10", "03:03-03:10", "06:03-06:10", "09:03-09:10", "12:03-12:10", "15:03-15:10", "18:03-18:10", "21:03-21:10"],
tiktok: ["01:03-01:10", "04:03-04:10", "07:03-07:10", "10:03-10:10", "13:03-13:10", "16:03-16:10", "19:03-19:10", "22:03-22:10"], snapchat: [] } }),
bpApp.VERSION = "1.0.1",
console.log("Generator version: 1.0.1")
</script>
</body>
</html>