thebiblelover7
/
generator-status
1
1
Fork 0
Code Issues Pull Requests Projects Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
off.html
View File

@ -1,7 +1,7 @@
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Generator Status.. OFF</title> <title>Generator Status...</title>
<style> <style>
* { * {
margin: 0; margin: 0;
@ -9,12 +9,12 @@
p { p {
font-family: "Source Sans Pro", "SF Pro Display", sans-serif; font-family: "Source Sans Pro", "SF Pro Display", sans-serif;
font-weight: 600; font-weight: 600;
font-size: 40px; font-size: inherit;
} }
b { b {
font-weight: bolder; font-weight: bolder;
} }
.status-bg { .status-bg-off {
background-color: green; background-color: green;
height: auto; height: auto;
display: block; display: block;
@ -22,10 +22,35 @@
align-content: center; align-content: center;
padding: 50px; padding: 50px;
} }
.status-bg-on {
background-color: dimgray;
height: auto;
display: block;
text-align: center;
align-content: center;
padding: 50px;
}
.status-text { .status-text {
color: white; 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> </head>
<body> <body>
<div class="status-bg"> <div class="status-bg-off">
<div class="status-text"> <div class="status-text">
<p>The generator is <b>OFF!</b> :)</p> <p>The generator is <b>OFF!</b> :)</p>
</div> </div>
</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> </body>
</html> </html>

42
on.html
View File

@ -1,7 +1,7 @@
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Generator Status.. OFF</title> <title>Generator Status...</title>
<style> <style>
* { * {
margin: 0; margin: 0;
@ -9,12 +9,20 @@
p { p {
font-family: "Source Sans Pro", "SF Pro Display", sans-serif; font-family: "Source Sans Pro", "SF Pro Display", sans-serif;
font-weight: 600; font-weight: 600;
font-size: 40px; font-size: inherit;
} }
b { b {
font-weight: bolder; 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; background-color: dimgray;
height: auto; height: auto;
display: block; display: block;
@ -24,8 +32,25 @@
} }
.status-text { .status-text {
color: white; 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> </head>
<body> <body>
<div class="status-bg"> <div class="status-bg-on">
<div class="status-text"> <div class="status-text">
<p>The generator is <b>ON!</b> :(</p> <p>The generator is <b>ON</b> :(</p>
</div> </div>
</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> </body>
</html> </html>