diff options
| author | Andreas Kling <kling@serenityos.org> | 2020-06-17 17:28:18 +0200 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2020-06-17 20:09:44 +0200 |
| commit | de12cf6821679c900ced1c8164741bfefbde97b0 (patch) | |
| tree | 990d7f303ee79c33881881b0e8c210e22b5848d2 /Base/home/anon | |
| parent | 4720635aabc06e3ad24bae8a3b08afe6bdb00ae7 (diff) | |
| download | serenity-de12cf6821679c900ced1c8164741bfefbde97b0.zip | |
Base: Move all the HTML test content into /res/html/misc
Diffstat (limited to 'Base/home/anon')
58 files changed, 1 insertions, 1595 deletions
diff --git a/Base/home/anon/Browser.ini b/Base/home/anon/Browser.ini index fb8a443d70..f3211ec1d6 100644 --- a/Base/home/anon/Browser.ini +++ b/Base/home/anon/Browser.ini @@ -1,2 +1,2 @@ [Preferences] -Home=file:///home/anon/www/welcome.html +Home=file:///res/html/misc/welcome.html diff --git a/Base/home/anon/www/90s-bg.png b/Base/home/anon/www/90s-bg.png Binary files differdeleted file mode 100644 index b7a0b97cd0..0000000000 --- a/Base/home/anon/www/90s-bg.png +++ /dev/null diff --git a/Base/home/anon/www/acid1.html b/Base/home/anon/www/acid1.html deleted file mode 100644 index 78c0f07a62..0000000000 --- a/Base/home/anon/www/acid1.html +++ /dev/null @@ -1 +0,0 @@ -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>
display/box/float/clear test
</title>
<style type="text/css">
/* last modified: 1 Dec 98 */
html {
font: 10px/1 Verdana, sans-serif;
background-color: blue;
color: white;
}
body {
margin: 1.5em;
border: .5em solid black;
padding: 0;
width: 48em;
background-color: white;
}
dl {
margin: 0;
border: 0;
padding: .5em;
}
dt {
background-color: rgb(204,0,0);
margin: 0;
padding: 1em;
width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
height: 28em;
border: .5em solid black;
float: left;
}
dd {
float: right;
margin: 0 0 0 1em;
border: 1em solid black;
padding: 1em;
width: 34em;
height: 27em;
}
ul {
margin: 0;
border: 0;
padding: 0;
}
li {
display: block; /* i.e., suppress marker */
color: black;
height: 9em;
width: 5em;
margin: 0;
border: .5em solid black;
padding: 1em;
float: left;
background-color: #FC0;
}
#bar {
background-color: black;
color: white;
width: 41.17%; /* = 14em */
border: 0;
margin: 0 1em;
}
#baz {
margin: 1em 0;
border: 0;
padding: 1em;
width: 10em;
height: 10em;
background-color: black;
color: white;
}
form {
margin: 0;
display: inline;
}
p {
margin: 0;
}
form p {
line-height: 1.9;
}
blockquote {
margin: 1em 1em 1em 2em;
border-width: 1em 1.5em 2em .5em;
border-style: solid;
border-color: black;
padding: 1em 0;
width: 5em;
height: 9em;
float: left;
background-color: #FC0;
color: black;
}
address {
font-style: normal;
}
h1 {
background-color: black;
color: white;
float: left;
margin: 1em 0;
border: 0;
padding: 1em;
width: 10em;
height: 10em;
font-weight: normal;
font-size: 1em;
}
</style>
</head>
<body>
<dl>
<dt>
toggle
</dt>
<dd>
<ul>
<li>
the way
</li>
<li id="bar">
<p>
the world ends
</p>
<form action="./" method="get">
<p>
bang
<input type="radio" name="foo" value="off">
</p>
<p>
whimper
<input type="radio" name="foo2" value="on">
</p>
</form>
</li>
<li>
i grow old
</li>
<li id="baz">
pluot?
</li>
</ul>
<blockquote>
<address>
bar maids,
</address>
</blockquote>
<h1>
sing to me, erbarme dich
</h1>
</dd>
</dl>
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this
<a href="sec5526c.gif">reference rendering,</a>
(except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the <A HREF="sec5526c.htm">parent page</A>.
</p>
</body>
</html>
\ No newline at end of file diff --git a/Base/home/anon/www/acid2.html b/Base/home/anon/www/acid2.html deleted file mode 100644 index b6432099e4..0000000000 --- a/Base/home/anon/www/acid2.html +++ /dev/null @@ -1,145 +0,0 @@ -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> -<html> - <head> - <title>The Second Acid Test</title> - <style type="text/css"> - /* section numbers refer to CSS2.1 */ - - /* page setup */ - html { font: 12px sans-serif; margin: 0; padding: 0; overflow: hidden; /* hides scrollbars on viewport, see 11.1.1:3 */ background: white; color: red; } - body { margin: 0; padding: 0; } - - /* introduction message */ - .intro { font: 2em sans-serif; margin: 3.5em 2em; padding: 0.5em; border: solid thin; background: white; color: black; position: relative; z-index: 2; /* should cover the black and red bars that are fixed-positioned */ } - .intro * { font: inherit; margin: 0; padding: 0; } - .intro h1 { font-size: 1em; font-weight: bolder; margin: 0; padding: 0; } - .intro :link { color: blue; } - .intro :visited { color: purple; } - - /* picture setup */ - #top { margin: 100em 3em 0; padding: 2em 0 0 .5em; text-align: left; font: 2em/24px sans-serif; color: navy; white-space: pre; } /* "Hello World!" text */ - .picture { position: relative; border: 1em solid transparent; margin: 0 0 100em 3em; } /* containing block for face */ - .picture { background: red; } /* overriden by preferred stylesheet below */ - - /* top line of face (scalp): fixed positioning and min/max height/width */ - .picture p { position: fixed; margin: 0; padding: 0; border: 0; top: 9em; left: 11em; width: 140%; max-width: 4em; height: 8px; min-height: 1em; max-height: 2mm; /* min-height overrides max-height, see 10.7 */ background: black; border-bottom: 0.5em yellow solid; } - - /* bits that shouldn't be part of the top line (and shouldn't be visible at all): HTML parsing, "+" combinator, stacking order */ - .picture p.bad { border-bottom: red solid; /* shouldn't matter, because the "p + table + p" rule below should match it too, thus hiding it */ } - .picture p + p { background: maroon; z-index: 1; } /* shouldn't match anything */ - .picture p + table + p { margin-top: 3em; /* should end up under the absolutely positioned table below, and thus not be visible */ } - - /* second line of face: attribute selectors, float positioning */ - [class~=one].first.one { position: absolute; top: 0; margin: 36px 0 0 60px; padding: 0; border: black 2em; border-style: none solid; /* shrink wraps around float */ } - [class~=one][class~=first] [class=second\ two][class="second two"] { float: right; width: 48px; height: 12px; background: yellow; margin: 0; padding: 0; } /* only content of abs pos block */ - - /* third line of face: width and overflow */ - .forehead { margin: 4em; width: 8em; border-left: solid black 1em; border-right: solid black 1em; background: red url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC); /* that's a 1x1 yellow pixel PNG */ } - .forehead * { width: 12em; line-height: 1em; } - - /* class selectors headache */ - .two.error.two { background: maroon; } /* shouldn't match */ - .forehead.error.forehead { background: red; } /* shouldn't match */ - [class=second two] { background: red; } /* this should be ignored (invalid selector -- grammar says it only accepts IDENTs or STRINGs) */ - - /* fourth and fifth lines of face, with eyes: paint order test (see appendix E) and fixed backgrounds */ - /* the two images are identical: 2-by-2 squares with the top left - and bottom right pixels set to yellow and the other two set to - transparent. Since they are offset by one pixel from each other, - the second one paints exactly over the transparent parts of the - first one, thus creating a solid yellow block. */ - .eyes { position: absolute; top: 5em; left: 3em; margin: 0; padding: 0; background: red; } - #eyes-a { height: 0; line-height: 2em; text-align: right; } /* contents should paint top-most because they're inline */ - #eyes-a object { display: inline; vertical-align: bottom; } - #eyes-a object[type] { width: 7.5em; height: 2.5em; } /* should have no effect since that object should fallback to being inline (height/width don't apply to inlines) */ - #eyes-a object object object { border-right: solid 1em black; padding: 0 12px 0 11px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAABnRSTlMAAAAAAABupgeRAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVORK5CYII%3D) fixed 1px 0; } - #eyes-b { float: left; width: 10em; height: 2em; background: fixed url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAABnRSTlMAAAAAAABupgeRAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVORK5CYII%3D); border-left: solid 1em black; border-right: solid 1em red; } /* should paint in the middle layer because it is a float */ - #eyes-c { display: block; background: red; border-left: 2em solid yellow; width: 10em; height: 2em; } /* should paint bottom most because it is a block */ - - /* lines six to nine, with nose: auto margins */ - .nose { float: left; margin: -2em 2em -1em; border: solid 1em black; border-top: 0; min-height: 80%; height: 60%; max-height: 3em; /* percentages become auto (see 10.5 and 10.7) and intrinsic height is more than 3em, so 3em wins */ padding: 0; width: 12em; } - .nose > div { padding: 1em 1em 3em; height: 0; background: yellow; } - .nose div div { width: 2em; height: 2em; background: red; margin: auto; } - .nose :hover div { border-color: blue; } - .nose div:hover :before { border-bottom-color: inherit; } - .nose div:hover :after { border-top-color: inherit; } - .nose div div:before { display: block; border-style: none solid solid; border-color: red yellow black yellow; border-width: 1em; content: ''; height: 0; } - .nose div :after { display: block; border-style: solid solid none; border-color: black yellow red yellow; border-width: 1em; content: ''; height: 0; } - - /* between lines nine and ten: margin collapsing with 'float' and 'clear' */ - .empty { margin: 6.25em; height: 10%; /* computes to auto which makes it empty per 8.3.1:7 (own margins) */ } - .empty div { margin: 0 2em -6em 4em; } - .smile { margin: 5em 3em; clear: both; /* clearance is negative (see 8.3.1 and 9.5.1) */ } - - /* line ten and eleven: containing block for abs pos */ - .smile div { margin-top: 0.25em; background: black; width: 12em; height: 2em; position: relative; bottom: -1em; } - .smile div div { position: absolute; top: 0; right: 1em; width: auto; height: 0; margin: 0; border: yellow solid 1em; } - - /* smile (over lines ten and eleven): backgrounds behind borders, inheritance of 'float', nested floats, negative heights */ - .smile div div span { display: inline; margin: -1em 0 0 0; border: solid 1em transparent; border-style: none solid; float: right; background: black; height: 1em; } - .smile div div span em { float: inherit; border-top: solid yellow 1em; border-bottom: solid black 1em; } /* zero-height block; width comes from (zero-height) child. */ - .smile div div span em strong { width: 6em; display: block; margin-bottom: -1em; /* should have no effect, since parent has top&bottom borders, so this margin doesn't collapse */ } - - /* line twelve: line-height */ - .chin { margin: -4em 4em 0; width: 8em; line-height: 1em; border-left: solid 1em black; border-right: solid 1em black; background: yellow url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAAAAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D) /* 64x64 red square */ no-repeat fixed /* shouldn't be visible unless the smiley is moved to the top left of the viewport */; } - .chin div { display: inline; font: 2px/4px serif; } - - /* line thirteen: cascade and selector tests */ - .parser-container div { color: maroon; border: solid; color: orange; } /* setup */ - div.parser-container * { border-color: black; /* overrides (implied) border-color on previous line */ } /* setup */ - * div.parser { border-width: 0 2em; /* overrides (implied) declarations on earlier line */ } /* setup */ - - /* line thirteen continued: parser tests */ - .parser { /* comment parsing test -- comment ends before the end of this line, the backslash should have no effect: \*/ } - .parser { margin: 0 5em 1em; padding: 0 1em; width: 2em; height: 1em; error: \}; background: yellow; } /* setup with parsing test */ - * html .parser { background: gray; } - \.parser { padding: 2em; } - .parser { m\argin: 2em; }; - .parser { height: 3em; } - .parser { width: 200; } - .parser { border: 5em solid red ! error; } - .parser { background: red pink; } - - /* line fourteen (last line of face): table */ - ul { display: table; padding: 0; margin: -1em 7em 0; background: red; } - ul li { padding: 0; margin: 0; } - ul li.first-part { display: table-cell; height: 1em; width: 1em; background: black; } - ul li.second-part { display: table; height: 1em; width: 1em; background: black; } /* anonymous table cell wraps around this */ - ul li.third-part { display: table-cell; height: 0.5em; /* gets stretched to fit row */ width: 1em; background: black; } - ul li.fourth-part { list-style: none; height: 1em; width: 1em; background: black; } /* anonymous table cell wraps around this */ - - /* bits that shouldn't appear: inline alignment in cells */ - .image-height-test { height: 10px; overflow: hidden; font: 20em serif; } /* only the area between the top of the line box and the top of the image should be visible */ - table { margin: 0; border-spacing: 0; } - td { padding: 0; } - - </style> - <link rel="appendix stylesheet" href="data:text/css,.picture%20%7B%20background%3A%20none%3B%20%7D"> <!-- this stylesheet should be applied by default --> - </head> - <body> - <div class="intro"> - <h1>Standards compliant?</h1> - <p><a href="#top">Take The Acid2 Test</a> and compare it to <a - href="reference.html">the reference rendering</a>.</p> - </div> - <h2 id="top">Hello World!</h2> - <div class="picture"> - <p><table><tr><td></table><p class="bad"> <!-- <table> closes <p> per the HTML4 DTD --> - <blockquote class="first one"><address class="second two"></address></blockquote> - <div class="forehead"><div> </div></div> - <div class="eyes"><div id="eyes-a"><object data="data:application/x-unknown,ERROR"><object data="http://www.damowmow.com/404/" type="text/html"><object data="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAFy7sgCAAAGsUlEQVRo3u2ZbWwcZxHHf3s%2B7LNbO3ZjXBtowprGODRX0qpNQCjmJKuVKhMl1P2AkCwhFOIKkCBSm9IXavGFKAixIAECwkmWo5MrhRI3Ub40IEwQgp6aIDg3Cd6eEqyIHEteah%2B1E69vhw%2BZtTaX8704ZzkKjHS6271nZ56ZZ%2BY%2F%2F%2BdZKF%2FCwYshx3EkkggLsD1v4FQkEZZYLCbAKyG9%2Ba9EIsG6hnUAf8x74K3aUC3j4%2BM54HcsR2oAIomwZOezkv%2FnSHpYNh%2BNCmAE7xv94zvFdd1bHsjMZmQkPSxAJP%2B%2FfuBLwK54PC7JZFKAVJmzXLBt2w%2FMvcDLwIb8QS8CeJ4nkURYIomw7J%2FYJ8BvSiiXptGGxWds2%2Fa9%2Bnaxh%2BYAD%2Bgt04NDgABTpQY2cvvSFLzw86gWeBVwC8SzlOSv2YeBPfmDBoBHgKmR9LBEEmHZfDTqGykqfkUE0nA78BzQGfSgUeP3wNeTXwXg7MwZDhw4UHL6ra2ti79%2FOvljgG8AZ4H64Lhm4MvAocxsRppGG%2FxcXihlwLIs6R%2FfKV2HO%2F26uA94pdDYUKUZUU7W1RQYXA98Gnhaf5%2FXWX0HeAHYoQonqa4sZSOsSWMCWeC9Yko%2BCQwBe4E6oNc0Tc91XTl1%2BaTsn9gnI%2Blhyc5nZWxsrBIkKSbl2tiic3tW53YDEwOKaoFBrcOfqKee53lG9xsPMjV784r%2F4lO%2FpPvyJ9iyZcuvFSaXK5XYeAZ4CDgGvB3MS4B54LQuWYPeuy4iRFsevsXqpuYoqVQKIH2bK1CuDQNo11o4XUzh%2FcDWYIe1LEtyuZx4niee54njOGKapgfsqlL%2Bl2OjEXg8nxrc1dJ0h3hbtL%2BGCtz7KPBF4CuBe9uB15VafE8hr9qylI3HgG8C2%2FK7VyHZoJj7MrBRm30qFotJMpkU27YlHo%2F7Ha5a%2BV%2FKRkSJ4KuKRLVLKapTjB1SzAVIjY2NSXY%2BKyPpYdk%2FsU9OXT4pruv6BdZbBQfKsVGnvWlIe1VB6VQO8JxC1vZYLCbZ%2BaxsPhpdZDyRRFhG0sPiOE6ldKBg2lRg4xF1YCDIIIKN7DGgD3gH%2BBXwejKZfPrs2tPs%2FvPN2bKuYR1nd7xLKBSSJeqoXKnERjPwNWAG%2BLn2rZuM%2B4Tpml6vaWlp4eLcxVusZq5lCgVgOVKJjRqdX86ffL4D5wIoZACnTpw4wRMdT96i%2FImOJxERAs4uVyqxUacF%2FPdiCj%2BjdRBRGFtwXVdG0sPSdbhTmkYbpH98p2RmM2JZlig1vl0GWo4NQ%2Fn%2Bs5pKRXfwjweaxy7TND3HcRZbfC6X8xVPVQlGy7WxVWlO5XRXFXm6EZmrQuSXYyPE3SiVoEhE6Wyr0u2rumO6zv%2B21AFdQAswC1wCMuUCXCmyWQus103Qg8qlDO0lxwOb%2Fl4FiK3AB3VS%2FuKKLtK%2FgbeAnwG%2FvUODuRw%2FFrR0H1UC75fwu8oJ%2FhFsW5VIG%2FBUgEIN6Y65O4AHu4Ap0zQ9y7LEcZyb9lRBUHQcRyzL8unZVBW5bFWAvAp%2BhDQ2g4F47dUYtlU6obXA54DnVdFLekjUGGifh4AFy7LEdV3xj3X9I66m0QZpGm2QrsOd0j%2B%2BU0bSw5KZzYjrun6HWlAd961i4FfCj0aN1Usau%2Bc1lmuXPFwvAEumUut7tQQvAb%2FXb%2FT0bCAej9cODg7yt%2Bm%2F8q2%2F7OUHZ76PnZ1k2p0mJzlykmPancbOTnL0whHs7CQfb%2B5mx2d3sH79%2BtCRI0c6FeaOr9ICrIQfLvA%2B8BGNXxi4R6HrisJVUWrxAVW2oMFf0Aczim8o3kV6enowDIPjF9%2Fk%2BMU3S3rrjzMMg56eHr%2BxP7qKFbASfojG6kpeDGs1tiW53RxwWT%2Bin5q8w4xpQK5evQpAR30H7ZH2khNvj7TTUd8BgD4rqmu1ZKX8qNeY%2BfHz4zlXDgT5E8tpCTUq7XSBC4Euv8227TV9fX1E73%2BYtvo27BmbS9cvFVTY3bSRFza9yOcf6Gfmygy7d%2B%2Fm%2FPnzF4DvrsBLhnJlJfwIKXxv1PheAE4qK6p4H9AGbNKTuhngBPBPXYRe4IemaT5kWZbR19fHNbmGnZ1k4r3U4glDR30Hm5qjbGjsImJEOHbsGHv27JFz5869o0eFq01Jq%2BmHAXwI6FFKagMTgHM7GzFDS%2BoeLSMv7zjzC9x4Y7gxFovVDAwMEI1GaWlpWSzRVCrFwYMH%2FXfxZ4AfAa8B%2F7lDaGg1%2FQgp43lfK0yqtRMuJa3ceKe5DfgYsCYAZ2ngD8CfAkzqTpW7xY%2F%2FSznyX%2FVeUb2kVmX4AAAAAElFTkSuQmCC">ERROR</object></object></object></div><div id="eyes-b"></div><div id="eyes-c"></div></div> <!-- that's a PNG with 8bit alpha containing two eyes --> - <div class="nose"><div><div></div></div></div> - <div class="empty"><div></div></div> - <div class="smile"><div><div><span><em><strong></strong></em></span></div></div></div> - <div class="chin"><div> </div></div> - <div class="parser-container"><div class="parser"><!-- ->ERROR<!- --></div></div> <!-- two dashes is what delimits a comment, so the text "->ERROR<!-" earlier on this line is actually part of a comment --> - <ul> - <li class="first-part"></li> - <li class="second-part"></li> - <li class="third-part"></li> - <li class="fourth-part"></li> - </ul> - <div class="image-height-test"><table><tr><td><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAAAAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D" alt=""></td></tr></table></div> - </div> - </body> -</html>
\ No newline at end of file diff --git a/Base/home/anon/www/afrag.html b/Base/home/anon/www/afrag.html deleted file mode 100644 index cf60bc5b0e..0000000000 --- a/Base/home/anon/www/afrag.html +++ /dev/null @@ -1,23 +0,0 @@ -<html> - <head><title>a#hash test</title></head> - <body> - <ul> - <li><a href="#section1">Section 1</a></li> - <li><a href="#section2">Section 2</a></li> - <li><a href="#section3">Section 3</a></li> - <li><a href="#section4">Section 4</a></li> - </ul> - <h1><a name="section1">Section 1</a></h1> - <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> - <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> - <h1><a name="section2">Section 2</a></h1> - <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> - <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> - <h1><a name="section3">Section 3</a></h1> - <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> - <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> - <h1><a name="section4">Section 4</a></h1> - <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> - <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> - </body> -</html> diff --git a/Base/home/anon/www/alert.html b/Base/home/anon/www/alert.html deleted file mode 100644 index fd96efbed4..0000000000 --- a/Base/home/anon/www/alert.html +++ /dev/null @@ -1,10 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <script> - alert("Hello friends!"); - </script> - </head> - <body> - </body> -</html> diff --git a/Base/home/anon/www/attrselectors.html b/Base/home/anon/www/attrselectors.html deleted file mode 100644 index f1fd66626c..0000000000 --- a/Base/home/anon/www/attrselectors.html +++ /dev/null @@ -1,24 +0,0 @@ -<html> - <head> - <title>CSS attribute selector test</title> - <style type="text/css"> - [hello=friends] { - background-color: #f0f; - color: white; - } - div[id="foo"] { - background-color: blue; - color: #fff; - } - div[cool] { - background-color: green; - color: #ffffff; - } - </style> - </head> - <body> - <div hello=friends>This div is hello, friends!</div> - <div id="foo">This div has id="foo" and is bloo!</div> - <div cool="">This div has a "cool" attribute and a cool green color.</div> - </body> -</html> diff --git a/Base/home/anon/www/blink.html b/Base/home/anon/www/blink.html deleted file mode 100644 index 529923b485..0000000000 --- a/Base/home/anon/www/blink.html +++ /dev/null @@ -1,5 +0,0 @@ -<html> - <body> - <blink>Hello friends!</blink> - </body> -</html> diff --git a/Base/home/anon/www/bmfw.html b/Base/home/anon/www/bmfw.html deleted file mode 100644 index 01338805ed..0000000000 --- a/Base/home/anon/www/bmfw.html +++ /dev/null @@ -1,15 +0,0 @@ -<!DOCTYPE html><html><head><meta -charset="utf-8"><meta -name="viewport" content="width=device-width, initial-scale=1"><title>Better Motherfucking Website</title><style type="text/css">body{margin:40px -auto;max-width:650px;line-height:1.6;font-size:18px;color:#444;padding:0 -10px}h1,h2,h3{line-height:1.2}</style></head><body><header><h1>This is <em>still</em> a motherfucking website.</h1> -<aside>And it's more fucking perfect than the last guy's.</aside> -</header><h2>Seriously, it takes minimal fucking effort to improve this shit.</h2><p><strong>7 fucking declarations.</strong></p><p>That's how much CSS it took to turn that <a -href="http://motherfuckingwebsite.com/">grotesque pile of shit</a> into this easy-to-read masterpiece. It's so fucking simple and it <em>still</em> has all the glory of the original perfect-ass website:</p><ul><li>Shit's <em>still</em> lightweight and loads fast</li><li><em>Still</em> fits on all your shitty screens</li><li><em>Still</em> looks the same in all your shitty browsers</li><li>The motherfucker's <em>still</em> accessible to every asshole that visits your site</li><li>Shit's <em>still</em> legible and gets your fucking point across</li></ul><h3>And guess what, motherfucker:</h3><p>You never knew it, but it's easy to improve readability on your site. Here's how.</p><h2>Let it breathe</h2><p>Look at lines 1 and 2 of some shitty website you're building. Assuming they're not married they probably shouldn't be humping. The defaults are trash -- pick a minimum <code>line-height: 1.4</code> for body copy. Headings should be tighter. If you can't see that...piss off.</p><p>If your text hits the side of the browser, fuck off forever. You ever see a book like that? Yes? What a shitty book.</p><h2>A little less contrast</h2><p>Black on white? How often do you see that kind of contrast in real life? Tone it down a bit, asshole. I would've even made this site's background a nice <code>#EEEEEE</code> if I wasn't so focused on keeping declarations to a lean 7 fucking lines.</p><h2>Size Matters</h2><p>I know your partner says otherwise, but it's true. Bump that body copy to render close to 16px or more. Smaller type works well for print, not the screen.</p><h2>Line-width, motherfucker</h2><p>Looking at an LCD screen is strainful enough. Don't make me read a line of text that's 200 fucking characters long. Keep it to a nice 60-80 and users might actually read more than one sentence of your worthless dribble.</p><h3>Yes, this is <em>also</em> fucking satire, you fuck</h3><p>I love what the creator of <a -href="http://motherfuckingwebsite.com/">this site's inspiration</a> did. What I'm saying is that it's so, so simple to make sites easier to read. Websites are broken by default, they are functional, high-performing, and accessible, but they're also fucking ugly. You and all the other web designers out there need to make them not total shit.</p><blockquote>"You're a fucking moron if you use default browser styles." -<br> -- Eleanor Roosevelt</blockquote><hr><h2>Epilogue</h2><p>Inspired by the geniuses behind <a -href="http://motherfuckingwebsite.com/">motherfuckingwebsite.com</a> and <a -href="http://txti.es">txti</a>.</p><p>This page—that isn't a total fucking eyesore—was created by <a -href="https://twitter.com/drew_mc">me</a> with help from <a -href="https://twitter.com/gabehammersmith">him</a>. <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create','UA-46163202-2','auto');ga('send','pageview');</script> </body></html> diff --git a/Base/home/anon/www/borders.html b/Base/home/anon/www/borders.html deleted file mode 100644 index 32447b0721..0000000000 --- a/Base/home/anon/www/borders.html +++ /dev/null @@ -1,150 +0,0 @@ -<!DOCTYPE html> -<html> -<head> -<title>CSS borders lookin' good</title> -<style> -div + div { - margin-top: 20px; -} -#foo { - border-top-color: red; - border-right-color: lime; - border-bottom-color: blue; - border-left-color: yellow; - - border-top-width: 40px; - border-right-width: 30px; - border-bottom-width: 20px; - border-left-width: 10px; - - border-top-style: solid; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; -} -#bar { - border: 30px solid orange; -} -#bene { - border: solid; -} -#salvete { - border: 30px; - border-color: grey; - border-style: solid; -} -#amici { - border: aquamarine; - border-width: 30px; - border-style: solid; -} -#resetting { - border: 100px; - border: orange; - border: solid; -} -#three-px-solid-blue-separate { - border-width: 3px; - border-style: solid; - border-color: blue; -} -#three-px-solid-blue { - border: 3px solid blue; -} -#foo-but-actually-resetted { - border-top-color: red; - border-right-color: lime; - border-bottom-color: blue; - border-left-color: yellow; - - border-top-width: 40px; - border-right-width: 30px; - border-bottom-width: 20px; - border-left-width: 10px; - - border-top-style: solid; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; - - border: solid; -} -#double-width { - border: 50px 100px solid red; -} -#double-style { - border: 50px solid dotted red; -} -#double-color { - border: 50px solid red blue; -} -#double-width-solo { - border: 50px 100px; -} -#double-style-solo { - border: solid dotted; -} -#double-color-solo { - border: red blue; -} -#dotted-1px { - border: 1px dotted blue; -} -#dotted-5px { - border: 5px dotted blue; -} -#dotted-20px { - border: 20px dotted blue; -} -#dashed-1px { - border: 1px dashed blue; -} -#dashed-5px { - border: 5px dashed blue; -} -#dashed-20px { - border: 20px dashed blue; -} -#mixed { - border-top-width: 20px; - border-top-style: dashed; - border-top-color: red; - - border-left-width: 5px; - border-left-style: solid; - border-left-color: blue; - - border-bottom-width: 10px; - border-bottom-style: dotted; - border-bottom-color: lime; - - border-right-width: 10px; - border-right-style: inset; -} -</style> -</head> -<body> -<div id="foo">One day at a time!</div> -<div id="bar">Another day at another time!</div> -<div id="bene">bene</div> -<div id="salvete">salvete</div> -<div id="amici">amici</div> -<div id="resetting">resetting</div> -<div id="three-px-solid-blue-separate">three px solid blue separate</div> -<div id="three-px-solid-blue">three px solid blue</div> -<div id="foo-but-actually-resetted">foo but actually resetted</div> -<div id="double-width">double width</div> -<div id="double-style">double style</div> -<div id="double-color">double color</div> -<div id="double-width-solo">double width solo</div> -<div id="double-style-solo">double style solo</div> -<div id="double-color-solo">double color solo</div> -<div id="dotted-1px">dotted (1px)</div> -<div id="dotted-5px">dotted (5px)</div> -<div id="dotted-20px">dotted (20px)</div> -<div id="dashed-1px">dashed (1px)</div> -<div id="dashed-5px">dashed (5px)</div> -<div id="dashed-20px">dashed (20px)</div> -<div id="mixed">mixed</div> -</body> -</html> diff --git a/Base/home/anon/www/br.html b/Base/home/anon/www/br.html deleted file mode 100644 index 0af2d1eb56..0000000000 --- a/Base/home/anon/www/br.html +++ /dev/null @@ -1,14 +0,0 @@ -<html> - <head><title>BR element test</title></head> - <body> - Hello world<br> - This is<br><br> - a test page<br> - for<br> - the<br> - <br> - BR element! - <br><br><br><br> - Does it work? - </body> -</html> diff --git a/Base/home/anon/www/canvas-path-quadratic-curve.html b/Base/home/anon/www/canvas-path-quadratic-curve.html deleted file mode 100644 index 0985f97184..0000000000 --- a/Base/home/anon/www/canvas-path-quadratic-curve.html +++ /dev/null @@ -1,56 +0,0 @@ -<!DOCTYPE html> -<html> -<head> -<title>canvas path - quadratic curve example</title> -</head> -<body> -<canvas width=500 height=500></canvas> -<script> - -function drawSomeCurves() { - -var canvas = document.querySelector("canvas"); -var ctx = canvas.getContext("2d"); -var x = 150; -var y = 150; - -canvas.addEventListener("mousedown", function(e) { - x = e.offsetX; - y = e.offsetY; -}); - -canvas.addEventListener("mousemove", function(e) { - ctx.beginPath(); - ctx.fillStyle = 'white'; - ctx.fillRect(0, 0, 500, 500); - - ctx.strokeStyle = 'red'; - - ctx.lineWidth = 1; - - ctx.fillRect(0, 0, 500, 500); - - ctx.moveTo(0, 0); - ctx.quadraticCurveTo(e.offsetX, e.offsetY, x, y); - ctx.stroke(); - - ctx.moveTo(30, 90); - ctx.lineTo(110, 20); - ctx.lineTo(240, 130); - ctx.lineTo(60, 130); - ctx.lineTo(190, 20); - ctx.lineTo(270, 90); - ctx.closePath(); - - // Fill path - ctx.fillStyle = 'green'; - ctx.fill('evenodd'); -}); - -} - -drawSomeCurves(); - -</script> -</body> -</html> diff --git a/Base/home/anon/www/canvas-path.html b/Base/home/anon/www/canvas-path.html deleted file mode 100644 index b44c7d655f..0000000000 --- a/Base/home/anon/www/canvas-path.html +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html> -<html> -<head> -<title>canvas path example</title> -</head> -<body> -<canvas width=300 height=300></canvas> -<script> - -function drawHouse() { - -var ctx = document.querySelector("canvas").getContext("2d"); -ctx.fillStyle = 'black'; -ctx.fillRect(0, 0, 300, 300); - -ctx.fillStyle = 'white'; -ctx.strokeStyle = 'red'; - -// Set line width -ctx.lineWidth = 10; - -// Wall -ctx.strokeRect(75, 140, 150, 110); - -// Door -ctx.fillRect(130, 190, 40, 60); - -// Roof -ctx.beginPath(); -ctx.moveTo(50, 140); -ctx.lineTo(150, 60); -ctx.lineTo(250, 140); -ctx.closePath(); -ctx.stroke(); - -} - -drawHouse(); - -</script> -</body> -</html> diff --git a/Base/home/anon/www/canvas.html b/Base/home/anon/www/canvas.html deleted file mode 100644 index 8d277ae9b8..0000000000 --- a/Base/home/anon/www/canvas.html +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html> -<html> -<head> -<title>Canvas 2D test!</title> -<style type="text/css"> -body { - background-color: #000; - color: #fff; /* another css comment */ -} -canvas { - border-width: 1px; - border-style: solid; - border-color: #fff; -} -</style> -<script> - document.addEventListener("DOMContentLoaded", function() { - ctx = document.getElementById("foo").getContext("2d"); - - var width = 200; - var height = 100; - for (var i = 0; i < 2; i++) - { - ctx.fillStyle = 'red'; - ctx.fillRect(10, 10, width, height); - - ctx.strokeStyle = 'blue'; - ctx.strokeRect(10, 10, width, height); - - ctx.scale(0.5, 0.5); - ctx.translate(10 + width * 2, 10 + height * 2); - } - }); -</script> -</head> -<body link="#44f" vlink="#c4c" background="90s-bg.png"> - <canvas id="foo" width="300" height="200"></canvas> -</body> -</html> diff --git a/Base/home/anon/www/css.html b/Base/home/anon/www/css.html deleted file mode 100644 index 2655fbb181..0000000000 --- a/Base/home/anon/www/css.html +++ /dev/null @@ -1,24 +0,0 @@ -<html> - <head> - <title>CSS test</title> - <style type="text/css"> - #foo { - background-color: #ff0000; - color: #00ffff; - } - #bar { - background-color: #00ff00; - color: #ff00ff; - } - #baz { - background-color: #0000ff; - color: #ffff00; - } - </style> - </head> - <body> - <div id="foo">This is foo</div> - <div id="bar">This is bar</div> - <div id="baz">This is baz</div> - </body> -</html> diff --git a/Base/home/anon/www/data-url.html b/Base/home/anon/www/data-url.html deleted file mode 100644 index 0f6e4988d0..0000000000 --- a/Base/home/anon/www/data-url.html +++ /dev/null @@ -1,8 +0,0 @@ -<html> - <head></head> - <body> - <img src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7"> - <br> - <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFqElEQVRYw9VXa0wUVxT+9gUs+FgoGsHUJdUK1SpsLNKqVKItitJKaAW1tlZSMNHYxvLDGhrdptZHGtukD9tuE2y0gI/Yoq26gqgprI3SdhVLZDWoS2TBF8i6y+zOzJ3bH+4OM/uCUJOmJ5lk7pmZ+333O+eeewb4j00x1BdTyxo195u27cibk7VKoVTHWW6yrEKhiqWgVBAEhvLeu8TrvMH03GzJKtq66ZhxBvtYCMzdeCHhRuN3lQtmTMpftCBf5fd/9lt/yPffmxOLTd8edjnv2ut1hpISmyn7wbAJjEsv3F2QM3PN/HmLlYkJWtFf9ZcHtk43UsfHgQJYkRGNnt5+bK13gSMURKCYbczF8RUb+pjulr19bb++Gw5DHUZulbdt/6mP1q/JGRGjQIJOKwIDQNstN7ycAJeHgOMFcJwaNa0CJibHotXuEudZVP35aIuxbr1mVPIzT2S8udBmyiaDKpBa1qji239uTp5RbBB94+Ng63SDUoDxEjCsACLQQeM725gLALAY69B7+WBz/LSiFwJJBBFIeXFtw5PPr5on9VEK9HsJGC/BEHDDkjm6ZGXdvebvF0j9SlnMMwp3Fx4yz8ssXy76CKHoecjB7Rk+uN9ePfJj7ui0/C9CKjB344WEuJTF99MKR4oPG7dXYcKYGEhxpTEOJbde8yhyds4Ki7Eu6Pn1WoKuiw3x/t2hGpBZqNGO2pXm+P11jJ91GE07quDs53Gnj8VYXRTmPhsPtVIJtVqBsboo3O1jgyYHgD6hGzpVEnSqJLyxSI2M+Wdx7pQBE3L2Qa8xQDn5Nqyfep5mui8dFBV4+cPm6A7rsXtjp+aN8E/U85ADT+iQ4xvK9BoDLpm+RnrZOtg5q6jOmUN/oOtiQ7TNlM0qAcB6ePO2MVMGwL2cMGxwqezVFTvRanfBzllFn52z4qkCFbpOf7xVrANRugnTKAUUCiDXkAi3h+Cqww0A0K2eFTRxOAt8J5Dc9OiFIpmoeH26uAuU0aNS/PudJxTa/LeRXrYubMJFkj5SOMR8EwBV9MgUUQGlJmYcANg63VAWzQHPeQddcTigSPaLazsAgO2jmPTKl5NvN/kIKJQqLQUFIcC9yjMAgKl6+JInstzSajcU4xmAsIAgBBYiCri9BK12F1rtLvxUYcCWMefwYM+j69/ILyPgpsGHESU8w/J05KWvZvvPAwBAiUMLi9EFmylb9lGJQxs2+fQag5ho0vtkdRp4VsA1clFWAZUA4PUwXW4PL4L7ASuTmSBwvz9cKAKJSJOPcwvi/bXad9pFBW437Zqsm1KAJABOUzaSANRKJssaRiJK9z4AEE4A7x0gILAuu6wfcPpWWhsAet53ZUXYVsnqNACAg28LWrWfiMclz2bW2dkSdBpKV50kuS8AcELeM6C6Yqc4dvBtcPBtMlA7ZxXfadp8HLfcNvF5h5kgMbP0AzEXkgBa6wMKJFIAoFIyzvMlYWUyg9SyxrBhkCYm8TpBCQv/MX/yrSVHei8fKAhSINCyfOB5vitSEoY2CoF1ycA7zAQJ04tLZP2AX4FA8BOSVcM3zhO3Z+S6L/BAU8UBPPd+kcx/vDjnG+dV81pZHeiKAI4QRCzGOthM2Sj8xIqJ42Jx9PydAUW2mCHwHggcg8xyOXh9ydLTzqv71oZsybLCrDwvhLD+2tBqd6G9ux9T9SNg2WIG9xDgmV4IXD8yy5fJvjlVutKamFmWG6krpghYeaD0gVXQYjwJyrMQCAtKWP8UovnjXl9SdDYxs/SlQdvyJIB2BZBAgAqrrmshcIDAUxBfV9a8qyZIpczy5egwE/y9Z74s5kP5MwrZCq1oiUH1dI84XmaNCZv7HWaCKzWvHU2YVrS6vaqw57H8nKYs3Rt1/88fdqSva9xACUDJAFMFAIUKuFJd3MA5HS2JM0s33di/3Iv/g/0DlSqwIPvu0LgAAAAASUVORK5CYII="> - </body> -</html> diff --git a/Base/home/anon/www/demo.html b/Base/home/anon/www/demo.html deleted file mode 100644 index 6fb53719e1..0000000000 --- a/Base/home/anon/www/demo.html +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <title>Canvas, timer, random and event demo</title> -</head> -<body> -<canvas id=c width=400 height=300></canvas> -<script> -c = document.getElementById("c"); -ctx = c.getContext("2d"); -ctx.fillStyle = 'black'; -ctx.fillRect(0, 0, c.width, c.height); - -pressed = false; -mouseX = 0; -mouseY = 0; - -c.addEventListener("mousedown", function(e) { - // mousedown - pressed = true; - mouseX = e.offsetX; - mouseY = e.offsetY; -}); - -c.addEventListener("mouseup", function() { - // mouseup - pressed = false; -}); - -c.addEventListener("mousemove", function(e) { - // mousemove - mouseX = e.offsetX; - mouseY = e.offsetY; -}); - -function update() { - if (pressed) { - var r = Math.random() * 255; - var g = Math.random() * 255; - var b = Math.random() * 255; - var color = "rgb(" + ~~r + "," + ~~g + "," + ~~b + ")"; - ctx.fillStyle = color; - const spread = 35; - var x = mouseX + (Math.random() * spread) - (spread / 2); - var y = mouseY + (Math.random() * spread) - (spread / 2); - var size = Math.random() * 8; - ctx.fillRect(x, y, size, size); - } -} - -setInterval(update, 20); -</script> -</body> -</html> diff --git a/Base/home/anon/www/dom.html b/Base/home/anon/www/dom.html deleted file mode 100644 index 9425b10c8b..0000000000 --- a/Base/home/anon/www/dom.html +++ /dev/null @@ -1,11 +0,0 @@ -<!DOCTYPE html> -<html> - <head></head> - <body> - <div id="foo"></div> - <script> - var e = document.getElementById("foo"); - alert(e.nodeName); - </script> - </body> -</html> diff --git a/Base/home/anon/www/empty.html b/Base/home/anon/www/empty.html deleted file mode 100644 index dbdfe62a6a..0000000000 --- a/Base/home/anon/www/empty.html +++ /dev/null @@ -1,26 +0,0 @@ -<html> -<head> -<title>:empty test</title> -<style> -.box { - background-color: pink; - height: 80px; - width: 80px; -} - -.box:empty { - background-color: lime; -} -</style> -</head> -<body> -<div class="box"><!-- I will be lime. --></div> -<div class="box">I will be pink.</div> -<div class="box"> - <!-- I will be pink in older browsers because of the whitespace around this comment. --> -</div> -<div class="box"> - <p><!-- I will be pink in all browsers because of the non-collapsible whitespace and elements around this comment. --></p> -</div> -</body> -</html> diff --git a/Base/home/anon/www/events.html b/Base/home/anon/www/events.html deleted file mode 100644 index 47754874a0..0000000000 --- a/Base/home/anon/www/events.html +++ /dev/null @@ -1,20 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <script> - document.addEventListener("DOMContentLoaded", function() { - alert("It loaded!"); - - document.getElementById("my_div").addEventListener("mousedown", function() { - alert("Mouse down!"); - }); - document.getElementById("my_div").addEventListener("mousemove", function() { - alert("Mouse move!"); - }); - }); - </script> - </head> - <body> - <div id="my_div">Hello there!</div> - </body> -</html> diff --git a/Base/home/anon/www/first-child.html b/Base/home/anon/www/first-child.html deleted file mode 100644 index 553d814668..0000000000 --- a/Base/home/anon/www/first-child.html +++ /dev/null @@ -1,24 +0,0 @@ -<html> -<head> -<title>:first-child test</title> -<style> -p:first-child { - color: lime; - background-color: black; - padding: 5px; -} -</style> -</head> -<body> -<div> - <p>This text is selected!</p> - <p>This text isn't selected.</p> -</div> - -<div> - <h2>This text isn't selected: it's not a `p`.</h2> - <p>This text isn't selected.</p> -</div> - -</body> -</html> diff --git a/Base/home/anon/www/form.html b/Base/home/anon/www/form.html deleted file mode 100644 index 8ca4c379bf..0000000000 --- a/Base/home/anon/www/form.html +++ /dev/null @@ -1,10 +0,0 @@ -<!DOCTYPE html> -<html> -<head><title>Form</title></head> -<body> -<form method="GET" action="form.html"> -<input type="submit" value="cool" name="cyber"> -<input type="text" value="hello_friends" name="greeting"> -</form> -</body> -</html> diff --git a/Base/home/anon/www/hover.html b/Base/home/anon/www/hover.html deleted file mode 100644 index 9ef4b42ab6..0000000000 --- a/Base/home/anon/www/hover.html +++ /dev/null @@ -1,13 +0,0 @@ -<html> - <head> - <title>Hover test!</title> -<style> -a:hover { - color: red; -} -</style> - </head> - <body> - <a href="hover.html">this is a link</a> - </body> -</html> diff --git a/Base/home/anon/www/html-escape-test.html b/Base/home/anon/www/html-escape-test.html deleted file mode 100644 index 19ff65a300..0000000000 --- a/Base/home/anon/www/html-escape-test.html +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <title>HTMl Escape</title> -</head> -<body> -<pre>Code Character EscVersion Unicode Bytes Name - ---------------------------------------------------------------------------------------- - 228 ä ä ä U+00E4 C3 A4 LATIN SMALL LETTER A WITH DIAERESIS - 229 å å å U+00E5 C3 A5 LATIN SMALL LETTER A WITH RING - 287 ğ ğ ğ U+011F C4 9E LATIN SMALL LETTER G WITH BREVE - 252 ü ü ü U+00FC C3 BC LATIN SMALL LETTER U WITH DIAERESIS - 351 ş ş ş U+015F C5 9F LATIN SMALL LETTER S WITH CEDILLA - 305 ı ı ı U+0131 C4 B1 LATIN SMALL LETTER DOTLESS I - 246 ö ö ö U+00F6 C3 B6 LATIN SMALL LETTER O WITH DIAERESIS - 231 ç ç ç U+00E7 C3 A7 LATIN SMALL LETTER C WITH CEDILLA ---------------------------------------------------------------------------------- - 196 Ä Ä Ä U+00C4 C3 84 LATIN CAPITAL LETTER A WITH DIAERESIS - 197 Å Å Å U+00C5 C3 85 LATIN CAPITAL LETTER A WITH RING - 286 Ğ Ğ Ğ U+011E C4 9E LATIN CAPITAL LETTER G WITH BREVE - 220 Ü Ü Ü U+00DC C3 9C LATIN CAPITAL LETTER U WITH DIAERESIS - 350 Ş Ş Ş U+015E C5 9E LATIN CAPITAL LETTER S WITH CEDILLA - 304 İ İ İ U+0130 C4 B0 LATIN CAPITAL LETTER I WITH DOT ABOVE - 214 Ö Ö Ö U+00D6 C3 96 LATIN CAPITAL LETTER O WITH DIAERESIS - 199 Ç Ç Ç U+00C7 C3 87 LATIN CAPITAL LETTER C WITH CEDILLA -</pre> -</body> -</html> diff --git a/Base/home/anon/www/iframe-subframe.html b/Base/home/anon/www/iframe-subframe.html deleted file mode 100644 index b6f6111027..0000000000 --- a/Base/home/anon/www/iframe-subframe.html +++ /dev/null @@ -1,2 +0,0 @@ -This is inside the frame! -<img src=90s-bg.png> diff --git a/Base/home/anon/www/iframe.html b/Base/home/anon/www/iframe.html deleted file mode 100644 index 6b07d626f0..0000000000 --- a/Base/home/anon/www/iframe.html +++ /dev/null @@ -1,6 +0,0 @@ -<body> - <p>This page has an iframe in it - <p>Cool huh? - <iframe width=300 height=200 src="iframe-subframe.html" style="border: 1px solid #444"></iframe> - <p><b>this text is after the iframe</b> -</body> diff --git a/Base/home/anon/www/images.html b/Base/home/anon/www/images.html deleted file mode 100644 index 928169a9b1..0000000000 --- a/Base/home/anon/www/images.html +++ /dev/null @@ -1,20 +0,0 @@ -<html> -<head> -<title>Pretty pictures!</title> -</head> -<body> - <center> - <h1>Look, pictures!</h1> - <img alt="serenity logo (squished)" src="file:///res/icons/serenity.png" width="40" height="40" /> - <img alt="serenity logo (normal)" src="file:///res/icons/serenity.png" width="64" height="64" /> - <img alt="serenity logo (stretched)" src="file:///res/icons/serenity.png" width="100" height="100" /> - <img alt="serenity logo (unspecified size)" src="file:///res/icons/serenity.png" /> - - <h1>Look, not pictures!</h1> - <img alt="invalid path (64x64)" src="file:///res/icons/file-does-not-exist.png" width="64" height="64" /> - <img alt="invalid path (100x100)" src="file:///res/icons/file-does-not-exist.png" width="100" height="100" /> - <img alt="invalid path (unspecified size)" src="file:///res/icons/file-does-not-exist.png" /> - <img src="file:///res/icons/file-does-not-exist.png" /> - </center> -</body> -</html> diff --git a/Base/home/anon/www/img-canvas.html b/Base/home/anon/www/img-canvas.html deleted file mode 100644 index a21add25ac..0000000000 --- a/Base/home/anon/www/img-canvas.html +++ /dev/null @@ -1,28 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>canvas drawImage() test</title> - <style> - canvas { - border: 1px solid black; - } - </style> - <script> - document.addEventListener("DOMContentLoaded", function() { - img = document.querySelector("img"); - - img.addEventListener("load", function() { - var ctx = document.querySelector("canvas").getContext("2d"); - ctx.fillStyle = '#666'; - ctx.fillRect(0, 0, 400, 400); - ctx.scale(2, 2); - ctx.drawImage(img, 30, 30); - }); - }); - </script> - </head> - <body> - <canvas width=400 height=400></canvas> - <img src="../../../res/icons/buggie.png"> - </body> -</html> diff --git a/Base/home/anon/www/inline-block-link.html b/Base/home/anon/www/inline-block-link.html deleted file mode 100644 index c74a691e04..0000000000 --- a/Base/home/anon/www/inline-block-link.html +++ /dev/null @@ -1,15 +0,0 @@ -<html> - <head> - <style> - p { - display: inline-block; - } - </style> - </head> - <body> - <p> - Here is some test text. - Here is a <a href="http://example.com">test link</a>. - </p> - </body> -</html> diff --git a/Base/home/anon/www/inline-block.html b/Base/home/anon/www/inline-block.html deleted file mode 100644 index 72ecf0d099..0000000000 --- a/Base/home/anon/www/inline-block.html +++ /dev/null @@ -1,20 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>display: inline-block</title> -<style> -div { - display: inline-block; - width: 200px; - height: 100px; - margin: 20px; - border: 1px solid black; -} -</style> - </head> - <body> - <div>Hello friends! This <b>div</b> has <b>display: inline-block</b> :^)</div> - <div>Hello friends! That means its laid out like a block on the inside.</div> - <div>Hello friends! But it acts like an atomic inline box on the outside!</div> - </body> -</html> diff --git a/Base/home/anon/www/innerHTML.html b/Base/home/anon/www/innerHTML.html deleted file mode 100644 index 66832a03e5..0000000000 --- a/Base/home/anon/www/innerHTML.html +++ /dev/null @@ -1,17 +0,0 @@ -<!DOCTYPE html> -<html> -<head> -</head> -<body> -<div id=clicky style="background-color: red; color: white; border: 1px solid black;">Click me</div> -<div id="foo">This has <b>some HTML</b> inside it!</div> -<script type="text/javascript"> -function hax() { - var foo = document.getElementById("foo"); - console.log("trying"); - foo.innerHTML = 'But now the HTML has changed!'; -} -document.getElementById("clicky").addEventListener("mousedown", hax); -</script> -</body> -</html> diff --git a/Base/home/anon/www/last-child.html b/Base/home/anon/www/last-child.html deleted file mode 100644 index 562d85aac4..0000000000 --- a/Base/home/anon/www/last-child.html +++ /dev/null @@ -1,23 +0,0 @@ -<html> -<head> -<title>:last-child test</title> -<style> -p:last-child { - color: lime; - background-color: black; - padding: 5px; -} -</style> -</head> -<body> -<div> - <p>This text isn't selected.</p> - <p>This text is selected!</p> -</div> - -<div> - <p>This text isn't selected.</p> - <h2>This text isn't selected: it's not a `p`.</h2> -</div> -</body> -</html> diff --git a/Base/home/anon/www/link.css b/Base/home/anon/www/link.css deleted file mode 100644 index d3a9998259..0000000000 --- a/Base/home/anon/www/link.css +++ /dev/null @@ -1,8 +0,0 @@ -#foo { - background-color: teal; - color: white; - padding-left: 20; - padding-top: 20; - padding-right: 20; - padding-bottom: 20; -} diff --git a/Base/home/anon/www/link.html b/Base/home/anon/www/link.html deleted file mode 100644 index 6556a486e2..0000000000 --- a/Base/home/anon/www/link.html +++ /dev/null @@ -1,9 +0,0 @@ -<html> -<head> -<title>Link element test</title> -<link rel="stylesheet" href="link.css"> -</head> -<body> -<div id="foo">I should be styled!</div> -</body> -</html> diff --git a/Base/home/anon/www/location.html b/Base/home/anon/www/location.html deleted file mode 100644 index 5633fa3df9..0000000000 --- a/Base/home/anon/www/location.html +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>window.location test</title> - <style> - #set_href { background-color: red; color: yellow; } - #reload { background-color: blue; color: #ccc; } - </style> - </head> - <body> - <pre></pre> - <div id="set_href">Click me to set location.href!</div> - <div id="reload">Click me to call location.reload()!</div> - <script> - var pre = document.querySelector("pre"); - pre.innerHTML += "href: " + location.href + '\n'; - pre.innerHTML += "protocol: " + location.protocol + '\n'; - pre.innerHTML += "host: " + location.host + '\n'; - pre.innerHTML += "hostname: " + location.hostname + '\n'; - pre.innerHTML += "pathname: " + location.pathname+ '\n'; - pre.innerHTML += "hash: " + location.hash + '\n'; - pre.innerHTML += "search: " + location.search + '\n'; - - document.getElementById("set_href").addEventListener("mousedown", function() { - window.location.href = 'http://serenityos.org/'; - }); - - document.getElementById("reload").addEventListener("mousedown", function() { - window.location.reload(); - }); - </script> - </body> -</html> diff --git a/Base/home/anon/www/lorem.html b/Base/home/anon/www/lorem.html deleted file mode 100644 index 77dad3fac8..0000000000 --- a/Base/home/anon/www/lorem.html +++ /dev/null @@ -1,17 +0,0 @@ -<html> - <head><title>Lorem Ipsum</title></head> -<style> -</style> - <body> - <h1>Lorem Ipsum</h1> - <p style="text-align: justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non elit dignissim, lobortis velit id, rutrum enim. Fusce urna nulla, semper in nisl consectetur, dictum dignissim felis. Vivamus mollis porttitor neque non pulvinar. Donec sollicitudin pulvinar nisi, nec vestibulum massa rutrum id. Aenean convallis tincidunt diam vel egestas. Pellentesque laoreet commodo arcu id dignissim. Etiam mattis elementum lectus, ut ultricies nibh dapibus sit amet. Curabitur sodales cursus ipsum vitae porttitor. Vestibulum ac nulla auctor, imperdiet augue accumsan, ornare eros.</p> - - <p style="text-align: right">Proin vel orci lobortis, ultrices nunc non, placerat odio. Proin nec nibh et odio pellentesque lobortis. Donec id urna ac sapien commodo facilisis in quis magna. Ut tempus aliquet elit, ut semper ante accumsan ornare. Morbi ac egestas quam. Pellentesque ut convallis metus, sit amet dignissim turpis. Sed feugiat hendrerit nibh, id tincidunt tortor euismod et. In vel fringilla ante. Etiam volutpat risus egestas congue sollicitudin.</p> - - <p style="text-align: center">Sed libero urna, fermentum quis leo at, lacinia suscipit ipsum. Vivamus in dignissim nibh. Proin ultricies sapien quis tortor luctus vehicula. Morbi ut consequat ipsum. Morbi imperdiet lectus libero, at tristique erat scelerisque sed. Duis eu risus at lectus vehicula facilisis. In tempor felis a nulla imperdiet volutpat. Quisque at auctor libero. Nunc ornare eros eget libero faucibus, vehicula ullamcorper erat laoreet. Aliquam dignissim eget est et aliquam. Phasellus imperdiet tincidunt mi, vitae viverra enim elementum a. Nullam pellentesque odio eu mauris bibendum tempor.</p> - - <p style="text-align: left">Sed mattis, elit eu pulvinar sagittis, ipsum enim interdum nisl, eu ornare augue orci at enim. Sed cursus, dolor in vestibulum maximus, mauris magna bibendum enim, in fringilla mauris metus vel nunc. Cras in quam mi. Nullam aliquam velit mauris, quis aliquet nulla pretium auctor. Donec non lobortis tellus. Nunc sodales libero id libero ultricies cursus. Cras ipsum nibh, dictum eu augue fermentum, blandit bibendum odio. Pellentesque tincidunt hendrerit aliquam. Donec sit amet justo vel magna pretium lobortis tempus vitae lorem. Maecenas quam purus, scelerisque dapibus lectus at, mattis tempus enim. Suspendisse ac ante turpis. Suspendisse aliquet, velit at hendrerit elementum, risus tortor accumsan est, quis luctus nisl sapien sed risus. Donec cursus ex diam, nec iaculis urna bibendum eget. Cras neque lacus, ornare eget elit eu, fringilla vestibulum velit. Phasellus lacinia condimentum enim accumsan aliquam. Nulla finibus ex elit, id semper erat posuere suscipit.</p> - - <p>Integer at libero purus. Maecenas eu cursus nunc, vitae pellentesque sapien. Mauris auctor condimentum massa. Sed pharetra nibh varius leo rutrum, vel auctor tortor venenatis. Donec tincidunt tempus libero vel iaculis. Nam pretium non augue et pretium. Nunc dignissim tortor venenatis, blandit sem ac, mattis dolor. Donec et lacinia nunc. Vestibulum enim eros, aliquam pulvinar cursus ornare, volutpat eu mi. Quisque semper mi id metus elementum malesuada. Suspendisse nisl felis, pretium id consectetur quis, lacinia sit amet est.</p> - </body> -</html> diff --git a/Base/home/anon/www/many-buggies.html b/Base/home/anon/www/many-buggies.html deleted file mode 100644 index aa012e9595..0000000000 --- a/Base/home/anon/www/many-buggies.html +++ /dev/null @@ -1,9 +0,0 @@ -<html> - <body> -<img src=http://serenityos.org/buggie.png> -<img src=http://serenityos.org/buggie.png> -<img src=http://serenityos.org/buggie.png> -<img src=http://serenityos.org/buggie.png> -<img src=http://serenityos.org/buggie.png> - </body> -</html> diff --git a/Base/home/anon/www/margin-collapse-1.html b/Base/home/anon/www/margin-collapse-1.html deleted file mode 100644 index a71abe391e..0000000000 --- a/Base/home/anon/www/margin-collapse-1.html +++ /dev/null @@ -1,16 +0,0 @@ -<style> -#foo { - border: 1px solid red; - margin: 25px; - width: 100px; - height: 100px; -} -#bar { - border: 1px solid green; - margin: 25px; - width: 100px; - height: 100px; -} -</style> -<div id=foo>foo</div> -<div id=bar>bar</div> diff --git a/Base/home/anon/www/margin-collapse-2.html b/Base/home/anon/www/margin-collapse-2.html deleted file mode 100644 index f1d92ded30..0000000000 --- a/Base/home/anon/www/margin-collapse-2.html +++ /dev/null @@ -1,23 +0,0 @@ -<style> -#foo { - border: 1px solid red; - margin-bottom: 25px; - width: 100px; - height: 100px; -} -#bar { - border: 1px solid green; - margin-bottom: 25px; - width: 100px; - height: 100px; -} -#baz { - border: 1px solid blue; - width: 100px; - margin-top: -20px; - height: 100px; -} -</style> -<div id=foo>foo</div> -<div id=bar>bar</div> -<div id=baz>baz</div> diff --git a/Base/home/anon/www/only-child.html b/Base/home/anon/www/only-child.html deleted file mode 100644 index 671ee285df..0000000000 --- a/Base/home/anon/www/only-child.html +++ /dev/null @@ -1,28 +0,0 @@ -<html> -<head> -<title>:only-child test</title> -<style> -div:only-child { - color: red; -} - -div { - display: inline-block; - margin: 6px; - border-width: 1px; -} -</style> -</head> -<body> -<div> - <div>I am an only child.</div> -</div> - -<div> - <div>I am the 1st sibling.</div> - <div>I am the 2nd sibling.</div> - <div>I am the 3rd sibling, <div>but this is an only child.</div></div> -</div> - -</body> -</html> diff --git a/Base/home/anon/www/palette.html b/Base/home/anon/www/palette.html deleted file mode 100644 index 2fe2551021..0000000000 --- a/Base/home/anon/www/palette.html +++ /dev/null @@ -1,9 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <title>System palette css test</title> -</head> -<body> -<p style="color: -libweb-palette-syntax-identifier">All of my text should be the identifier color</p> -</body> -</html> diff --git a/Base/home/anon/www/percent-css.html b/Base/home/anon/www/percent-css.html deleted file mode 100644 index 85a1b93178..0000000000 --- a/Base/home/anon/www/percent-css.html +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <style> - #hcontainer { - background-color: black; - } - .hbar { - background-color: blue; - color: white; - } - .w25 { width: 25% } - .w50 { width: 50% } - .w75 { width: 75% } - .w100 { width: 100% } - - - #vcontainer { - background-color: black; - height: 200px; - } - .vbar { - background-color: blue; - color: white; - } - .h25 { height: 25% } - </style> - </head> - <body> - <div id="hcontainer"> - <div class="hbar w25">25%</div> - <div class="hbar w50">50%</div> - <div class="hbar w75">75%</div> - <div class="hbar w100">100%</div> - </div> - <br> - <div id="vcontainer"> - <div class="vbar h25">25%</div> - </div> - </body> -</html> diff --git a/Base/home/anon/www/phint.html b/Base/home/anon/www/phint.html deleted file mode 100644 index 522e0bd71e..0000000000 --- a/Base/home/anon/www/phint.html +++ /dev/null @@ -1,16 +0,0 @@ -<html> -<body bgcolor="#000000" text="#00ff00"> -<h1>Hello friends!</h1> -<p> - This is a web page with some color. -</p> -<p> - <font color="#ff0000">Red,</font> - <font color="#00ff00">green,</font> - <font color="#0000ff">blue,</font> - <font color="#ffff00">yellow,</font> - <font color="#ff00ff">magenta,</font> - <font color="#ffffff">and white!</font> -</p> -</body> -</html> diff --git a/Base/home/anon/www/pngsuite_bas_png.html b/Base/home/anon/www/pngsuite_bas_png.html deleted file mode 100644 index 121efae6a4..0000000000 --- a/Base/home/anon/www/pngsuite_bas_png.html +++ /dev/null @@ -1,26 +0,0 @@ -<HTML> -<HEAD> -<TITLE>PngSuite - Basic formats / PNG-files</TITLE> -</HEAD> -<BODY BGCOLOR="#ede"> - -<!-- Modified version of http://schaik.com/pngsuite/pngsuite_bas_png.html --> - -<BR><IMG SRC="http://schaik.com/pngsuite/basn0g01.png" WIDTH="32" HEIGHT="32"> --- basn0g01 - black & white -<BR><IMG SRC="http://schaik.com/pngsuite/basn0g02.png" WIDTH="32" HEIGHT="32"> --- basn0g02 - 2 bit (4 level) grayscale -<BR><IMG SRC="http://schaik.com/pngsuite/basn0g04.png" WIDTH="32" HEIGHT="32"> --- basn0g04 - 4 bit (16 level) grayscale -<BR><IMG SRC="http://schaik.com/pngsuite/basn0g08.png" WIDTH="32" HEIGHT="32"> --- basn0g08 - 8 bit (256 level) grayscale -<BR><IMG SRC="http://schaik.com/pngsuite/basn0g16.png" WIDTH="32" HEIGHT="32"> --- basn0g16 - 16 bit (64k level) grayscale -<BR><IMG SRC="http://schaik.com/pngsuite/basn2c08.png" WIDTH="32" HEIGHT="32"> --- basn2c08 - 3x8 bits rgb color -<BR><IMG SRC="http://schaik.com/pngsuite/basn2c16.png" WIDTH="32" HEIGHT="32"> --- basn2c16 - 3x16 bits rgb color -<BR><IMG SRC="http://schaik.com/pngsuite/basn3p01.png" WIDTH="32" HEIGHT="32"> --- basn3p01 - 1 bit (2 color) paletted -<BR><IMG SRC="http://schaik.com/pngsuite/basn3p02.png" WIDTH="32" HEIGHT="32"> --- basn3p02 - 2 bit (4 color) paletted -<BR><IMG SRC="http://schaik.com/pngsuite/basn3p04.png" WIDTH="32" HEIGHT="32"> --- basn3p04 - 4 bit (16 color) paletted -<BR><IMG SRC="http://schaik.com/pngsuite/basn3p08.png" WIDTH="32" HEIGHT="32"> --- basn3p08 - 8 bit (256 color) paletted -<BR><IMG SRC="http://schaik.com/pngsuite/basn4a08.png" WIDTH="32" HEIGHT="32"> --- basn4a08 - 8 bit grayscale + 8 bit alpha-channel -<BR><IMG SRC="http://schaik.com/pngsuite/basn4a16.png" WIDTH="32" HEIGHT="32"> --- basn4a16 - 16 bit grayscale + 16 bit alpha-channel -<BR><IMG SRC="http://schaik.com/pngsuite/basn6a08.png" WIDTH="32" HEIGHT="32"> --- basn6a08 - 3x8 bits rgb color + 8 bit alpha-channel -<BR><IMG SRC="http://schaik.com/pngsuite/basn6a16.png" WIDTH="32" HEIGHT="32"> --- basn6a16 - 3x16 bits rgb color + 16 bit alpha-channel - -</BODY> -</HTML> diff --git a/Base/home/anon/www/pngsuite_int_png.html b/Base/home/anon/www/pngsuite_int_png.html deleted file mode 100644 index 855c19a66c..0000000000 --- a/Base/home/anon/www/pngsuite_int_png.html +++ /dev/null @@ -1,26 +0,0 @@ -<HTML> -<HEAD> -<TITLE>PngSuite - Interlacing / PNG-files</TITLE> -</HEAD> -<BODY BGCOLOR="#ede"> - -<!-- Modified version of http://schaik.com/pngsuite/pngsuite_bas_png.html --> - -<BR><IMG SRC="http://schaik.com/pngsuite/basi0g01.png" WIDTH="32" HEIGHT="32"> --- basi0g01 - black & white -<BR><IMG SRC="http://schaik.com/pngsuite/basi0g02.png" WIDTH="32" HEIGHT="32"> --- basi0g02 - 2 bit (4 level) grayscale -<BR><IMG SRC="http://schaik.com/pngsuite/basi0g04.png" WIDTH="32" HEIGHT="32"> --- basi0g04 - 4 bit (16 level) grayscale -<BR><IMG SRC="http://schaik.com/pngsuite/basi0g08.png" WIDTH="32" HEIGHT="32"> --- basi0g08 - 8 bit (256 level) grayscale -<BR><IMG SRC="http://schaik.com/pngsuite/basi0g16.png" WIDTH="32" HEIGHT="32"> --- basi0g16 - 16 bit (64k level) grayscale -<BR><IMG SRC="http://schaik.com/pngsuite/basi2c08.png" WIDTH="32" HEIGHT="32"> --- basi2c08 - 3x8 bits rgb color -<BR><IMG SRC="http://schaik.com/pngsuite/basi2c16.png" WIDTH="32" HEIGHT="32"> --- basi2c16 - 3x16 bits rgb color -<BR><IMG SRC="http://schaik.com/pngsuite/basi3p01.png" WIDTH="32" HEIGHT="32"> --- basi3p01 - 1 bit (2 color) paletted -<BR><IMG SRC="http://schaik.com/pngsuite/basi3p02.png" WIDTH="32" HEIGHT="32"> --- basi3p02 - 2 bit (4 color) paletted -<BR><IMG SRC="http://schaik.com/pngsuite/basi3p04.png" WIDTH="32" HEIGHT="32"> --- basi3p04 - 4 bit (16 color) paletted -<BR><IMG SRC="http://schaik.com/pngsuite/basi3p08.png" WIDTH="32" HEIGHT="32"> --- basi3p08 - 8 bit (256 color) paletted -<BR><IMG SRC="http://schaik.com/pngsuite/basi4a08.png" WIDTH="32" HEIGHT="32"> --- basi4a08 - 8 bit grayscale + 8 bit alpha-channel -<BR><IMG SRC="http://schaik.com/pngsuite/basi4a16.png" WIDTH="32" HEIGHT="32"> --- basi4a16 - 16 bit grayscale + 16 bit alpha-channel -<BR><IMG SRC="http://schaik.com/pngsuite/basi6a08.png" WIDTH="32" HEIGHT="32"> --- basi6a08 - 3x8 bits rgb color + 8 bit alpha-channel -<BR><IMG SRC="http://schaik.com/pngsuite/basi6a16.png" WIDTH="32" HEIGHT="32"> --- basi6a16 - 3x16 bits rgb color + 16 bit alpha-channel - -</BODY> -</HTML> diff --git a/Base/home/anon/www/pngsuite_siz_png.html b/Base/home/anon/www/pngsuite_siz_png.html deleted file mode 100644 index 93721eea54..0000000000 --- a/Base/home/anon/www/pngsuite_siz_png.html +++ /dev/null @@ -1,48 +0,0 @@ -<HTML> -<HEAD> -<TITLE>PngSuite - Odd sizes / PNG-files</TITLE> -</HEAD> -<BODY BGCOLOR="#ede"> - -<!-- Modified version of http://schaik.com/pngsuite/pngsuite_siz_png.html --> - -<BR><IMG SRC="http://schaik.com/pngsuite/s01n3p01.png" WIDTH="1" HEIGHT="1"> --- s01n3p01 - 1x1 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s01i3p01.png" WIDTH="1" HEIGHT="1"> --- s01i3p01 - 1x1 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s02n3p01.png" WIDTH="2" HEIGHT="2"> --- s02n3p01 - 2x2 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s02i3p01.png" WIDTH="2" HEIGHT="2"> --- s02i3p01 - 2x2 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s03n3p01.png" WIDTH="3" HEIGHT="3"> --- s03n3p01 - 3x3 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s03i3p01.png" WIDTH="3" HEIGHT="3"> --- s03i3p01 - 3x3 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s04n3p01.png" WIDTH="4" HEIGHT="4"> --- s04n3p01 - 4x4 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s04i3p01.png" WIDTH="4" HEIGHT="4"> --- s04i3p01 - 4x4 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s05n3p02.png" WIDTH="5" HEIGHT="5"> --- s05n3p02 - 5x5 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s05i3p02.png" WIDTH="5" HEIGHT="5"> --- s05i3p02 - 5x5 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s06n3p02.png" WIDTH="6" HEIGHT="6"> --- s06n3p02 - 6x6 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s06i3p02.png" WIDTH="6" HEIGHT="6"> --- s06i3p02 - 6x6 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s07n3p02.png" WIDTH="7" HEIGHT="7"> --- s07n3p02 - 7x7 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s07i3p02.png" WIDTH="7" HEIGHT="7"> --- s07i3p02 - 7x7 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s08n3p02.png" WIDTH="8" HEIGHT="8"> --- s08n3p02 - 8x8 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s08i3p02.png" WIDTH="8" HEIGHT="8"> --- s08i3p02 - 8x8 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s09n3p02.png" WIDTH="9" HEIGHT="9"> --- s09n3p02 - 9x9 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s09i3p02.png" WIDTH="9" HEIGHT="9"> --- s09i3p02 - 9x9 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s32n3p04.png" WIDTH="32" HEIGHT="32"> --- s32n3p04 - 32x32 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s32i3p04.png" WIDTH="32" HEIGHT="32"> --- s32i3p04 - 32x32 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s33n3p04.png" WIDTH="33" HEIGHT="33"> --- s33n3p04 - 33x33 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s33i3p04.png" WIDTH="33" HEIGHT="33"> --- s33i3p04 - 33x33 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s34n3p04.png" WIDTH="34" HEIGHT="34"> --- s34n3p04 - 34x34 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s34i3p04.png" WIDTH="34" HEIGHT="34"> --- s34i3p04 - 34x34 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s35n3p04.png" WIDTH="35" HEIGHT="35"> --- s35n3p04 - 35x35 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s35i3p04.png" WIDTH="35" HEIGHT="35"> --- s35i3p04 - 35x35 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s36n3p04.png" WIDTH="36" HEIGHT="36"> --- s36n3p04 - 36x36 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s36i3p04.png" WIDTH="36" HEIGHT="36"> --- s36i3p04 - 36x36 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s37n3p04.png" WIDTH="37" HEIGHT="37"> --- s37n3p04 - 37x37 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s37i3p04.png" WIDTH="37" HEIGHT="37"> --- s37i3p04 - 37x37 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s38n3p04.png" WIDTH="38" HEIGHT="38"> --- s38n3p04 - 38x38 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s38i3p04.png" WIDTH="38" HEIGHT="38"> --- s38i3p04 - 38x38 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s39n3p04.png" WIDTH="39" HEIGHT="39"> --- s39n3p04 - 39x39 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s39i3p04.png" WIDTH="39" HEIGHT="39"> --- s39i3p04 - 39x39 paletted file, interlaced -<BR><IMG SRC="http://schaik.com/pngsuite/s40n3p04.png" WIDTH="40" HEIGHT="40"> --- s40n3p04 - 40x40 paletted file, no interlacing -<BR><IMG SRC="http://schaik.com/pngsuite/s40i3p04.png" WIDTH="40" HEIGHT="40"> --- s40i3p04 - 40x40 paletted file, interlaced - -</BODY> -</HTML> - diff --git a/Base/home/anon/www/position-absolute-from-edges.html b/Base/home/anon/www/position-absolute-from-edges.html deleted file mode 100644 index e04ddf71cc..0000000000 --- a/Base/home/anon/www/position-absolute-from-edges.html +++ /dev/null @@ -1,48 +0,0 @@ -<style> -#container { - position: absolute; - width: 500px; - height: 400px; - border: 1px solid black; -} -#red { - position: absolute; - left: 20px; - top: 20px; - background: red; - width: 100px; - height: 100px; - border: 10px solid gray; -} -#green { - position: absolute; - right: 20px; - top: 20px; - background: green; - width: 100px; - height: 100px; - margin: 50px; -} -#blue { - position: absolute; - left: 20px; - bottom: 20px; - background: blue; - width: 100px; - height: 100px; -} -#yellow { - position: absolute; - right: 20px; - bottom: 20px; - background: yellow; - width: 100px; - height: 100px; -} -</style> -<div id=container> - <div id=red></div> - <div id=green></div> - <div id=blue></div> - <div id=yellow></div> -</div> diff --git a/Base/home/anon/www/position-absolute-top-left.html b/Base/home/anon/www/position-absolute-top-left.html deleted file mode 100644 index 2c3601f8d1..0000000000 --- a/Base/home/anon/www/position-absolute-top-left.html +++ /dev/null @@ -1,67 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <title>absolute</title> - <style> - div { - width: 100px; - height: 100px; - } - .absolute { - position: absolute; - } - .blue { - width: 200px; - height: 200px; - background-color: blue; - top: 208px; - left: 208px; - } - .yellow { - background-color: yellow; - top: 50px; - left: 50px; - } - .red { - background-color: red; - top: 100px; - left: 100px; - } - .green { - background-color: green; - top: 300px; - left: 300px; - } - .black { - background-color: black; - width: 50px; - height: 50px; - top: 50px; - left: 50px; - } - .blue_margin { - width: 200px; - height: 200px; - background-color: blue; - margin-top: 200px; - margin-left: 400px; - } - </style> -</head> -<body> - <div class="blue absolute"> - <div class="red absolute"></div> - <div class="yellow absolute"> - <div class="black absolute"></div> - </div> - <div class="green absolute"></div> - </div> - <div class="blue"> - <div class="red"></div> - <div class="yellow"></div> - <div class="green"></div> - </div> - <div class="blue_margin"></div> -</body> -</html> diff --git a/Base/home/anon/www/qsa.html b/Base/home/anon/www/qsa.html deleted file mode 100644 index e51ab92674..0000000000 --- a/Base/home/anon/www/qsa.html +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html> -<html> -<head> -</head> -<body> -<div id="foo1" class="foo"></div> -<code> -<div id="foo2" class="foo"></div> -<div id="foo3" class="foo"></div> -</code> -<pre id="out"></pre> -<script> -var elements = document.querySelectorAll("code .foo"); - -try { - if (elements.length !== 2) - throw 1; - if (elements[0].id !== "foo2") - throw 3; - if (elements[1].id !== "foo3") - throw 4; - document.getElementById('out').innerHTML = "Success!"; -} catch (e) { - document.getElementById('out').innerHTML = "Error number " + e; -} - -</script> -</body> -</html> diff --git a/Base/home/anon/www/raf.html b/Base/home/anon/www/raf.html deleted file mode 100644 index 25b9642b7a..0000000000 --- a/Base/home/anon/www/raf.html +++ /dev/null @@ -1,24 +0,0 @@ -<!DOCTYPE html> -<html> -<head><title>rAF test</title></head> -<body> -<canvas id=c width=300 height=300></canvas> -<script> -c = document.getElementById('c'); -x = c.getContext("2d"); -x.fillStyle = 'black'; -x.fillRect(0, 0, c.width, c.height); -function raf() { - x.fillStyle = 'red'; - x.fillRect( - Math.random() * c.width, - Math.random() * c.height, - Math.random() * 10, - Math.random() * 10 - ); - requestAnimationFrame(raf); -} -requestAnimationFrame(raf); -</script> -</body> -</html> diff --git a/Base/home/anon/www/root.html b/Base/home/anon/www/root.html deleted file mode 100644 index 331ee74880..0000000000 --- a/Base/home/anon/www/root.html +++ /dev/null @@ -1,14 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>:root test</title> - <style> - :root { - background-color: red; - } - </style> - </head> - <body> - Background will be red. - </body> -</html> diff --git a/Base/home/anon/www/selectors.html b/Base/home/anon/www/selectors.html deleted file mode 100644 index aced2f9cd3..0000000000 --- a/Base/home/anon/www/selectors.html +++ /dev/null @@ -1,65 +0,0 @@ -<html> -<head> -<title>Selector test</title> -<style> -#foo #bar #baz { - background-color: lime; -} -.abc .def div { - background-color: white; - border-style: solid; - border-width: 1; - border-color: lime; -} -div > .boo > .bee { - background-color: black; - color: magenta; -} -#gen_sib ~ div, -#adj_sib + div { - background-color: blue; - color: white; -} -</style> -</head> -<body> - <div id="foo"> - <div id="bar"> - <div id="baz"> - I should have a green background. - </div> - </div> - </div> - <div class="abc"> - <div class="def"> - <div>hello</div> - <div>hello</div> - <div>hello</div> - </div> - </div> - <div> - <div class="boo"> - <div class="bee">Spooky!</div> - </div> - </div> - <div> - <div class="boo"> - <div> - <div class="bee"> - Not spooky! - </div> - </div> - </div> - </div> - <div> - <div id="gen_sib">All the siblings of this <div> should be blue.</div> - <div>First sibling (should be blue)</div> - <div>Second sibling (should be blue)</div> - </div> - <div> - <div id="adj_sib">The first sibling of this <div> should be blue.</div> - <div>First sibling (should be blue)</div> - <div>Second sibling (should not be blue)</div> - </div> -</body> -</html> diff --git a/Base/home/anon/www/set-interval.html b/Base/home/anon/www/set-interval.html deleted file mode 100644 index 63d26017cd..0000000000 --- a/Base/home/anon/www/set-interval.html +++ /dev/null @@ -1,23 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <title>setInterval() test</title> - <script> - document.addEventListener("DOMContentLoaded", function () { - var output = document.getElementById("output"); - var counter = 0; - function updateOutput () { - output.innerHTML = `setInterval() was called ${counter} times!`; - } - updateOutput(); - setInterval(function () { - counter++; - updateOutput(); - }, 1000); - }); - </script> -</head> -<body> - <div id="output"></div> -</body> -</html> diff --git a/Base/home/anon/www/simple.html b/Base/home/anon/www/simple.html deleted file mode 100644 index 88f308a373..0000000000 --- a/Base/home/anon/www/simple.html +++ /dev/null @@ -1,7 +0,0 @@ -<!DOCTYPE html> -<html> -<head><meta name="greeting" content='Hello friends!' foo=bar></head> -<body> -<div></div> -</body> -</html> diff --git a/Base/home/anon/www/small.html b/Base/home/anon/www/small.html deleted file mode 100644 index b3b4cd99b2..0000000000 --- a/Base/home/anon/www/small.html +++ /dev/null @@ -1,8 +0,0 @@ -<html> - <head><title>Small test page</title></head> - <body bgcolor="#408080" text="#ffffff"> - <h1 title="This is a heading" >Hello friends!</h1> - <p>This is a <b>very small</b> test page :^)</p> - <p>Visit the <a title="This is a link" href="http://www.serenityos.org/">SerenityOS home page</a> today!</p> - </body> -</html> diff --git a/Base/home/anon/www/trigonometry.html b/Base/home/anon/www/trigonometry.html deleted file mode 100644 index 4651ff6240..0000000000 --- a/Base/home/anon/www/trigonometry.html +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <title>Trigonometry</title> - <style type="text/css"> - canvas { - border-width: 1px; - border-style: solid; - border-color: #000; - } - </style> - <script> - document.addEventListener("DOMContentLoaded", function () { - var functions = ["sin", "cos", "tan"]; - for (var i = 0; i < functions.length; ++i) { - var func = functions[i]; - var canvas = document.getElementById(func); - var ctx = canvas.getContext("2d"); - for (var x = 0; x < canvas.width; ++x) { - var y = -Math[func](x / 20) * canvas.height / 4 + canvas.height / 2; - ctx.fillStyle = "red"; - ctx.fillRect(x-1, y-1, 2, 2); - ctx.fillStyle = "black"; - ctx.fillRect(x, canvas.height / 2, 1, 1); - } - } - }); - </script> - </head> - <body> - <h1>Sine</h1> - <canvas id="sin" width="300" height="100"></canvas> - <h1>Cosine</h1> - <canvas id="cos" width="300" height="100"></canvas> - <h1>Tangent</h1> - <canvas id="tan" width="300" height="100"></canvas> - </body> -</html>
\ No newline at end of file diff --git a/Base/home/anon/www/welcome.html b/Base/home/anon/www/welcome.html deleted file mode 100644 index 1a85077a1f..0000000000 --- a/Base/home/anon/www/welcome.html +++ /dev/null @@ -1,85 +0,0 @@ -<!DOCTYPE html> -<html> -<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; -} -span#ua { - color: red; -} -</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>Some small test pages:</p> - <ul> - <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="iframe.html">iframe</a></li> - <li><a href="many-buggies.html">many buggies</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="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="empty.html">:empty</a></li> - <li><a href="root.html">:root</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://www.serenityos.org/">www.serenityos.org</a></li> - </ul> -</body> -</html> diff --git a/Base/home/anon/www/welcome.js b/Base/home/anon/www/welcome.js deleted file mode 100644 index 07497d0115..0000000000 --- a/Base/home/anon/www/welcome.js +++ /dev/null @@ -1,3 +0,0 @@ -document.addEventListener("DOMContentLoaded", function() { - document.getElementById("ua").innerHTML = navigator.userAgent; -}); |
