Added credits to bottom of screen
parent
8718ef9edf
commit
ebe99294fb
40
off.html
40
off.html
|
@ -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
42
on.html
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue