Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed dreader #108

Merged
merged 13 commits into from
Mar 29, 2023
Binary file added static/assets/images/icons/redball1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/assets/images/icons/redball2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/assets/images/icons/redball4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/assets/images/icons/redball4vol2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/assets/images/icons/redball4vol3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
80 changes: 41 additions & 39 deletions static/loading.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,30 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans&family=Roboto&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Roboto&display=swap');

/* Center the loader */
body {
background: #1c1c1c;
background-color: #1c1c1c;
font-family: 'Roboto', sans-serif;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
margin: 0px;
align-items: center;
min-height: 100vh;
}

a {
color: #fff;
text-decoration: none;
transition: color 0.3s ease-in-out;
}

a:hover {
color: #3498db;
}

#loader {
Expand All @@ -24,6 +36,7 @@
border-top: 16px solid #3498db;
border-radius: 50%;
animation: spin 2s linear infinite;
margin-bottom: 35px;
}

@keyframes spin {
Expand All @@ -35,9 +48,28 @@
}
}

/* Add animation to "page content" */
.message {
display: flex;
flex-direction: column;
align-items: center;
}

.description {
color: #FFF;
font-size: 20px;
line-height: 1.5;
max-width: 600px;
text-align: center;
margin-top: 20px;
}

.discord-link {
color: #3498db;
font-weight: bold;
text-decoration: underline;
}

.animate-bottom {
position: relative;
animation-name: animatebottom;
animation-duration: 1s;
}
Expand All @@ -52,44 +84,14 @@
opacity: 1
}
}

#myDiv {
display: none;
text-align: center;
}

.message {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

p {
font-family: Roboto;
font-size: 20px;
color: #FFF;
}

a {
font-family: Roboto;
}

.description {
color: #FFF;
max-width: 600px;
text-align: center;
margin-top: 35px;
}
</style>
</head>

<body>
<div id="loader"></div>
<div class="message">
<div class="message animate-bottom">
<p class="description">
Please wait a moment.
Our servers may be under high load causing some slowness on our servers. If you have any issues join discord.gg/gointerstellar.
Please wait a moment. Our servers may be under high load causing some slowness.<br>If you have any issues, please <a class="discord-link" href="https://discord.gg/gointerstellar" target="_blank">join our Discord server</a>.
</p>
</div>
</body>
Expand Down
56 changes: 53 additions & 3 deletions static/play.html
Original file line number Diff line number Diff line change
Expand Up @@ -430,7 +430,7 @@ <h2>Games shown on this website are the property of their respective owners.</h2
</div>
<div class="row">
<div class="span1">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://donitz.itch.io/dreader">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://donitz.itch.io/dreader')">
<img style="border-radius: 25px;" src="/assets/images/icons/dreader.png"></a>
<p3>Dreader</p3>
</div>
Expand Down Expand Up @@ -1014,14 +1014,64 @@ <h2>Games shown on this website are the property of their respective owners.</h2
</div>
<div class="row">
<div class="span1">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://play.geforcenow.com/games?game-id=1dd07d47-6601-42f7-80e9-e4d8db08ea1b&lang=en_US&asset-id=01_44417553-d33e-4f06-a02a-48c3d8e642e2')">
<img style="border-radius: 25px;" src="/assets/images/icons/r6.jpg"></a>
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://play.geforcenow.com/games?game-id=1dd07d47-6601-42f7-80e9-e4d8db08ea1b&lang=en_US&asset-id=01_44417-48c3d8e642e2')">
<img style="border-radius: 25px;" src="/assets/images/icons/r6.jpg"></a>553-d33e-4f06-a02a
<p3>Rainbow Six Siege</p3>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span1">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://www.algebrashelper.com/redball')">
<img style="border-radius: 25px;" src="/assets/images/icons/redball1.png"></a>
<p3>Red Ball 1</p3>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span1">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://www.algebrashelper.com/redball-2')">
<img style="border-radius: 25px;" src="/assets/images/icons/redball2.png"></a>
<p3>Red Ball 2</p3>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span1">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://www.algebrashelper.com/redball-4')">
<img style="border-radius: 25px;" src="/assets/images/icons/redball4.png"></a>
<p3>Red Ball 4</p3>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span1">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://www.algebrashelper.com/read-ball-4v2')">
<img style="border-radius: 25px;" src="/assets/images/icons/redball4vol2.png"></a>
<p3>Red Ball 4 Vol. 2</p3>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span1">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a onclick="go('https://www.algebrashelper.com/red-ball-4v3')">
<img style="border-radius: 25px;" src="/assets/images/icons/redball4vol3.png"></a>
<p3>Red Ball 4 Vol. 3</p3>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span1">
<div style="padding-top: 5px;border-radius: 25px 25px 25px 25px;" class="card animals" loading="lazy"><a class="game" onclick="go('https://binbashbanana.github.io/webretro/')">
Expand Down