armcord/index.html
2021-05-04 10:54:28 +02:00

87 lines
No EOL
2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="refresh" content="5; URL=https://discord.com/app" />
<title>ArmCord</title>
<style>
:root {
font-family: Arial, Helvetica, sans-serif;
}
.titlebar {
font-family: Verdana, Geneva, Tahoma, sans-serif;
background-color: #2C2F33;
}
body {
color: white;
}
h1 {
color: white;
}
h1 {
text-align: center;
}
span {
text-align: center;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
max-height: 204px;
max-width: 204px;
}
.centered {
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
max-height: 204px;
max-width: 204px;
}
</style>
<style>
body {
background-color: #2c2f33;
}
</style>
</head>
<body>
<video autoplay loop class=centered>
<source src="https://discord.com/assets/0bdc0497eb3a19e66f2b1e3d5741634c.webm" type="video/webm">
</video>
</body>
<p id=checkOnline></p>
<script>
var ifConnected = window.navigator.onLine;
if (ifConnected) {
document.getElementById("checkOnline").innerHTML = "🟢Online";
document.getElementById("checkOnline").style.color = "green";
} else {
document.getElementById("checkOnline").innerHTML = "🔴 Check your internet connection!";
document.getElementById("checkOnline").style.color = "red";
}
setInterval(function(){
var ifConnected = window.navigator.onLine;
if (ifConnected) {
document.getElementById("checkOnline").innerHTML = "🟢Online";
document.getElementById("checkOnline").style.color = "green";
} else {
document.getElementById("checkOnline").innerHTML = "🔴 Check your internet connection!";
document.getElementById("checkOnline").style.color = "red";
}
}, 3000);
</script>
</html>