diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 109 |
1 files changed, 0 insertions, 109 deletions
diff --git a/index.html b/index.html deleted file mode 100644 index 0b0254b..0000000 --- a/index.html +++ /dev/null @@ -1,109 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>status.tobyvin.dev</title> - <link rel="stylesheet" type="text/css" href="index.css" /> - <style> - html { - background: var(--bg); - color: var(--fg); - font-size: 12pt; - font-family: monospace; - display: flex; - flex-direction: column; - } - body { - height: calc(100vh - 1rem); - width: calc(100vw - 4rem); - max-width: 640px; - display: flex; - flex-direction: column; - margin: 0 2rem 1rem; - line-height: 1.4; - align-self: center; - } - main { - display: flex; - flex-direction: column; - } - hgroup { - display: flex; - flex-direction: column; - text-align: center; - } - hgroup > p { - align-self: center; - width: 100%; - max-width: 400px; - padding: 5px; - border: 2px solid #ddd; - } - dl { - width: 100%; - max-width: 500px; - align-self: center; - display: grid; - grid-template-columns: max-content auto; - border: 2px solid #ddd; - border-bottom: 0; - } - dt { - padding: 5px; - grid-column-start: 1; - border-bottom: 2px solid #ddd; - } - dd { - text-align: right; - grid-column-start: 2; - margin-left: 0; - padding: 5px; - border-bottom: 2px solid #ddd; - } - .ok { - color: #228b22; - } - .warning { - color: #ff8c00; - } - .error { - color: #dc143c; - } - - .status { - color: #fff; - } - .status.ok { - background: #228b22; - } - .status.warning { - background: #ff8c00; - } - .status.error { - background: #dc143c; - } - </style> - </head> - <body> - <main> - <header> - <hgroup> - <h1>{title} Status</h1> - </hgroup> - </header> - - <dl class="status {status}"> - <dt><b>Status</b></dt> - <dd>{down} issue(s) detected</dd> - </dl> - - <dl> - {{services}} - <dt title="{title}">{name}</dt> - <dd class="{level}">{state}</dd> - {{end}} - </dl> - </main> - </body> -</html> |