diff options
| author | electrikmilk <brandonjordan124@gmail.com> | 2022-02-21 19:04:00 -0500 |
|---|---|---|
| committer | Linus Groh <mail@linusgroh.de> | 2022-02-23 21:28:17 +0000 |
| commit | 3217b34f5cbb580498268f64675359287c2e9ddf (patch) | |
| tree | 990d904e5ac3833bc6ce6229e781f5c5032096b7 /Base/www/other.html | |
| parent | 653f01616ce3ea434d6ce9d21b3c7ba1ecea608e (diff) | |
| download | serenity-3217b34f5cbb580498268f64675359287c2e9ddf.zip | |
Base: Improve default WebServer pages
Add some fancy stuff like semantic tags, styling and the ladyball to
the default web server pages :^).
Diffstat (limited to 'Base/www/other.html')
| -rw-r--r-- | Base/www/other.html | 70 |
1 files changed, 56 insertions, 14 deletions
diff --git a/Base/www/other.html b/Base/www/other.html index b0c5dcb34b..cd9dbbda1b 100644 --- a/Base/www/other.html +++ b/Base/www/other.html @@ -1,16 +1,58 @@ <!DOCTYPE html> -<html> - <head><title>WebServer other page!</title></head> - <body> - <h1>SerenityOS WebServer other page!</h1> - <p> - <b>Holy moly!</b> - </p> - <p> - This is not even index.html, how neat is that! :^) - </p> - <p> - Maybe you want to go <a href="index.html">back to index.html</a>? - </p> - </body> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <title>Serenity WebServer Other Page!</title> + <style> + body { + font-size: 16px; + line-height: 1.6; + background: #ababab; + } + + main { + background: #ffffff; + width: 500px; + border: 1px solid #000000; + padding: 10px; + margin: 0 auto; + } + + header { + text-align: center; + } + + .banner { + background: #ababab; + color: white; + font-weight: bold; + text-align: center; + padding: 5px 0; + } + + .banner.it-works { + background: #ab6e4aff; + } + + section { + margin: 5px 0; + } + </style> + </head> + + <body> + <main> + <header> + <img src="ladyball.png" /> + <h1>Serenity WebServer Other Page!</h1> + </header> + <p class="banner it-works">It works!</p> + <hr /> + <section> + <p class="banner">Holy moly!</p> + <p>This is not even index.html, how neat is that! :^)</p> + <p>Maybe you want to go <a href="index.html">back to index.html</a>?</p> + </section> + </main> + </body> </html> |