diff options
| -rw-r--r-- | static/css/mobile.css | 7 | ||||
| -rw-r--r-- | static/css/standard.css | 60 | ||||
| -rw-r--r-- | static/index.html | 8 | ||||
| -rw-r--r-- | static/notfound.html | 8 |
4 files changed, 70 insertions, 13 deletions
diff --git a/static/css/mobile.css b/static/css/mobile.css index 7b73764..f5396ba 100644 --- a/static/css/mobile.css +++ b/static/css/mobile.css @@ -37,4 +37,11 @@ font-size: 1.5em; margin-bottom: 1rem; } + #footer { + justify-content: space-evenly; + font-size: 1.25em; + } + #footer span { + margin: 0; + } } diff --git a/static/css/standard.css b/static/css/standard.css index 90ab0ee..76224b9 100644 --- a/static/css/standard.css +++ b/static/css/standard.css @@ -1,10 +1,16 @@ body,h1,h2,h3,h4,h5,h6,p { margin: 0; } +a { + text-decoration: none; +} body { + display: flex; + flex-direction: column; margin: 0rem 8rem; min-height: 100vh; width: calc(100vw - 16rem); + background-color: #fdfbf9; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; @@ -37,16 +43,7 @@ body { display: flex; flex-direction: row; align-items: flex-start; -} -#content a { - text-decoration: none; - color: #6a8fd4; -} -#content a:hover { - color: #5f80be; -} -#content a:active { - color: #5472a9; + flex-grow: 1; } #content #lhs { padding: 0rem 1rem; @@ -72,6 +69,16 @@ body { #content #rhs p { margin-bottom: 0.5rem; } +#content a { + color: #6a8fd4; +} +#content a:hover { + color: #5f80be; +} +#content a:active { + color: #5472a9; +} + .form-element { margin: 1rem 0; } @@ -136,10 +143,33 @@ body { cursor: pointer; user-select: none; } +#footer { + display: flex; + flex-direction: row; + justify-content: center; + margin: 0.5rem 0rem; + font-family: var(--cflems-ff-text-mono); + font-size: 12pt; + text-transform: lowercase; + text-align: center; +} +#footer span { + margin: 0rem 1.5rem; +} +#footer a { + color: #00256a; +} +#footer a:hover { + color: #153a7f; +} +#footer a:active { + color: #2a4f94; +} @media (prefers-color-scheme: dark) { body { color: #e0e0e0; + background-color: #101010; background-image: linear-gradient(to top, #000000f0 20%, #00000090 50%, #00000070), url('https://cdn.cflems.net/fle.ms/earth.webp'); @@ -151,9 +181,17 @@ body { color: #723aaa; } #content a:active { - text-decoration: none; color: #7d3fbb; } + #footer a { + color: #6a8fd4; + } + #footer a:hover { + color: #5f80be; + } + #footer a:active { + color: #5472a9; + } #content #lhs { background-color: #28282b; color: #fdfbf9; diff --git a/static/index.html b/static/index.html index ccd7f42..5ac3b67 100644 --- a/static/index.html +++ b/static/index.html @@ -1,8 +1,10 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta name="author" content="Carson Fleming" /> + <meta name="description" content="fle.ms case-insensitive url shortener." /> <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" /> @@ -56,5 +58,9 @@ </p> </div> </div> + <div id="footer"> + <span><a href="https://fle.ms/author">Author</a></span> + <span><a href="https://fle.ms/github">Source</a></span> + </div> </body> </html> diff --git a/static/notfound.html b/static/notfound.html index 5557dd5..b405a5f 100644 --- a/static/notfound.html +++ b/static/notfound.html @@ -1,8 +1,10 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta name="author" content="Carson Fleming" /> + <meta name="description" content="fle.ms case-insensitive url shortener." /> <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" /> @@ -20,5 +22,9 @@ <p>That short URL doesn't exist yet! Did you mean to <a href="/">create it?</a></p> </div> </div> + <div id="footer"> + <span><a href="https://fle.ms/author">Author</a></span> + <span><a href="https://fle.ms/github">Source</a></span> + </div> </body> </html> |