<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<script>
BotoesDenuncia();
//LinkDenuncia();
</script>
@import "https://use.fontawesome.com/releases/v5.4.1/css/all.css";
button{
margin: 5px;
}
body{
padding: 0;
margin: 0;
}
.middle{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
}
.btn{
display: inline-block;
width: 90px;
height: 90px;
background: #f1f1f1;
margin: 10px;
border-radius: 30%;
box-shadow: 0 5px 15px -5px #00000070;
color: #3498db;
overflow: hidden;
position: relative;
}
.btn i{
line-height: 90px;
font-size: 26px;
transition: 0.2s linear;
}
.btn:hover i{
transform: scale(1.3);
color: #f1f1f1;
}
.btn::before{
content: "";
position: absolute;
width: 120%;
height: 120%;
background: #3498db;
transform: rotate(45deg);
left: -110%;
top: 90%;
}
.btn:hover::before{
animation: aaa 0.7s 1;
top: -10%;
left: -10%;
}
@keyframes aaa {
0%{
left: -110%;
top: 90%;
}50%{
left: 10%;
top: -30%;
}100%{
top: -10%;
left: -10%;
}
}
//written by alxsy mostovik
let emailC="";
let icon=[];
let uri=[];
let url=["https://www.facebook.com/animale","https://www.instagram.com","https://mail.yandex.com/?uid=869376094#compose","https://mail.google.com/mail/?view=cm&fs=1&tf=1&to="+emailC+"&su=DenunciaAnimale&body=my-text&ui=2&tf=1&pli=1","https://web.telegram.org","https://www.skype.com","https://chat.whatsapp.com/animale/"];
function CriandoIcons(...args){
for(j=0;j<args.length;j++)
for(i=0;i<url.length;i++)
if(args[j]==url[i].split(/[/?#]/)[2].replace(/^\w+\:\/\/\w+\./,"").replace(/.\w+$/,"").replace(/^\w+./,""))
icon.push(url[i].split(/[/?#]/)[2].replace(/^\w+\:\/\/\w+\./,"").replace(/.\w+$/,"").replace(/^\w+./,""));
}
CriandoIcons("skype","instagram","facebook","yandex","whatsapp","telegram");
// using booble to sort icon with url respectives
function BoobleSort() {
icon.sort();
for(j=0;j<icon.length;j++)
for(i=0;i<url.length;i++)
if(icon[j]==url[i].split(/[/?#]/)[2].replace(/^\w+\:\/\/\w+\./,"").replace(/.\w+$/,"").replace(/^\w+./,""))
uri.push(url[i]);
}
function genericSocialShare(i){
window.open(uri[i],'sharer','toolbar=0,status=0,width=648,height=395');
return true;
}
function BotoesDenuncia(){
BoobleSort();
document.write("<div class='middle'>");
for(i=0;i<icon.length;i++)
document.write("<button onclick=genericSocialShare("+i+")><i class='fab fa-"+icon[i]+"'> "+icon[i]+"</i></button>");
document.write("</div>");
}
function LinkDenuncia(){
BoobleSort();
document.write("<div class='middle'>");
for(i=0;i<icon.length;i++)
document.write("<a class='btn' onclick=genericSocialShare()><i class='fab fa-"+icon[i]+"'>"+icon[i]+"</i></a>");
document.write("</div>");
}
