<?xml version="1.0" ?>
<config xmlns:foo="http://example.com">
	<!-- sections -->
	<section name="foo">Content of the section</section>
	<section name="bar">Content of the section&beforeopentag;</section>
	<section foo:id="12" name="foo">Content of the "section" & stuff</section>
	
	<!-- cdata -->
<![CDATA[I can put whatever I want here HAHAHA!
<tags> that shouldn't be tags</tags>
<?xml lol! ?>]]>
	
	<_self-closing />
	
	<section>
		<nested lulz="asdf">
			And again&hellip;
			<again>nested content</again>
		</nested>
	</section>
</config>
<html>
	<head>
		<script type="text/javascript" src="/sunlight.js"></script>
		<style></style>
		<style type="text/css">
			@font-face {
				font-family: Custom;
				src: url(/fonts/custom.ttf);
			}
			
			body {
				background-color: black;
				font-family: "Courier New";
				width: 100%;
				min-height: 200px;
			}
			
			.attention {
				color: red;
				border: 2px solid #000000;
			}
		</style>
		<script type="text/javascript">
			window.onload = function() {
				try {
					var xhr = new XMLHttpRequest();
					xhr.open("GET", "/ajax.php", true);
					xhr.onreadystatechange = function(e) {
						if (xhr.readyState === 4 && xhr.status === 200) {
							document.getElementById("foo").innerHTML = xhr.responseText;
						}
					};
					
					xhr.send(null);
				} catch (e) {}
			};
		</script>
	</head>
	
	<body>
		<?php
			//debug stuff
			print_r($_GET);
			
			echo 'Hello ' . (@$_GET['username'] ?: '<no username given>') . '<br />';
		?>
	</body>
</html>