RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-14 08:24:58 +00:00
Code Issues Activity Actions

Base: Improve default WebServer pages

Browse source 
Add some fancy stuff like semantic tags, styling and the ladyball to
the default web server pages :^).
This commit is contained in:
electrikmilk 2022-02-21 19:04:00 -05:00 • committed by Linus Groh
parent 653f01616c
commit 3217b34f5c
3 changed files with 114 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

72
Base/www/index.html
View file

@ -1,18 +1,62 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head><title>WebServer start page!</title></head> <head>
<body> <meta charset="UTF-8" />
<h1>SerenityOS WebServer start page!</h1> <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> <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>
<p> <p>Try this <a href="other.html">link</a> to another page!</p>
If you are reading this in a browser, I think we may have </section>
succeeded! Unless of course you just loaded the local file </main>
in your browser (cheater!) :^) </body>
</p>
<p>
Try this <a href="other.html">link</a> to another page!
</p>
</body>
</html> </html>

BIN
Base/www/ladyball.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 668 B

70
Base/www/other.html
View file

@ -1,16 +1,58 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head><title>WebServer other page!</title></head> <head>
<body> <meta charset="UTF-8" />
<h1>SerenityOS WebServer other page!</h1> <title>Serenity WebServer Other Page!</title>
<p> <style>
<b>Holy moly!</b> body {
</p> font-size: 16px;
<p> line-height: 1.6;
This is not even index.html, how neat is that! :^) background: #ababab;
</p> }
<p>
Maybe you want to go <a href="index.html">back to index.html</a>? main {
</p> background: #ffffff;
</body> 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> </html>