Added credits to bottom of screen

master
Adriel Sand 2021-09-23 17:11:51 +03:00
parent 8718ef9edf
commit ebe99294fb
2 changed files with 73 additions and 13 deletions

View File

@ -1,7 +1,7 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Generator Status.. OFF</title>
<title>Generator Status...</title>
<style>
* {
margin: 0;
@ -9,12 +9,12 @@
p {
font-family: "Source Sans Pro", "SF Pro Display", sans-serif;
font-weight: 600;
font-size: 40px;
font-size: inherit;
}
b {
font-weight: bolder;
}
.status-bg {
.status-bg-off {
background-color: green;
height: auto;
display: block;
@ -22,10 +22,35 @@
align-content: center;
padding: 50px;
}
.status-bg-on {
background-color: dimgray;
height: auto;
display: block;
text-align: center;
align-content: center;
padding: 50px;
}
.status-text {
color: white;
font-size: 40px;
}
.credits {
padding: 10px 5px;
text-align: center;
font-size: 15px;
color: gray;
}
.credits a {
color: #555555;
font-weight: 700;
}
.credits a:hover {
color: #3c5c68;
}
a {
text-decoration: none;
color: inherit;
}
@ -33,10 +58,15 @@
</head>
<body>
<div class="status-bg">
<div class="status-bg-off">
<div class="status-text">
<p>The generator is <b>OFF!</b> :)</p>
</div>
</div>
<div class="credits">
<p>Made with ❤️ | Source Code: <a href="https://git.sandcastle.eu.org/thebiblelover7/generator-status">Gitea</a>
<br>
Thanks to <a href="https://matrix.to/#/@junyong_chung:tchncs.de">Junyong Chung</a> for the hardware and <a href="https://meu.edu.lb">MEU</a> for providing the domain.</p>
</div>
</body>
</html>

42
on.html
View File

@ -1,7 +1,7 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Generator Status.. OFF</title>
<title>Generator Status...</title>
<style>
* {
margin: 0;
@ -9,12 +9,20 @@
p {
font-family: "Source Sans Pro", "SF Pro Display", sans-serif;
font-weight: 600;
font-size: 40px;
font-size: inherit;
}
b {
font-weight: bolder;
}
.status-bg {
.status-bg-off {
background-color: green;
height: auto;
display: block;
text-align: center;
align-content: center;
padding: 50px;
}
.status-bg-on {
background-color: dimgray;
height: auto;
display: block;
@ -24,8 +32,25 @@
}
.status-text {
color: white;
font-size: 40px;
}
.credits {
padding: 10px 5px;
text-align: center;
font-size: 15px;
color: gray;
}
.credits a {
color: #555555;
font-weight: 700;
}
.credits a:hover {
color: #3c5c68;
}
a {
text-decoration: none;
color: inherit;
}
@ -33,10 +58,15 @@
</head>
<body>
<div class="status-bg">
<div class="status-bg-on">
<div class="status-text">
<p>The generator is <b>ON!</b> :(</p>
<p>The generator is <b>ON</b> :(</p>
</div>
</div>
<div class="credits">
<p>Made with ❤️ | Source Code: <a href="https://git.sandcastle.eu.org/thebiblelover7/generator-status">Gitea</a>
<br>
Thanks to <a href="https://matrix.to/#/@junyong_chung:tchncs.de">Junyong Chung</a> for the hardware and <a href="https://meu.edu.lb">MEU</a> for providing the domain.</p>
</div>
</body>
</html>