diff options
| author | user <user@node5.net> | 2024-07-20 14:44:08 +0200 |
|---|---|---|
| committer | user <user@node5.net> | 2024-07-20 14:44:08 +0200 |
| commit | 184b81bed647a9829a6a7dfacad6018ce30a4311 (patch) | |
| tree | e1706a56f09e663d9d6a577d3c7cfaeac6e67809 /src | |
| parent | 439e57f7061f9a61c1223d173b0e6132ac94f5fc (diff) | |
Error page 5xx - Style image background
Diffstat (limited to 'src')
| -rw-r--r-- | src/static/5xx.html | 55 |
1 files changed, 26 insertions, 29 deletions
diff --git a/src/static/5xx.html b/src/static/5xx.html index f503fd4..8400eb9 100644 --- a/src/static/5xx.html +++ b/src/static/5xx.html @@ -1,38 +1,35 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Text TV - Bornhack 24 ERROR</title> - <link rel="icon" type="image/x-icon" href="favicon.ico"> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta http-equiv="refresh" content="10"> -</head> -<body style="background: black; color: white"> + <title>Text TV - Bornhack 24 ERROR</title> + <link rel="icon" type="image/x-icon" href="favicon.ico"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="refresh" content="10"> -<style> -.container { - display: flex; - justify-content: center; /* Center horizontally */ - align-items: center; /* Center vertically */ - height: 100vh; /* Set the container height to 100% of the viewport height */ -} + <style> + body { + background: black; + color: white; + background-image: url("test_pattern.jpg"); + background-repeat: no-repeat; + background-attachment: fixed; + background-position: center; + } -.container img { - height: 100%; - /* Add any other necessary styling */ -} -</style> - - <div class="container"> - <img src="test_pattern.jpg"> - </div> + #root-container { + position:absolute; + top:50%; + left:50%; + transform:translate(-50%, -50%); + color: white; background: #000; opacity: .9; + z-index: 1000; + } + </style> +</head> - <div style=" position:absolute; - top:50%; - left:50%; - transform:translate(-50%, -50%); - color: white; background: #000; opacity: .9; - z-index: 1000;"> +<body> + <div id="root-container"> <h1 style="text-align: center; font-size: 5em">We'll be right back</h1> </div> </body> |