summaryrefslogtreecommitdiff
path: root/Base/res/html/misc/welcome.html
blob: fdaafa49726229bdcb51d5c00db5066242258795 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!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
   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>
</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>
    <p>Your user agent is: <b><span id="ua"></span></b></p>
    <p>This page loaded in <b><span id="loadtime"></span></b> ms</p>
    <p>Some small test pages:</p>
    <ul>
        <li><a href="justify-content.html">Flexbox justify-content</a></li>
        <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>
        <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>
        <li><a href="cookie.html">document.cookie</a></li>
        <li><a href="last-of-type.html">CSS :last-of-type selector</a></li>
        <li><a href="first-of-type.html">CSS :first-of-type selector</a></li>
        <li><a href="background-repeat-test.html">background image with repetition rules</a></li>
        <li><a href="link-over-zindex-block.html">link elements with background box placed with z-index</a></li>
        <li><a href="contenteditable.html">contenteditable</a></li>
        <li><a href="clear-1.html">clearing floats</a></li>
        <li><a href="float-1.html">floating boxes</a></li>
        <li><a href="float-3.html">floating boxes with overflow=hidden</a></li>
        <li><a href="padding-inline.html">inline elements with padding</a></li>
        <li><a href="event-bubbling-and-multiple-listeners.html">event bubbling and multiple listeners</a></li>
        <li><a href="button.html">button</a></li>
        <li><a href="radio.html">radio button</a></li>
        <li><a href="checkbox.html">checkbox</a></li>
        <li><a href="canvas-rotate.html">canvas rotate()</a></li>
        <li><a href="margin-collapse-2.html">margin collapsing 2</a></li>
        <li><a href="margin-collapse-1.html">margin collapsing 1</a></li>
        <li><a href="position-absolute-from-edges.html">position: absolute, offset from edges</a></li>
        <li><a href="svg.html">svg element</a></li>
        <li><a href="iframe.html">iframe</a></li>
        <li><a href="many-buggies.html">many buggies</a></li>
        <li><a href="bmpsuite.html">BMP test suite</a></li>
        <li><a href="jpg.html">JPG Images</a></li>
        <li><a href="gifsuite.html">GIF test suite</a></li>
        <li><a href="palette.html">system palette color css extension</a></li>
        <li><a href="inline-block-link.html">link inside display: inline-block</a></li>
        <li><a href="set-interval.html">setInterval() test</a></li>
        <li><a href="html-escape-test.html">html character escape test</a></li>
        <li><a href="location.html">window.location property</a></li>
        <li><a href="percent-css.html">CSS percentage values</a></li>
        <li><a href="inline-block.html">display: inline-block; test</a></li>
        <li><a href="canvas-path-quadratic-curve.html">canvas path quadratic curve test</a></li>
        <li><a href="canvas-path-rect.html">canvas path rect test</a></li>
        <li><a href="pngsuite_siz_png.html">pngsuite odd sizes test</a></li>
        <li><a href="pngsuite_bas_png.html">pngsuite basic formats test</a></li>
        <li><a href="pngsuite_int_png.html">pngsuite interlacing test</a></li>
        <li><a href="canvas-path.html">canvas path house!</a></li>
        <li><a href="img-canvas.html">canvas drawImage() test</a></li>
        <li><a href="trigonometry.html">canvas + trigonometry functions</a></li>
        <li><a href="qsa.html">querySelectorAll test</a></li>
        <li><a href="innerHTML.html">innerHTML property test</a></li>
        <li><a href="position-absolute-top-left.html">position: absolute; for top and left</a></li>
        <li><a href="demo.html">fun demo</a></li>
        <li><a href="raf.html">requestAnimationFrame test</a></li>
        <li><a href="canvas.html">canvas 2D test</a></li>
        <li><a href="events.html">simple DOM events test</a></li>
        <li><a href="dom.html">simple DOM JS test</a></li>
        <li><a href="alert.html">alert() test</a></li>
        <li><a href="small.html">small</a></li>
        <li><a href="first-child.html">:first-child</a></li>
        <li><a href="last-child.html">:last-child</a></li>
        <li><a href="only-child.html">:only-child</a></li>
        <li><a href="nth-child.html">:nth-child</a></li>
        <li><a href="nth-last-child.html">:nth-last-child</a></li>
        <li><a href="empty.html">:empty</a></li>
        <li><a href="root.html">:root</a></li>
        <li><a href="not-selector.html">:not</a></li>
        <li><a href="form.html">form</a></li>
        <li><a href="borders.html">borders</a></li>
        <li><a href="css.html">css</a></li>
        <li><a href="acid1.html">acid1</a></li>
        <li><a href="acid2.html">acid2</a></li>
        <li><a href="attrselectors.html">attribute selectors</a></li>
        <li><a href="lorem.html">lorem ipsum</a></li>
        <li><a href="phint.html">presentational hints</a></li>
        <li><a href="images.html">images</a></li>
        <li><a href="selectors.html">selectors</a></li>
        <li><a href="link.html">link element</a></li>
        <li><a href="blink.html">blink element</a></li>
        <li><a href="br.html">br element</a></li>
        <li><a href="hover.html">hover element</a></li>
        <li><a href="afrag.html">links with fragments</a></li>
        <li><a href="bmfw.html">better mother fricken website</a></li>
        <li><a href="http://bettermotherfuckingwebsite.com/">bettermotherfuckingwebsite</a></li>
        <li><a href="http://serenityos.org/">serenityos.org</a></li>
        <li><a href="pbmsuite.html">PBM test suite</a></li>
        <li><a href="pgmsuite.html">PGM test suite</a></li>
        <li><a href="ppmsuite.html">PPM test suite</a></li>
    </ul>
    <script>
        document.getElementById("loadtime").innerHTML = performance.now();
    </script>
</body>

</html>