Rearrange module files

2021-05-15 13:55:33 +02:00
parent 5a0c2edf50
commit d62971c915
4 changed files with 0 additions and 0 deletions
--- a/uptimestatus/static/status.css
+++ b/uptimestatus/static/status.css
@@ -0,0 +1,76 @@
+:root {
+  --us-ok: #34d058;
+  --us-warning: #fff432;
+  --us-critical: #FF3D33;
+  --us-gray: #d8d8d8;
+
+  font-family: Roboto, Arial, sans-serif;
+  font-weight: 300;
+}
+
+.container {
+  width: calc(100% - 1em);
+  max-width: 750px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+
+.service {
+  display: flex;
+  width: 100%;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+.service-name {
+  width: 30%;
+}
+
+.service-status {
+  width: 70%;
+}
+
+.status-bar {
+  display: flex;
+  height: 2em;
+  width: 100%;
+}
+
+.status-bar .status-cell {
+  background-color: var(--us-gray);
+  height: 100%;
+  width: 100%;
+  margin-left: 1px;
+  margin-right: 1px;
+  border-radius: 2px;
+}
+
+.status-bar .status-cell.ok {
+  background-color: var(--us-ok);
+}
+
+.status-bar .status-cell.warning {
+  background-color: var(--us-warning);
+}
+
+.status-bar .status-cell.critical {
+  background-color: var(--us-critical);
+}
+
+header {
+  margin-top: 5em;
+  margin-bottom: 5em;
+}
+
+header h1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+footer {
+  margin-top: 3em;
+  margin-bottom: 3em;
+}