Skip to content

Instantly share code, notes, and snippets.

View viller239's full-sized avatar

Anton Viller viller239

View GitHub Profile
* { color: red }
<form action="https://www.puppyfind.com/for_sale_state/?submit=1" method="post">
<select name="state" class="">
<option value="AL">Select state...
<option value="AL">Alabama
</select>
<br />
<input type="submit" value="Search my state..." class="btn" />
</form>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>broken_css.html</title>
<style>.foo{display:block;content:"";width:100%;height:100%;background-image:url("https://www.christopherward.com/skin/frontend/christopherward/default/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3
<form> you are done <input name="parentNode" /> </form>
This file has been truncated, but you can view the full file.
<html lang="en"><head>
<meta charset="UTF-8">
<title>SVG Local references</title>
<script src="../../framework.js"></script>
<style></style></head><style>
.test_group {
display: flex;
flex-wrap: wrap;
}
.test_group_title {
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var e = document.createElement('link');
e.rel = 'import';
e.href = 'https://rawgit.com/viller239/242ad1bc1e96cf74304adc86057284e3/raw/7653148bfeec5d0d1910ef343c1ba676199542b6/file2.html';
e.addEventListener('load', x => console.log(x));
<link rel=import href="https://rawgit.com/viller239/f4af8bb3f5453dbd3d599d381677ceb9/raw/a8f7eb6875d15228debd7aea93af2d1e30ed659e/file1.html" />
<script>console.log('file2.html');</script>
<style>#b{ color: blue; }</style>
<script>console.log('file1.html');</script>
<style>#a{ color: red; }</style>
<script>console.log(1);</script>
<!DOCTYPE html>
<html>
<body>
<table>
<tbody></tbody>
</table>
<script>
var observer = new MutationObserver(function() {});
observer.observe(document, {childList: true, subtree: true});
setInterval(function () {