diff options
| author | Tobias Christiansen <tobi@tobyase.de> | 2021-07-04 17:21:43 +0200 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2021-07-04 22:17:03 +0200 |
| commit | 36a420a6a66d61a63de00a06c350637222a8f62d (patch) | |
| tree | 420dd26042d70e6b55bba3884acc9a5dbef6411f | |
| parent | e18e2af826dd2085a976783a1269abdd290e6142 (diff) | |
| download | serenity-36a420a6a66d61a63de00a06c350637222a8f62d.zip | |
Browser: Add Test-Page for lists
This test page showcases all our supported ol and ul list-styles.
| -rw-r--r-- | Base/res/html/misc/lists.html | 180 | ||||
| -rw-r--r-- | Base/res/html/misc/welcome.html | 1 |
2 files changed, 181 insertions, 0 deletions
diff --git a/Base/res/html/misc/lists.html b/Base/res/html/misc/lists.html new file mode 100644 index 0000000000..1c72a0b392 --- /dev/null +++ b/Base/res/html/misc/lists.html @@ -0,0 +1,180 @@ +<!DOCTYPE html> +<html> + +<head> + <title>Lists Tests</title> +</head> + +<body> + <h1>Lists Tests</h1> + <h2>ul</h2> + <p>default</p> + <ul> + <li>Entry one</li> + <li>Another entry</li> + </ul> + + <p>list-style: disc</p> + <ul style="list-style: disc;"> + <li>Entry one</li> + <li>Another entry</li> + </ul> + + <p>list-style: square</p> + <ul style="list-style: square;"> + <li>Entry one</li> + <li>Another entry</li> + </ul> + + <p>list-style: circle</p> + <ul style="list-style: circle;"> + <li>Entry one</li> + <li>Another entry</li> + </ul> + + <h2>ol</h2> + <p>default</p> + <ol> + <li>First</li> + <li>Second</li> + <li>Third</li> + </ol> + + <p>list-style: decimal</p> + <ol style="list-style: decimal;"> + <li>First</li> + <li>Second</li> + <li>Third</li> + </ol> + + <p>list-style: decimal-leading-zero</p> + <ol style="list-style: decimal-leading-zero;"> + <li>First</li> + <li>Second</li> + <li>Third</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + </ol> + + <p>list-style: lower-alpha</p> + <ol style="list-style: lower-alpha;"> + <li>First</li> + <li>Second</li> + <li>Third</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + </ol> + + <p>list-style: upper-alpha</p> + <ol style="list-style: upper-alpha;"> + <li>First</li> + <li>Second</li> + <li>Third</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + </ol> + + <p>list-style: upper-roman</p> + <ol style="list-style: upper-roman;"> + <li>First</li> + <li>Second</li> + <li>Third</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + </ol> + + <p>list-style: lower-roman</p> + <ol style="list-style: lower-roman;"> + <li>First</li> + <li>Second</li> + <li>Third</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + <li>Another Entry</li> + </ol> + +</body> + +</html> diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html index ef7ce95b87..a241a316b2 100644 --- a/Base/res/html/misc/welcome.html +++ b/Base/res/html/misc/welcome.html @@ -46,6 +46,7 @@ <p>This page loaded in <b><span id="loadtime"></span></b> ms</p> <p>Some small test pages:</p> <ul> + <li><a href="lists.html">Lists</a></li> <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> |