From eb76c097df2e1d35d182f4914b50b1151b6f3ea1 Mon Sep 17 00:00:00 2001 From: Fredrik Fornwall Date: Sun, 25 Jun 2023 23:02:22 +0200 Subject: [PATCH] Start fallback ui --- site/index.html | 40 +++++++++++++++++++++++++++++++--------- site/index.js | 8 +++++++- 2 files changed, 38 insertions(+), 10 deletions(-) diff --git a/site/index.html b/site/index.html index f45592e..c9e7c18 100644 --- a/site/index.html +++ b/site/index.html @@ -12,6 +12,10 @@ padding: 0; } + dialog { + user-select: none; + } + html { width: 100%; height: 100%; @@ -33,19 +37,30 @@ outline: none; } - #fallback { + #about { + position: fixed; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + color: white; - display: flex; flex-direction: column; align-items: center; - width: 100%; - height: 100%; + background: rgba(0, 0, 0, 0.8); + border: 1px solid white; + padding: 1em; + border-radius: 0.5em; margin-left: auto; margin-right: auto; text-align: center; } - #fallback a { + #about h1, + #about p { + margin-bottom: 0.5em; + } + + #about a { color: white; } @@ -76,13 +91,20 @@ - -