diff --git a/frontend/index.html b/frontend/index.html new file mode 100644 index 0000000000000000000000000000000000000000..8a5b10dcf607ae17da22555bcc1b841da50de866 --- /dev/null +++ b/frontend/index.html @@ -0,0 +1,56 @@ + + + + + TLS Outage Tracker + + + + +
+

0 days

+

since last outage caused by TLS expiry

+
+ +
+

Last incidents +

+

c3l.lu

+

3 days ago

+
+
+

social.c3l.lu

+

3 days ago

+
+
+

media.c3l.lu

+

3 days ago

+
+
+

smtp.c3l.lu

+

3 days ago

+
+ + + + + + + + + + + + + + + + + + + + +
c3l.lu3 days ago
social.c3l.lu5 days ago
mail.c3l.lu10 days ago
+
+ + diff --git a/frontend/style.css b/frontend/style.css new file mode 100644 index 0000000000000000000000000000000000000000..74ce4f495d66d028d953583c076710349b3b4b78 --- /dev/null +++ b/frontend/style.css @@ -0,0 +1,96 @@ +/* Defaults */ +* { + font: inherit; + padding: 0px; + margin: 0px; +} + +a { + text-decoration: none; + color: inherit; +} + +/* General */ +body { + background-color: #393939; + color: #d2d2d2; + + font-family: "Helvetica", "Arial", sans-serif; + font-size: 20px; +} + +/* + COUNT UP +*/ + +/* Links (block) on home page*/ +.countup { + font-size: 48px; + line-height: 52px; + text-align: center; + + margin-top: 15vh; + + display: flex; + flex-direction: column; + + justify-content: center; + align-items: center; +} + +/* Text on home page */ +.countup__item { + display: block; +} + +.countup__tls { + font-size: 100px; + line-height: 150px; +} + +/* + LOGS +*/ + +.logs { + margin:auto; + max-width: 50vw; + min-width: 50vw; + + margin-top: 2.5vh; + border-radius: 0.1rem; + border-style: solid; + border-color: #454545; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + background-image: repeating-linear-gradient(135deg, #393939, #393939 5px, #454545 5px, #454545 9px); +} + +.logs__title { + display: block; + margin-top: 1vh; + margin-bottom: 1vh; + font-size: 30px; + text-decoration: underline; +} + +.logs__item { + display: flex; + flex-direction: row; + justify-content: space-evenly; + width: 95vh; + margin-bottom: 1vh; +} + +table { + margin-left: auto; + margin-right: auto; +} + +td { + padding: 5px 20px; +} \ No newline at end of file