RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 07:17:35 +00:00
Code Issues Activity Actions

Browser: Add various test pages to welcome

Browse source 
This adds test pages for border-radius, CSS custom properties and
flexboxes to the default page in the Browser.
I used those files to develop said features and they can be of use
when debugging in the future or just to showcase those features.
This commit is contained in:
Tobias Christiansen 2021-06-06 00:08:54 +02:00 • committed by Linus Groh
parent f290048662
commit 19b22fbb4a
4 changed files with 495 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

64
Base/res/html/misc/welcome.html
View file

@ -1,36 +1,44 @@
<!DOCTYPE html>
<html contenteditable="true">
<head>
<title>Welcome!</title>
<!-- this is a comment -->
<style type="text/css">
/* css comment */
body {
background-color: #000;
color: #fff; /* another css comment */
}
/* lol
<title>Welcome!</title>
<!-- this is a comment -->
<style type="text/css">
/* css comment */
body {
background-color: #000;
color: #fff;
/* another css comment */
}
/* lol
a
css
comment */
h1 {
color: #a00;
}
a {
color: #ae7250;
}
a:hover {
color: #f4cca0;
}
span#ua {
color: red;
}
span#loadtime {
color: yellow;
}
</style>
<script src="welcome.js"></script>
h1 {
color: #a00;
}
a {
color: #ae7250;
}
a:hover {
color: #f4cca0;
}
span#ua {
color: red;
}
span#loadtime {
color: yellow;
}
</style>
<script src="welcome.js"></script>
</head>
<body link="#44f" vlink="#c4c" background="90s-bg.png">
<h1>Welcome to the Serenity Browser!</h1>
<p>This is a very simple browser built on the LibWeb and LibJS engines.</p>
@ -38,6 +46,9 @@ span#loadtime {
<p>This page loaded in <b><span id="loadtime"></span></b> ms</p>
<p>Some small test pages:</p>
<ul>
<li><a href="border-radius.html">Border-Radius</a></li>
<li><a href="custom-properties.html">Custom Properties</a></li>
<li><a href="flex.html">Flexboxes</a></li>
<li><a href="mandelbrot-wasm.html">WebAssembly Mandelbrot Rendering Demo</a></li>
<li><a href="ddssuite.html">DDS test suite</a></li>
<li><a href="websocket.html">WebSocket API Test</a></li>
@ -123,4 +134,5 @@ span#loadtime {
document.getElementById("loadtime").innerHTML = performance.now();
</script>
</body>
</html>