diff options
| author | Radiohotline <radiohotline@disroot.org> | 2026-01-08 14:25:31 +0000 |
|---|---|---|
| committer | Radiohotline <radiohotline@disroot.org> | 2026-01-08 14:25:31 +0000 |
| commit | 8447267bbe6579255905e313c512ea449309e393 (patch) | |
| tree | c5bebcad1c9a27844a72ccb0912b92a3b39950a9 /test.html | |
| parent | 3ce3f646128590c96d61ca3609d56023cbbcfed9 (diff) | |
add files
Diffstat (limited to 'test.html')
| -rw-r--r-- | test.html | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/test.html b/test.html new file mode 100644 index 0000000..3af116a --- /dev/null +++ b/test.html @@ -0,0 +1,115 @@ +<!DOCTYPE html> +<html> +<head> + <link href="house.css" rel="stylesheet" type="text/css" media="all"> + <title>THE HOUSE</title> +</head> +<body> + <h1>Test title</h1> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p class="j">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <a href="test.html">House</a> + <p class="m">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex.</p> + <p class="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex.</p> + <p>This is a fucked up <span class="b">house</span> bruv</p> + + <div style="height: 400px; margin-left: 30%; writing-mode: vertical-rl; text-orientation: mixed; text-align: justify;"> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis augue nec elit facilisis, + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + <span class="bsq"></span> + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + </p> + </div> + <div style="width: 850px; margin: auto;"> + <p style="text-align: left; width: 50%;"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + </p> + <p style="text-align: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.<sup>2</sup></p> + </div> + <hr> + <p class="j"><sup>2</sup>This is bullshit yo</p> + <div class="col"> + <div style="width: 50%; text-align: justify; padding-right: 10px; border-right: 1px solid black; font-size: small;"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + </div> + <div style="padding-left: 10px;"> + <div class="blsq"> + <p>funny reversed text amet, consectetur adipiscing elit. Sed veamet, consectetur adipiscing elit. Sed veamet, consectetur adipiscing elit. Sed veamet, consecte Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + </div> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, <span class="b">house</span> egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <ol style="margin-left: 100px;"> + <li>lorem</li> + <li>ipsum</li> + <li>dolor sit amet</li> + <li>shjfadhjf fhkal fhaslkf aj</li> + </ol> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.<sup>2</sup></p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <hr> + <p><sup>2</sup>This is kinda swagging balls. and shit. i don't know. <i>cool book</i><sup>3</sup></p> + <p class="j"><sup>3</sup>But wait -- is it really a cool book, or just our subjective view of it? everything is subjective. books aren't real.</p> + </div> + </div> + <div class="col"> + <div> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, <span class="b">house</span> egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <ol style="margin-left: 100px;"> + <li>lorem</li> + <li>ipsum</li> + <li>dolor sit amet</li> + <li>shjfadhjf fhkal fhaslkf as</li> + </ol> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.<sup>2</sup></p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <hr> + <p><sup>186</sup>Blah</p> + <div class="minpass" style="width: 30%; text-align: justify; margin: auto;"> + <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum    + </span>   +   <span> + ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque ne.</span>    +   <span> magna lobortis fringilla.</span> +    +    + <span>Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti.</span> +    +    + <span>Fusce quis velit in purus laoreet placerat eget in odio.</span> + </div> + </div> + <div style="width: 50%; text-align: justify; padding-left: 10px; border-left: 1px solid black; font-size: small;" class="udown"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + </div> + </div> +</body> +</html> |