diff options
| author | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 23:57:48 +0200 |
|---|---|---|
| committer | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 23:57:48 +0200 |
| commit | 7aa203150fc1a2ec79c681c13f0d486d531746eb (patch) | |
| tree | f09ba9f69ccd434e9c7fdeb41807fc8008784d8a /html/app/views/error/404.php | |
| parent | 221af3a2e035bd6689294509feb52f286d3bd5be (diff) | |
| download | classroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.tar.gz classroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.tar.bz2 classroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.zip | |
error pages; js system to support back/front-end
Diffstat (limited to 'html/app/views/error/404.php')
| -rw-r--r-- | html/app/views/error/404.php | 32 |
1 files changed, 19 insertions, 13 deletions
diff --git a/html/app/views/error/404.php b/html/app/views/error/404.php index a7ea624..30fe206 100644 --- a/html/app/views/error/404.php +++ b/html/app/views/error/404.php @@ -3,24 +3,28 @@ <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>404: Not Found</title> + <style> - html,body{ padding:0; margin:0; - font-size:1.25em; color: #037 /*#a05*/; font-family: 'Roboto Slab', Consolas, Monaco, "Ubuntu Mono", fixed; - line-height:1.2em; background: ##f3f4f5; + html,body{ + padding:0; margin:0; + font-size:1.25em; font-family: Arial, Helvetica, Ubuntu, sans-serif; + color: #037; background: #f3f4f5; + line-height:1.2em; } - h3 { font-size: 5.2em; font-style: normal; color: #05a /*#a05*/; - margin: 0; padding: 0; + h3 { + font-size: 2em; font-style: normal; + font-weight: 400; + color: #05a; + margin: 0; padding: 5px; opacity: 0.27; + border-bottom: 1px solid #05a; } .container { display: flex; height: 100vh; align-items:center; } .content { position: relative; - max-width:520px; width: 100%; margin: auto auto; padding: 1.5em; - /* text-align: center; justify-center: center; */ - font-size: .75em; opacity: .33; font-style: italic; - } - @media screen and ( max-width: 720px) { - html, body { font-size: 1.24em; } - h3 { font-size: 4em; } + max-width:320px; width: 100%; + margin: auto auto; padding: 1.5em; + text-align: center; justify-center: center; + opacity: .33; } </style> </head> @@ -28,10 +32,12 @@ <div class='container'> <div class='content'> <h3>4O4</h3> - NOT FOUND<br /> + Not found<br /> + <!-- — <br /> <span><?= $message ?? "and I still haven't found what I'm looking for." ?></span> + --> </div> </div> </body> |