diff options
| -rw-r--r-- | Base/www/index.html | 72 | ||||
| -rw-r--r-- | Base/www/ladyball.png | bin | 0 -> 668 bytes | |||
| -rw-r--r-- | Base/www/other.html | 70 |
3 files changed, 114 insertions, 28 deletions
diff --git a/Base/www/index.html b/Base/www/index.html index b4675afac0..093ce7f5d9 100644 --- a/Base/www/index.html +++ b/Base/www/index.html @@ -1,18 +1,62 @@ <!DOCTYPE html> -<html> - <head><title>WebServer start page!</title></head> - <body> - <h1>SerenityOS WebServer start page!</h1> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <title>Serenity WebServer Start 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 Start Page!</h1> + </header> + <p class="banner it-works">It works!</p> + <hr /> + <section> + <p class="banner">Congratulations!</p> <p> - <b>Congratulations!</b> + If you are reading this in a browser, I think we may have succeeded! + Unless of course you just loaded the local file in your browser + (cheater!) :^) </p> - <p> - If you are reading this in a browser, I think we may have - succeeded! Unless of course you just loaded the local file - in your browser (cheater!) :^) - </p> - <p> - Try this <a href="other.html">link</a> to another page! - </p> - </body> + <p>Try this <a href="other.html">link</a> to another page!</p> + </section> + </main> + </body> </html> diff --git a/Base/www/ladyball.png b/Base/www/ladyball.png Binary files differnew file mode 100644 index 0000000000..9d7fbbce31 --- /dev/null +++ b/Base/www/ladyball.png 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> |
