Your IP : 216.73.217.87
<?php
session_start();
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
$useragent=$_SERVER['HTTP_USER_AGENT'];
if (preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
{
$mbl=1;
}
else
{
$mbl=0;
}
$matrix=4;
if ($matrix==3)
{
$qa=array("1", "2", "3");
}
else if ($matrix==4)
{
$qa=array("1", "2", "3", "4");
}
else
{
$qa=array("1", "2");
}
function curl()
{
$pu="http";
if ($_SERVER["HTTPS"]=="on")
{
$pu.="s";
}
$pu.="://";
$pu.=$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
$pu=str_replace("https://g2s.vlevski.eu/multi/", "", $pu);
return $pu;
}
$tu=curl();
if (isset($_GET["lng"]))
{
$lng=$_GET["lng"];
if ($lng=="bg" || $lng=="es" || $lng=="pl" || $lng=="rs" || $lng=="tr")
{
}
else
{
$lng="uk";
}
$_SESSION["lng"]=$lng;
$rld=explode("?", $tu);
header("location: https://g2s.vlevski.eu/multi/".$rld[0]."");
}
include("../l.php");
$gn=str_replace("game/", "", $tu);
$gn=str_replace(".", "", $gn);
$gn=str_replace(",", "", $gn);
if (strlen($gn)!=6)
{
$gn="";
}
else
{
if (!is_numeric($gn))
{
$gn="";
}
}
$gnd="ng";
if ($gn!="")
{
include("../conn.php");
$gsql=mysqli_query($db, "SELECT * FROM `games` WHERE `gid`='".$gn."' AND `a`='1' LIMIT 1");
while ($res=mysqli_fetch_row($gsql))
{
$gnd=$res[1];
}
if ($gnd=="ng")
{
$gn="9999999";
}
$grs=mysqli_query($db, "UPDATE `games` SET `o`='0', `s`='0' WHERE `gid`='".$gn."' AND `a`='1' LIMIT 1;");
}
//shuffle($qa);
?><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<title>
Game 2 STEM
</title>
<link rel="shortcut icon" type="image/png" href="/assets/images/site/g2s-logo.png" />
<link rel="stylesheet" href="/assets/css/select2.min.css" />
<link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="/assets/css/datepicker.css" />
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/form.min.js"></script>
<script src="/assets/js/select.min.js"></script>
<script src="/assets/js/popper.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/confetti.js"></script>
<script src="/assets/fa6/js/all.min.js" defer></script>
<style>
@font-face
{
font-family: "CalibriVL";
src: url("/assets/fonts/calibri.woff") format("woff");
font-weight: normal;
font-style: normal;
}
html, body
{
overflow: hidden;
background-color: #112233;
margin: 0;
}
div, label, button
{
font-family: CalibriVL, Calibri;
margin: 0;
}
::-webkit-scrollbar
{
width: 10px;
}
::-webkit-scrollbar-track
{
background-color: #116633;
}
::-webkit-scrollbar-thumb
{
background-color: #AA7700;
border-radius: 5px;
}
.blnk
{
animation: blinker 1s linear infinite;
}
@keyframes blinker
{
50%
{
opacity: 0.1;
}
}
</style>
<?php
if ($gn==$gnd)
{
?>
<script>
var i;
var fnsh=0;
var tl;
var fa1;
var fa2;
var purl;
var ra;
var it;
var qn=1;
var gn=<?php print("".$gn.""); ?>;
var mqn;
var pl1;
var pl2;
var pl3;
var pl4;
var pl5;
var n1;
var n2;
var n3;
var n4;
var n5;
var uansn;
var mansn;
uansn=0;
var np;
var sb=0;
var el=document.documentElement;
var p0="<?php print("".$l["ep"].""); ?>";
var p1="<?php print("".$l["p1"].""); ?>";
var pm="<?php print("".$l["pm"].""); ?>";
var z=1;
function zi()
{
z+=0.1;
if (z>1)
{
z=1;
}
$("#main").css("transform", "scale("+z+")");
}
function zr()
{
z=1;
$("#main").css("transform", "scale(1)");
}
function zo()
{
z-=0.1;
if (z<0.2)
{
z=0.2;
}
$("#main").css("transform", "scale("+z+")");
}
function rnk()
{
qn++;
$("#rt").css("pointer-events", "auto");
$("#rt").animate({opacity:"1"}, 1000);
$("#nf").css("display", "none");
$("#nq").attr("disabled", false);
sc();
}
function sg()
{
$("#rtp").css("opacity", "0");
$("#wst").css("opacity", "0");
$("#ws").css("opacity", "0");
stpq();
}
function ng()
{
$("#nq").attr("disabled", true);
$("#rt").animate({opacity:"0"}, 3000);
$("#wst").css("opacity", "1");
$("#ws").animate({opacity:"1"}, 3000);
$({cnts: 3}).animate({cnts: 0},
{
duration: 4000,
easing: "swing",
step: function()
{
$("#cnt").html(""+Math.round(this.cnts)+"");
}
});
setTimeout(function() { sg(); }, 4000);
setTimeout(function() { $.ajax({url: "/uq.php", type: "POST", data:{"qn": ""+qn+"", "gn": ""+gn+""}, success: function(data) { } }); }, 3000);
}
function ext()
{
window.close();
}
function wg()
{
clearInterval(it);
$("#bw").attr("disabled", true);
$("#rt").animate({opacity:"0"}, 3000);
$("#wst").animate({opacity:"1"}, 3000);
$("#ws").animate({opacity:"1"}, 3000);
$({cnts: 5}).animate({cnts: 0},
{
duration: 6000,
easing: "swing",
step: function()
{
$("#cnt").html(""+Math.round(this.cnts)+"");
}
});
if (el.requestFullscreen)
{
el.requestFullscreen();
}
else if (el.webkitRequestFullscreen)
{
el.webkitRequestFullscreen();
}
else if (el.msRequestFullscreen)
{
el.msRequestFullscreen();
}
else
{
el.requestFullscreen();
}
setTimeout(function() { sg(); }, 6000);
setTimeout(function() { $.ajax({url: "/uq.php", type: "POST", data:{"qn": ""+qn+"", "gn": ""+gn+""}, success: function(data) { } }); }, 5000);
}
function sscr(dt)
{
if (qn==mqn)
{
$("#ff").css("display", "block");
}
else
{
$("#nf").css("display", "block");
}
var rd=dt.split("__");
n1=""+rd[0]+"";
pl1=""+rd[1]+"";
n2=""+rd[2]+"";
pl2=""+rd[3]+"";
n3=""+rd[4]+"";
pl3=""+rd[5]+"";
n4=""+rd[6]+"";
pl4=""+rd[7]+"";
n5=""+rd[8]+"";
pl5=""+rd[9]+"";
}
function edt()
{
clearInterval(it);
$("#bf").css("display", "none");
$("#dtime").animate({opacity:"1"}, 500);
$("#dtime").css("color", "#DDDDDD");
$("#dtime").html("-");
$("#bgs")[0].pause();
$("#cds")[0].pause();
if (ra==1)
{
$("#ri1").css("display", "inline-block");
$("#i1").css("display", "none");
}
else
{
$("#l1").css("opacity", "0.25");
}
if (ra==2)
{
$("#ri2").css("display", "inline-block");
$("#i2").css("display", "none");
}
else
{
$("#l2").css("opacity", "0.25");
}
if (ra==3)
{
$("#ri3").css("display", "inline-block");
$("#i3").css("display", "none");
}
else
{
$("#l3").css("opacity", "0.25");
}
if (ra==4)
{
$("#ri4").css("display", "inline-block");
$("#i4").css("display", "none");
}
else
{
$("#l4").css("opacity", "0.25");
}
$.ajax({url: "/sc.php", type: "POST", data:{"qn": ""+qn+"", "gn": ""+gn+""}, success: function(data) { if (data!="ERR") { setTimeout(function() { sscr(data); }, 100); } else { } } });
}
function stpq()
{
<?php
$i=0;
$splt=0;
include("../conn.php");
$qsql=mysqli_query($db, "SELECT * FROM `games` WHERE `gid`='".$gn."' AND `a`='1' LIMIT 1");
while ($res=mysqli_fetch_row($qsql))
{
$qrd=explode("^|^", $res[2]);
$qmax=$res[4];
$qmaxc=$qmax*8;
while ($splt<$qmaxc)
{
$i++;
$splt++;
$qt=$qrd[$splt];
$splt++;
$at=$qrd[$splt];
$splt++;
$bt=$qrd[$splt];
$splt++;
$ct=$qrd[$splt];
$splt++;
$dt=$qrd[$splt];
$splt++;
$pl=$qrd[$splt];
$splt++;
$tt=$qrd[$splt];
$splt++;
$purl=$qrd[$splt];
print("if (qn==".$i.")");
print(" { ");
print("$(\"#q\").html(\"".$qt."\"); ");
print("$(\"#a1\").html(\"".$at."\"); ");
print("$(\"#a2\").html(\"".$bt."\"); ");
print("$(\"#a3\").html(\"".$ct."\"); ");
print("$(\"#a4\").html(\"".$dt."\"); ");
print("tl=".$tt."; ");
print("$(\"#dtime\").html(\"\"+tl+\"\"); ");
if ($purl=="-")
{
print("purl=\"l/g2s.jpg\"; ");
}
else
{
print("purl=\"q/".$purl."\"; ");
}
print("ra=".$pl.";");
print(" } ");
}
print(" mqn=".$qmax."; ");
}
?>
cdt();
}
function cdt()
{
uansn=0;
$("#pcs").attr("src", "/images/"+purl+"");
$("#dtime").html(""+tl+"");
var sndv=0;
var snds=150-tl;
if (snds<0)
{
snds=0;
}
$("#ri1").css("display", "none");
$("#i1").css("display", "inline-block");
$("#ri2").css("display", "none");
$("#i2").css("display", "inline-block");
$("#ri3").css("display", "none");
$("#i3").css("display", "inline-block");
$("#ri4").css("display", "none");
$("#i4").css("display", "inline-block");
$("#l1").css("opacity", "1");
$("#l2").css("opacity", "1");
$("#l3").css("opacity", "1");
$("#l4").css("opacity", "1");
$("#bf").css("display", "block");
$("#nf").css("display", "none");
$("#ff").css("display", "none");
$("#uans").html(uansn);
$("#mans").html(mansn);
$("#qns").html(qn);
bgsnd=qn%4+1;
$("#bgsrc").attr("src", "/sounds/bg"+bgsnd+".mp3");
$("#bgs")[0].load();
$("#bgs")[0].play();
$("#bgs")[0].currentTime=snds;
$("#bgs")[0].volume=sndv;
it=setInterval(function()
{
if (snds<25)
{
sndv=sndv+0.03;
}
else if (snds<38)
{
sndv=sndv+0.05;
}
else
{
sndv=sndv+0.07;
}
if (sndv>=1)
{
sndv=1;
}
$("#bgs")[0].volume=sndv;
tl--;
if (tl<0)
{
$("#dtime").html("-");
}
else
{
$("#dtime").html(""+tl+"");
}
if (tl%2==0)
{
$("#dtime").css("color", "#DDDD00");
}
else
{
$("#dtime").css("color", "#DDDDDD");
}
$("#dtime").css("opacity", "1");
if (tl==5)
{
$("#cds")[0].currentTime=0;
$("#cds")[0].play();
}
if ((tl<=5) && (tl>=0))
{
$("#dtime").animate({opacity:"0.1"}, 900);
}
if (tl<0)
{
edt();
}
if (tl%2==0)
{
$.ajax({url: "/na.php", type: "POST", data:{"qn": ""+qn+"", "gn": ""+gn+""}, success: function(data) { if (data!="ERR") { uansn=data; uansn=uansn*1; } else { uansn=0; } } });
if (uansn>mansn)
{
uansn=mansn;
}
$("#uans").html(uansn);
}
}, 1000);
}
function prth()
{
sb=0;
$("#bw").attr("disabled", true);
$("#bw").animate({opacity:"0"}, 1000);
$("#pt").text(p0);
$("#dawp").addClass("blnk");
$("#usrsa").text(0);
}
function prt()
{
if (sb==0)
{
sb=1;
$("#bw").attr("disabled", false);
$("#bw").animate({opacity:"1"}, 1000);
}
if (np==1)
{
$("#pt").text(p1);
}
else
{
$("#pt").text(pm);
}
$("#dawp").removeClass("blnk");
$("#dawp").css("opacity", "1");
$("#usrsa").text(np);
}
function cp()
{
$.ajax({url: "/apl.php", type: "POST", data:{"p": "1", "gn": "<?php print("".$gn.""); ?>"}, success: function(data) { if (data!="ERR") { setTimeout(function() { np=data; mansn=data; if (np==0) { mansn=0; prth(); } else { prt(); } }, 100); } else { np=0; mansn=0; prth(); } } });
}
function sc()
{
i=1;
$("#d1").css("background-color", "#DD9911");
$("#r1").html("<i class=\"fas fa-1\" style=\"font-size: 50px;\"></i>");
$("#n1").html(n1);
if (pl1!=pl2)
{
i++;
}
if (i==1)
{
$("#d2").css("background-color", "#DD9911");
}
else
{
$("#d2").css("background-color", "#BBBBBB");
}
$("#r2").html("<i class=\"fas fa-"+i+"\" style=\"font-size: 50px;\"></i>");
$("#n2").html(n2);
if (pl2!=pl3)
{
i++;
}
if (i==1)
{
$("#d3").css("background-color", "#DD9911");
}
else if (i==2)
{
$("#d3").css("background-color", "#BBBBBB");
}
else
{
$("#d3").css("background-color", "#CC7733");
}
$("#r3").html("<i class=\"fas fa-"+i+"\" style=\"font-size: 50px;\"></i>");
$("#n3").html(n3);
if (pl3!=pl4)
{
i++;
}
if (i==1)
{
$("#d4").css("background-color", "#DD9911");
}
else if (i==2)
{
$("#d4").css("background-color", "#BBBBBB");
}
else if (i==3)
{
$("#d4").css("background-color", "#CC7733");
}
else
{
$("#d4").css("background-color", "#AAAAFF");
}
$("#r4").html("<i class=\"fas fa-"+i+"\" style=\"font-size: 50px;\"></i>");
$("#n4").html(n4);
if (pl4!=pl5)
{
i++;
}
if (i==1)
{
$("#d5").css("background-color", "#DD9911");
}
else if (i==2)
{
$("#d5").css("background-color", "#BBBBBB");
}
else if (i==3)
{
$("#d5").css("background-color", "#CC7733");
}
else
{
$("#d5").css("background-color", "#AAAAFF");
}
$("#r5").html("<i class=\"fas fa-"+i+"\" style=\"font-size: 50px;\"></i>");
$("#n5").html(n5);
$("#d1").animate({opacity:"1"}, 1000);
if (np>=2)
{
$("#d2").animate({opacity:"1"}, 1000);
}
if (np>=3)
{
$("#d3").animate({opacity:"1"}, 1000);
}
if (np>=4)
{
$("#d4").animate({opacity:"1"}, 1000);
}
if (np>=5)
{
$("#d5").animate({opacity:"1"}, 1000);
}
var pn1=parseInt(pl1);
var pns1="";
$({pp1: 0}).animate({pp1: pn1},
{
duration: 2500,
easing: "swing",
step: function()
{
pns1=String(Math.ceil(this.pp1));
if (pns1.length==4)
{
pns1=""+pns1.substr(0,1)+" "+pns1.substr(1)+"";
}
else if (pns1.length==5)
{
pns1=""+pns1.substr(0,2)+" "+pns1.substr(2)+"";
}
else if (pns1.length==6)
{
pns1=""+pns1.substr(0,3)+" "+pns1.substr(3)+"";
}
else
{
}
$("#p1").html(""+pns1+"");
}
});
var pn2=parseInt(pl2);
var pns2="";
$({pp2: 0}).animate({pp2: pn2},
{
duration: 2500,
easing: "swing",
step: function()
{
pns2=String(Math.ceil(this.pp2));
if (pns2.length==4)
{
pns2=""+pns2.substr(0,1)+" "+pns2.substr(1)+"";
}
else if (pns2.length==5)
{
pns2=""+pns2.substr(0,2)+" "+pns2.substr(2)+"";
}
else if (pns2.length==6)
{
pns2=""+pns2.substr(0,3)+" "+pns2.substr(3)+"";
}
else
{
}
$("#p2").html(""+pns2+"");
}
});
var pn3=parseInt(pl3);
var pns3="";
$({pp3: 0}).animate({pp3: pn3},
{
duration: 2500,
easing: "swing",
step: function()
{
pns3=String(Math.ceil(this.pp3));
if (pns3.length==4)
{
pns3=""+pns3.substr(0,1)+" "+pns3.substr(1)+"";
}
else if (pns3.length==5)
{
pns3=""+pns3.substr(0,2)+" "+pns3.substr(2)+"";
}
else if (pns3.length==6)
{
pns3=""+pns3.substr(0,3)+" "+pns3.substr(3)+"";
}
else
{
}
$("#p3").html(""+pns3+"");
}
});
var pn4=parseInt(pl4);
var pns4="";
$({pp4: 0}).animate({pp4: pn4},
{
duration: 2500,
easing: "swing",
step: function()
{
pns4=String(Math.ceil(this.pp4));
if (pns4.length==4)
{
pns4=""+pns4.substr(0,1)+" "+pns4.substr(1)+"";
}
else if (pns4.length==5)
{
pns4=""+pns4.substr(0,2)+" "+pns4.substr(2)+"";
}
else if (pns4.length==6)
{
pns4=""+pns4.substr(0,3)+" "+pns4.substr(3)+"";
}
else
{
}
$("#p4").html(""+pns4+"");
}
});
var pn5=parseInt(pl5);
var pns5="";
$({pp5: 0}).animate({pp5: pn5},
{
duration: 2500,
easing: "swing",
step: function()
{
pns5=String(Math.ceil(this.pp5));
if (pns5.length==4)
{
pns5=""+pns5.substr(0,1)+" "+pns5.substr(1)+"";
}
else if (pns5.length==5)
{
pns5=""+pns5.substr(0,2)+" "+pns5.substr(2)+"";
}
else if (pns5.length==6)
{
pns5=""+pns5.substr(0,3)+" "+pns5.substr(3)+"";
}
else
{
}
$("#p5").html(""+pns5+"");
}
});
setTimeout(function()
{
pns1=pl1;
if (pns1.length==4)
{
pns1=""+pns1.substr(0,1)+" "+pns1.substr(1)+"";
}
else if (pns1.length==5)
{
pns1=""+pns1.substr(0,2)+" "+pns1.substr(2)+"";
}
else if (pns1.length==6)
{
pns1=""+pns1.substr(0,3)+" "+pns1.substr(3)+"";
}
else
{
}
$("#p1").html(""+pns1+"");
pns2=pl2;
if (pns2.length==4)
{
pns2=""+pns2.substr(0,1)+" "+pns2.substr(1)+"";
}
else if (pns2.length==5)
{
pns2=""+pns2.substr(0,2)+" "+pns2.substr(2)+"";
}
else if (pns2.length==6)
{
pns2=""+pns2.substr(0,3)+" "+pns2.substr(3)+"";
}
else
{
}
$("#p2").html(""+pns2+"");
pns3=pl3;
if (pns3.length==4)
{
pns3=""+pns3.substr(0,1)+" "+pns3.substr(1)+"";
}
else if (pns3.length==5)
{
pns3=""+pns3.substr(0,2)+" "+pns3.substr(2)+"";
}
else if (pns3.length==6)
{
pns3=""+pns3.substr(0,3)+" "+pns3.substr(3)+"";
}
else
{
}
$("#p3").html(""+pns3+"");
pns4=pl4;
if (pns4.length==4)
{
pns4=""+pns4.substr(0,1)+" "+pns4.substr(1)+"";
}
else if (pns4.length==5)
{
pns4=""+pns4.substr(0,2)+" "+pns4.substr(2)+"";
}
else if (pns4.length==6)
{
pns4=""+pns4.substr(0,3)+" "+pns4.substr(3)+"";
}
else
{
}
$("#p4").html(""+pns4+"");
pns5=pl5;
if (pns5.length==4)
{
pns5=""+pns5.substr(0,1)+" "+pns5.substr(1)+"";
}
else if (pns5.length==5)
{
pns5=""+pns5.substr(0,2)+" "+pns5.substr(2)+"";
}
else if (pns5.length==6)
{
pns5=""+pns5.substr(0,3)+" "+pns5.substr(3)+"";
}
else
{
}
$("#p5").html(""+pns5+"");
}, 2600);
}
function f(fnsh, i)
{
if (fnsh==0)
{
i=3;
}
else if (fnsh==1)
{
if (pl1==pl2)
{
if (pl2==pl3)
{
i=1;
}
else
{
i=2;
}
}
else if (pl2==pl3)
{
i=2;
}
else
{
i=3;
}
if (i==1)
{
$("#df3").css("background-color", "#DD9911");
}
else if (i==2)
{
$("#df3").css("background-color", "#BBBBBB");
}
else
{
$("#df3").css("background-color", "#CC7733");
}
$("#nf3").html(n3);
$("#rf3").css("opacity", "1");
$("#rf3").html("<i class=\"fas fa-"+i+"\" style=\"font-size: 160px;\"></i>");
var pn3=parseInt(pl3);
var pns3="";
$({pp3: 0}).animate({pp3: pn3},
{
duration: 2500,
easing: "swing",
step: function()
{
pns3=String(Math.ceil(this.pp3));
if (pns3.length==4)
{
pns3=""+pns3.substr(0,1)+" "+pns3.substr(1)+"";
}
else if (pns3.length==5)
{
pns3=""+pns3.substr(0,2)+" "+pns3.substr(2)+"";
}
else if (pns3.length==6)
{
pns3=""+pns3.substr(0,3)+" "+pns3.substr(3)+"";
}
else
{
}
$("#pf3").html(""+pns3+"");
}
});
setTimeout(function()
{
pns3=pl3;
if (pns3.length==4)
{
pns3=""+pns3.substr(0,1)+" "+pns3.substr(1)+"";
}
else if (pns3.length==5)
{
pns3=""+pns3.substr(0,2)+" "+pns3.substr(2)+"";
}
else if (pns3.length==6)
{
pns3=""+pns3.substr(0,3)+" "+pns3.substr(3)+"";
}
else
{
}
$("#pf3").html(""+pns3+"");
}, 2600);
}
else if (fnsh==2)
{
if (pl1==pl2)
{
i=1;
}
else
{
i=2;
}
if (i==1)
{
$("#df2").css("background-color", "#DD9911");
}
else
{
$("#df2").css("background-color", "#BBBBBB");
}
$("#nf2").html(n2);
$("#rf2").css("opacity", "1");
$("#rf2").html("<i class=\"fas fa-"+i+"\" style=\"font-size: 160px;\"></i>");
var pn2=parseInt(pl2);
var pns2="";
$({pp2: 0}).animate({pp2: pn2},
{
duration: 2500,
easing: "swing",
step: function()
{
pns2=String(Math.ceil(this.pp2));
if (pns2.length==4)
{
pns2=""+pns2.substr(0,1)+" "+pns2.substr(1)+"";
}
else if (pns2.length==5)
{
pns2=""+pns2.substr(0,2)+" "+pns2.substr(2)+"";
}
else if (pns2.length==6)
{
pns2=""+pns2.substr(0,3)+" "+pns2.substr(3)+"";
}
else
{
}
$("#pf2").html(""+pns2+"");
}
});
setTimeout(function()
{
pns2=pl2;
if (pns2.length==4)
{
pns2=""+pns2.substr(0,1)+" "+pns2.substr(1)+"";
}
else if (pns2.length==5)
{
pns2=""+pns2.substr(0,2)+" "+pns2.substr(2)+"";
}
else if (pns2.length==6)
{
pns2=""+pns2.substr(0,3)+" "+pns2.substr(3)+"";
}
else
{
}
$("#pf2").html(""+pns2+"");
}, 2600);
}
else if (fnsh==3)
{
cnftt();
$("#df1").css("background-color", "#DD9911");
$("#nf1").html(n1);
$("#rf1").css("opacity", "1");
$("#rf1").html("<i class=\"fas fa-1\" style=\"font-size: 160px;\"></i>");
var pn1=parseInt(pl1);
var pns1="";
$({pp1: 0}).animate({pp1: pn1},
{
duration: 2500,
easing: "swing",
step: function()
{
pns1=String(Math.ceil(this.pp1));
if (pns1.length==4)
{
pns1=""+pns1.substr(0,1)+" "+pns1.substr(1)+"";
}
else if (pns1.length==5)
{
pns1=""+pns1.substr(0,2)+" "+pns1.substr(2)+"";
}
else if (pns1.length==6)
{
pns1=""+pns1.substr(0,3)+" "+pns1.substr(3)+"";
}
else
{
}
$("#pf1").html(""+pns1+"");
}
});
setTimeout(function()
{
pns1=pl1;
if (pns1.length==4)
{
pns1=""+pns1.substr(0,1)+" "+pns1.substr(1)+"";
}
else if (pns1.length==5)
{
pns1=""+pns1.substr(0,2)+" "+pns1.substr(2)+"";
}
else if (pns1.length==6)
{
pns1=""+pns1.substr(0,3)+" "+pns1.substr(3)+"";
}
else
{
}
$("#pf1").html(""+pns1+"");
}, 2600);
clearInterval(it);
}
fnsh++;
fa1=fnsh;
fa2=i;
}
function fn()
{
$("#rtf").css("pointer-events", "auto");
$("#rtf").animate({opacity:"1"}, 1000);
$("#ff").css("display", "none");
if (np==1)
{
fa1=3;
fa2=1;
}
else if (np==2)
{
fa1=2;
fa2=2;
}
else
{
fa1=1;
fa2=3;
}
it=setInterval(function()
{
f(fa1, fa2);
}, 3000);
}
function cnftt()
{
g2s.load("g2sp", { "fullScreen": { "zIndex": 9999 }, "particles": { "number": { "value": 0 }, "color": { "value": [ "#00FFFC", "#FC00FF", "#fffc00" ] }, "shape": { "type": [ "circle", "square", "triangle", "polygon" ], "options": { "polygon": [ { "sides": 5 }, { "sides": 6 } ] } }, "opacity": { "value": 1, "animation": { "enable": true, "minimumValue": 0, "speed": 2, "startValue": "max", "destroy": "min" } }, "size": { "value": 7, "random": { "enable": true, "minimumValue": 2 } }, "links": { "enable": false }, "life": { "duration": { "sync": true, "value": 5 }, "count": 1 }, "move": { "enable": true, "gravity": { "enable": true, "acceleration": 10 }, "speed": { "min": 10, "max": 20 }, "decay": 0.1, "direction": "none", "straight": false, "outModes": { "default": "destroy", "top": "none" } }, "rotate": { "value": { "min": 0, "max": 360 }, "direction": "random", "move": true, "animation": { "enable": true, "speed": 60 } }, "tilt": { "direction": "random", "enable": true, "move": true, "value": { "min": 0, "max": 360 }, "animation": { "enable": true, "speed": 60 } }, "roll": { "darken": { "enable": true, "value": 25 }, "enable": true, "speed": { "min": 15, "max": 25 } }, "wobble": { "distance": 30, "enable": true, "move": true, "speed": { "min": -15, "max": 15 } } }, "emitters": { "life": { "count": 0, "duration": 0.1, "delay": 0.4 }, "rate": { "delay": 0.1, "quantity": 150 }, "size": { "width": 0, "height": 0 }}});
}
it=setInterval(function()
{
cp();
}, 2000);
</script>
<?php
}
?>
</head>
<body>
<?php
if ($gn!=$gnd)
{
?>
<div class="container-fluid" style="position: relative; width: 100%; height: 100vh; max-height: 100vh; font-size: 0.5vh; overflow: hidden;">
<div class="row">
<div class="col-12" style="text-align: center; font-size: 30px; overflow: hidden; margin-bottom: 20px; color: #DDDDDD;">
<?php print("".$l["nogame"].""); ?>
</div>
</div>
<div class="row">
<div class="col-12" style="text-align: center; font-size: 80px; overflow: hidden; margin: 0px; color: #DDDDDD;">
<br /><img src="/assets/images/site/g2s-logo.png" style="width: 240px; border: none;" />
</div>
</div>
</div>
<?php
}
else
{
?>
<div id="zm" onmouseover="this.style.opacity=1; return true;" onmouseout="this.style.opacity=0.25; return true;" style="position: fixed; top: 0px; left: 0px; width: 175px; height: 40px; z-index: 2009; opacity: 0.25;">
<button type="button" id="cl" onclick="ext(); return true;" class="btn btn-danger" style="position: absolute; top: 0px; left: 0px; text-align: center; width: 40px; height: 40px; max-height: 40px; font-size: 25px; z-index: 2110; margin: 0; padding: 0;"><i class="fas fa-close"></i></button>
<button type="button" id="zi" onclick="zi(); return true;" class="btn btn-warning" style="position: absolute; top: 0px; left: 45px; text-align: center; width: 40px; height: 40px; max-height: 40px; font-size: 25px; z-index: 2110; margin: 0; padding: 0;"><i class="fas fa-plus"></i></button>
<button type="button" id="zr" onclick="zr(); return true;" class="btn btn-warning" style="position: absolute; top: 0px; left: 90px; text-align: center; width: 40px; height: 40px; max-height: 40px; font-size: 25px; z-index: 2110; margin: 0; padding: 0;"><i class="fas fa-slash"></i></button>
<button type="button" id="zo" onclick="zo(); return true;" class="btn btn-warning" style="position: absolute; top: 0px; left: 135px; text-align: center; width: 40px; height: 40px; max-height: 40px; font-size: 25px; z-index: 2110; margin: 0; padding: 0;"><i class="fas fa-minus"></i></button>
</div>
<div id="main">
<div id="wst" style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #112233; color: #DDDDDD; font-size: 120px; z-index: 2004; opacity: 0; pointer-events: none;">
<div id="ws" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 920px; height: 100px; font-size: 80px; text-align: center; opacity: 0; z-index: 2005;"><i class="fas fa-clock-rotate-left"></i> <?php print("".$l["ready"].""); ?> <span id="cnt"></div>
</div>
<div id="rtf" style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #112233; color: #DDDDDD; font-size: 120px; z-index: 2003; opacity: 0; pointer-events: none;">
<div id="f" class="container-fluid" style="position: relative; overflow: hidden; opacity: 1;">
<div class="row">
<div class="col-8" style="padding-left: 50px; text-align: left; font-size: 150px; background-image: linear-gradient(to left, rgba(0,136,136,0), rgba(0,136,136,1))!important;">
<i class="fas fa-trophy"></i> <?php print("".$l["top3"].""); ?>
</div>
<div class="col-4" style="margin-top: 5px; text-align: right;">
<img id="im" src="/assets/images/site/g2s-logo.png" style="width: 240px; border: none;" />
</div>
</div>
<div class="row" style="margin-top: 20px;">
<div class="col-1">
</div>
<div class="col-10">
<div class="container-fluid" style="font-size: 70px;">
<div id="df1" class="row" style="opacity: 1; height: 220px; margin: 30px; border-radius: 10px; color: #2222DD;">
<div class="col-2" style="text-align: center;">
<div id="rf1" style="margin-top: 10px; background-color: #DDDDDD; padding-top: 20px; width: 200px; height: 200px; border-radius: 200px; opacity: 0;"></div>
</div>
<div id="nf1" class="col-7" style="padding-top: 15px; font-size: 120px; white-space: nowrap; overflow: hidden;">
</div>
<div id="pf1" class="col-3" style="text-align: right; font-size: 80px; font-weight: bold; font-style: italic; padding-right: 30px;">
</div>
</div>
<div id="df2" class="row" style="opacity: 1; height: 220px; margin: 30px; border-radius: 10px; color: #2222DD;">
<div class="col-2" style="text-align: center;">
<div id="rf2" style="margin-top: 10px; background-color: #DDDDDD; padding-top: 20px; width: 200px; height: 200px; border-radius: 200px; opacity: 0;"></div>
</div>
<div id="nf2" class="col-7" style="padding-top: 15px; font-size: 120px; white-space: nowrap; overflow: hidden;">
</div>
<div id="pf2" class="col-3" style="text-align: right; font-size: 80px; font-weight: bold; font-style: italic; padding-right: 30px;">
</div>
</div>
<div id="df3" class="row" style="opacity: 1; height: 220px; margin: 30px; border-radius: 10px; color: #2222DD;">
<div class="col-2" style="text-align: center;">
<div id="rf3" style="margin-top: 10px; background-color: #DDDDDD; padding-top: 20px; width: 200px; height: 200px; border-radius: 200px; opacity: 0;"></div>
</div>
<div id="nf3" class="col-7" style="padding-top: 15px; font-size: 120px; white-space: nowrap; overflow: hidden;">
</div>
<div id="pf3" class="col-3" style="text-align: right; font-size: 80px; font-weight: bold; font-style: italic; padding-right: 30px;">
</div>
</div>
</div>
</div>
<div class="col-1">
</div>
</div>
</div>
</div>
<div id="rt" style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #112233; color: #DDDDDD; font-size: 120px; z-index: 2002; opacity: 0; pointer-events: none;">
<div id="r" class="container-fluid" style="position: relative; overflow: hidden; opacity: 1;">
<div class="row">
<div class="col-8" style="padding-left: 50px; text-align: left; font-size: 150px; background-image: linear-gradient(to left, rgba(0,136,136,0), rgba(0,136,136,1))!important;">
<i class="fas fa-award"></i> <?php print("".$l["best5"].""); ?>
</div>
<div class="col-4" style="margin-top: 5px; text-align: center;">
</div>
</div>
<div class="row" style="margin-top: 100px;">
<div class="col-8">
<div class="container-fluid" style="font-size: 70px;">
<div id="d1" class="row" style="opacity: 0; margin: 10px; border-radius: 10px; color: #2222DD;">
<div class="col-1" style="text-align: center;">
<div id="r1" style="margin-top: 20px; background-color: #DDDDDD; line-height: 70px; width: 80px; height: 80px; border-radius: 80px;"></div>
</div>
<div id="n1" class="col-7" style="line-height: 115px; white-space: nowrap; overflow: hidden;">
</div>
<div id="p1" class="col-4" style="text-align: right; font-size: 80px; font-weight: bold; font-style: italic; padding-right: 30px;">
</div>
</div>
<div id="d2" class="row" style="opacity: 0; margin: 10px; border-radius: 10px; color: #2222DD;">
<div class="col-1" style="text-align: center;">
<div id="r2" style="margin-top: 20px; background-color: #DDDDDD; line-height: 70px; width: 80px; height: 80px; border-radius: 80px;"></div>
</div>
<div id="n2" class="col-7" style="line-height: 115px; white-space: nowrap; overflow: hidden;">
</div>
<div id="p2" class="col-4" style="text-align: right; font-size: 80px; font-weight: bold; font-style: italic; padding-right: 30px;">
</div>
</div>
<div id="d3" class="row" style="opacity: 0; margin: 10px; border-radius: 10px; color: #2222DD;">
<div class="col-1" style="text-align: center;">
<div id="r3" style="margin-top: 20px; background-color: #DDDDDD; line-height: 70px; width: 80px; height: 80px; border-radius: 80px;"></div>
</div>
<div id="n3" class="col-7" style="line-height: 115px; white-space: nowrap; overflow: hidden;">
</div>
<div id="p3" class="col-4" style="text-align: right; font-size: 80px; font-weight: bold; font-style: italic; padding-right: 30px;">
</div>
</div>
<div id="d4" class="row" style="opacity: 0; margin: 10px; border-radius: 10px; color: #2222DD;">
<div class="col-1" style="text-align: center;">
<div id="r4" style="margin-top: 20px; background-color: #DDDDDD; line-height: 70px; width: 80px; height: 80px; border-radius: 80px;"></div>
</div>
<div id="n4" class="col-7" style="line-height: 115px; white-space: nowrap; overflow: hidden;">
</div>
<div id="p4" class="col-4" style="text-align: right; font-size: 80px; font-weight: bold; font-style: italic; padding-right: 30px;">
</div>
</div>
<div id="d5" class="row" style="opacity: 0; margin: 10px; border-radius: 10px; color: #2222DD;">
<div class="col-1" style="text-align: center;">
<div id="r5" style="margin-top: 20px; background-color: #DDDDDD; line-height: 70px; width: 80px; height: 80px; border-radius: 80px;"></div>
</div>
<div id="n5" class="col-7" style="line-height: 115px; white-space: nowrap; overflow: hidden;">
</div>
<div id="p5" class="col-4" style="text-align: right; font-size: 80px; font-weight: bold; font-style: italic; padding-right: 30px;">
</div>
</div>
</div>
</div>
<div class="col-4" style="text-align: center;">
<img id="im" src="/assets/images/site/g2s-logo.png" style="width: 420px; border: none;" />
<button disabled type="button" id="nq" onclick="ng(); return true;" class="btn btn-info btn-lg" style="position: relative; margin-top: 20px; text-align: center; width: 100%; height: 95px; max-height: 95px; font-size: 45px; opacity: 1;">
<div class="container-fluid">
<div class="row">
<div class="col-2">
<i class="fas fa-magnifying-glass-arrow-right"></i>
</div>
<div class="col-10">
<?php print("".$l["nextq"].""); ?>
</div>
</div>
</div>
</button>
</div>
</div>
</div>
</div>
<div id="rtp" style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #112233; color: #DDDDDD; font-size: 120px; z-index: 2000;">
<div id="fs" class="container-fluid" style="position: relative; width: 100%; overflow: hidden;">
<div class="row">
<div class="col-4" style="margin-top: 5px; text-align: left; font-size: 45px;">
<br />
<br />
<i class="fas fa-network-wired"></i> <?php print("".$l["multi"].""); ?>
</div>
<div class="col-4" style="margin-top: 5px; text-align: center;">
<img src="/qr.php?l=https://g2s.vlevski.eu/play/game/<?php print("".$gn.""); ?>" style="width: 400px; border-radius: 10px; border: none;" />
</div>
<div class="col-4" style="margin-top: 5px; text-align: center;">
<img id="im" src="/assets/images/site/g2s-logo.png" style="width: 300px; border: none;" />
</div>
</div>
<div class="row" style="margin-top: 20px;">
<div id="dawp" class="col-4 blnk" style="color: #DDDDDD; font-size: 90px; margin-top: 5px; line-height: 40px; text-align: center;">
<div class="container-fluid">
<div class="row">
<div class="col-6" style="text-align: center;">
<i class="fas fa-users"></i>
</div>
<div class="col-6" style="text-align: center; font-weight: bold; padding-top: 20px;">
<span id="usrsa" style="color: #DDDDDD; font-size: 100px;">0</span>
</div>
</div>
<div class="row">
<div id="pt" class="col-12" style="text-align: right; font-size: 50px; padding-right: 30px;">
<?php print("".$l["ep"].""); ?>
</div>
</div>
</div>
</div>
<div class="col-4" style="margin-top: 5px; text-align: center; font-size: 50px;">
<?php print("".$l["scan"].""); ?><br /><span id="gc" style="font-weight: bold; letter-spacing: 30px; font-size: 90px; color: #DDAA22;"><?php print("".$gn.""); ?></span>
</div>
<div class="col-4" style="margin-top: 5px;">
<button disabled type="button" id="bw" onclick="wg(); return true;" class="btn btn-info btn-lg" style="position: relative; text-align: center; width: 100%; height: 95px; max-height: 95px; font-size: 45px; opacity: 0;">
<div class="container-fluid">
<div class="row">
<div class="col-2">
<i class="fas fa-network-wired"></i>
</div>
<div class="col-10">
<?php print("".$l["start"].""); ?>
</div>
</div>
</div>
</button>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="position: relative; width: 100%; padding-bottom: 10px; border-bottom: 2px solid #DDDDDD; overflow: hidden;">
<div class="row">
<div class="col-6" style="margin-top: 5px;">
<audio id="bgs" style="position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; z-index: 1;">
<source id="bgsrc" type="audio/mpeg">
</audio>
<audio id="cds" style="position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; z-index: 2;">
<source src="/sounds/c.mp3" type="audio/mpeg">
</audio>
<img id="pcs" src="/images/l/g2s.jpg" style="position: relative; width: 100%; border-radius: 10px; border: none; z-index: 3;" />
</div>
<div class="col-6" style="margin-top: 5px;">
<div class="container-fluid" style="position: relative; width: 100%; overflow: hidden;">
<div class="row">
<div class="col-4">
<div style="position: relative; top: 0px; width: 100%; color: #DDDDDD; text-align: right; font-weight: bold; font-size: 80px;">
<img src="/qr.php?l=https://g2s.vlevski.eu/play/game/<?php print("".$gn.""); ?>" style="width: 100%; border-radius: 10px; border: none;" />
</div>
</div>
<div class="col-8" style="font-weight: bold; border-radius: 10px; color: #DDDDDD; font-size: 90px; text-align: center; background-image: linear-gradient(to right, rgba(0,136,136,0), rgba(0,136,136,1))!important;">
<div class="container-fluid">
<div class="row">
<div class="col-12" style="min-height: 120px;">
<button type="button" id="bf" onclick="edt(); return true;" class="btn btn-info btn-lg" style="display: none; position: absolute; top: 0px; left: 0px; text-align: center; width: 100%; height: 95px; max-height: 95px; font-size: 45px; z-index: 2101;">
<div class="container-fluid">
<div class="row">
<div class="col-2">
<i class="fas fa-forward-step"></i>
</div>
<div class="col-10">
<?php print("".$l["skip"].""); ?>
</div>
</div>
</div>
</button>
<button type="button" id="nf" onclick="rnk(); return true;" class="btn btn-warning btn-lg" style="display: none; position: absolute; top: 0px; left: 0px; text-align: center; width: 100%; height: 95px; max-height: 95px; font-size: 45px; z-index: 2100;">
<div class="container-fluid">
<div class="row">
<div class="col-2">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10">
<?php print("".$l["continue"].""); ?>
</div>
</div>
</div>
</button>
<button type="button" id="ff" onclick="fn(); return true;" class="btn btn-success btn-lg" style="display: none; position: absolute; top: 0px; left: 0px; text-align: center; width: 100%; height: 95px; max-height: 95px; font-size: 45px; z-index: 2100;">
<div class="container-fluid">
<div class="row">
<div class="col-2">
<i class="fas fa-flag-checkered"></i>
</div>
<div class="col-10">
<?php print("".$l["finish"].""); ?>
</div>
</div>
</div>
</button>
</div>
</div>
<div class="row" style="margin-top: 30px;">
<div class="col-12">
<div style="position: relative; margin: 0 auto; width: 100%; text-align: center;">
<?php print("".$l["question"].""); ?>: <span id="qns"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-4" style="color: #DDDDDD; font-size: 90px; padding-top: 40px; line-height: 60px; text-align: center;">
<i class="fas fa-users"></i>
<br /><span id="usrs" style="color: #DDDDDD; font-size: 60px;"><span id="uans"></span> <?php print("".$l["from"].""); ?> <span id="mans"></span></span>
</div>
<div class="col-8" style="border: 2px solid #DDDDDD; border-radius: 10px; margin-top: 20px; padding-top: 5px;">
<div class="container-fluid" style="position: relative; width: 100%; overflow: hidden;">
<div class="row">
<div class="col-6" style="text-align: center; padding-top: 15px;">
<i id="ctime" class="fas fa-clock" style="font-size: 150px; color: #DDDDDD;"></i>
</div>
<div class="col-6" style="text-align: center;">
<span id="dtime" style="font-size: 120px; font-style: italic; color: #DDDDDD;"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="position: relative; width: 100%; overflow: hidden; margin-top: 15px;">
<div class="row">
<div class="col-2">
<div style="position: relative; text-align: center; width: 100%; border: none; padding-top: 20px; padding-bottom: 20px; border-radius: 10px; background-color: #00AA00; color: #FFFFFF; overflow: hidden;">
<i id="qm" class="fa fa-question-circle" style="font-size: 200px;"></i>
</div>
</div>
<div class="col-10">
<div id="q" style="position: relative; text-align: justify; width: 100%; height: 240px; font-size: 60px; line-height: 58px; font-weight: bold; background-color: transparent; color: #DDDDDD; overflow: hidden;">
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="container-fluid" style="position: relative; width: 100%; margin-top: 40px; background-color: transparent; padding: 0; overflow: hidden;">
<div class="row">
<?php
for ($i=1; $i<=$matrix; $i++)
{
if ($i==1)
{
$icn="fa-pause-circle";
$clr="#EE1133";
$mb=30;
}
else if ($i==2)
{
$icn="fa-stop-circle";
$clr="#3366BB";
$mb=30;
}
else if ($i==3)
{
$icn="fa-dot-circle";
$clr="#AA7700";
$mb=0;
}
else
{
$icn="fa-play-circle";
$clr="#339944";
$mb=0;
}
print("<div class=\"col-6\">");
print("<label id=\"l".$qa[$i-1]."\" for=\"ver".$qa[$i-1]."\" class=\"btn btn-info btn-lg\" style=\"position: relative; text-align: left; width: 99%; height: 100px; max-height: 100px; border-radius: 10px; margin-left: 0; font-size: 50px; margin-bottom: ".$mb."px; color: #DDDDDD; background-color: ".$clr.";\">");
print("<i id=\"ri".$qa[$i-1]."\"class=\"fas fa-check-circle\" style=\"display: none; font-size: 80px; float: left;\"></i><i id=\"i".$qa[$i-1]."\"class=\"fas ".$icn."\" style=\"font-size: 80px; float: left; transform: rotate(-45deg);\"></i><div id=\"a".$qa[$i-1]."\" style=\"float: left; margin-left: 10px; padding-top: -5px;\"></div>");
print("</label>");
print("</div>");
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
}
?>
</body>
</html>