diff options
| author | Carson Fleming <cflems@cflems.net> | 2023-10-20 02:04:13 -0400 |
|---|---|---|
| committer | Carson Fleming <cflems@cflems.net> | 2023-10-20 02:04:13 -0400 |
| commit | 5b4f8c220bbcbe1ee4b684f91db7cc419e423a41 (patch) | |
| tree | 4db3408a0f12dc32377516af04a77631ee1bd08b /static | |
| parent | 383c7324f0955533b0f9eb02c80493d79c54ffb6 (diff) | |
| download | fle.ms-5b4f8c220bbcbe1ee4b684f91db7cc419e423a41.tar.gz | |
Non-hideous 404 page and link styling
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/standard.css | 22 | ||||
| -rw-r--r-- | static/index.html | 2 | ||||
| -rw-r--r-- | static/notfound.html | 19 |
3 files changed, 38 insertions, 5 deletions
diff --git a/static/css/standard.css b/static/css/standard.css index d854a36..c5fa6b9 100644 --- a/static/css/standard.css +++ b/static/css/standard.css @@ -39,6 +39,16 @@ body { align-items: flex-start; height: 100%; } +#content a { + text-decoration: none; + color: #6a8fd4; +} +#content a:hover { + color: #5f80be; +} +#content a:active { + color: #5472a9; +} #content #lhs { padding: 0rem 1rem; flex-grow: 2; @@ -118,11 +128,21 @@ body { @media (prefers-color-scheme: dark) { body { - color: #ffffff; + color: #fdfbf9; background-image: linear-gradient(to top, #000000f0 20%, #00000090 50%, #00000050), url('https://cdn.cflems.net/fle.ms/earth.webp'); } + #content a { + color: #68369b; + } + #content a:hover { + color: #723aaa; + } + #content a:active { + text-decoration: none; + color: #7d3fbb; + } #content #lhs { background-color: #28282b; color: #fdfbf9; diff --git a/static/index.html b/static/index.html index 6e5723e..25d0fd9 100644 --- a/static/index.html +++ b/static/index.html @@ -10,7 +10,7 @@ <link rel="stylesheet" type="text/css" href="css/mobile.css" /> <title>fle.ms</title> </head> - <body class="dark"> + <body> <div id="header"> <h1 id="logo">fle.ms</h1> </div> diff --git a/static/notfound.html b/static/notfound.html index b3b5f2f..5557dd5 100644 --- a/static/notfound.html +++ b/static/notfound.html @@ -2,10 +2,23 @@ <html> <head> <meta charset="utf-8" /> - <title>fle.ms</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link rel="canonical" href="https://fle.ms/" /> + <link rel="icon" type="image/png" href="https://cdn.cflems.net/fle.ms/logo.webp" /> + <link rel="stylesheet" type="text/css" href="/css/fonts.css" /> + <link rel="stylesheet" type="text/css" href="/css/standard.css" /> + <link rel="stylesheet" type="text/css" href="/css/mobile.css" /> + <title>Not Found / fle.ms</title> </head> <body> - <h1>fle.ms</h1> - <p>404 Not Found Page</p> + <div id="header"> + <h1 id="logo">fle.ms</h1> + </div> + <div id="content"> + <div id="rhs"> + <h1>URL Not Found</h1> + <p>That short URL doesn't exist yet! Did you mean to <a href="/">create it?</a></p> + </div> + </div> </body> </html> |