Loading screen by kckarnige and mention in Readme

This commit is contained in:
smartfridge 2021-05-04 17:36:00 +02:00
parent 175e20597d
commit f68739dabc
2 changed files with 34 additions and 34 deletions

View file

@ -22,6 +22,7 @@ Alternative (npm, nodejs required):
# Credits # Credits
[ArmCord Loading Screen](https://github.com/kckarnige)
[GooseMod](https://github.com/GooseMod/GooseMod) [GooseMod](https://github.com/GooseMod/GooseMod)
[GooseMod-Chrome](https://github.com/AAGaming00/GooseMod-chrome) [GooseMod-Chrome](https://github.com/AAGaming00/GooseMod-chrome)
[update.rocks](https://www.update.rocks) [update.rocks](https://www.update.rocks)

View file

@ -6,25 +6,44 @@
<meta http-equiv="refresh" content="5; URL=https://discord.com/app" /> <meta http-equiv="refresh" content="5; URL=https://discord.com/app" />
<title>ArmCord</title> <title>ArmCord</title>
<style> <style>
@import url("https://kckarnige.github.io/femboi_owo/discord-font.css");
:root { :root {
font-family: Arial, Helvetica, sans-serif; background-color: #2c2f33;
} }
.titlebar { .titlebar {
font-family: Verdana, Geneva, Tahoma, sans-serif; font-family: Verdana, Geneva, Tahoma, sans-serif;
background-color: #2C2F33; background-color: #202225;
} }
body { body {
color: white; color: white;
} }
h1 { p {
color: white; color: #8e9297;
text-align: center;
font-weight: 100;
transform: translateY(360%);
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
text-rendering: optimizeLegibility;
font-style: italic;
} }
h1 { h1 {
color: #ffffff;
text-align: center; text-align: center;
font-weight: normal;
font-family: Discordinated;
transform: translateY(120%);
}
h1:before {
content: "ARM";
color: #7289da;
font-weight: normal;
font-family: Helvetica, sans-serif;
} }
span { span {
@ -38,50 +57,30 @@
width: 50%; width: 50%;
max-height: 204px; max-height: 204px;
max-width: 204px; max-width: 204px;
} }
.centered { .loading {
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
/* bring your own prefixes */ color: #fff;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
max-height: 204px;
max-width: 204px;
} }
</style> </style>
<style> <style>
body {
background-color: #2c2f33;
}
</style> </style>
</head> </head>
<body> <body>
<video autoplay loop class=centered> <div class="container">
<video autoplay loop class="center" style="transform: translateY(60%);">
<source src="https://discord.com/assets/0bdc0497eb3a19e66f2b1e3d5741634c.webm" type="video/webm"> <source src="https://discord.com/assets/0bdc0497eb3a19e66f2b1e3d5741634c.webm" type="video/webm">
</video> </video>
<p>Loading...</p>
<h1>Cord</h1>
</div>
</body> </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> </html>