diff --git a/core/auth.html b/core/auth.html
index df1178dd..6a7de194 100644
--- a/core/auth.html
+++ b/core/auth.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 	<head>
 		<title>Auth</title>
diff --git a/core/client.js b/core/client.js
index d03930f1..abc609b3 100644
--- a/core/client.js
+++ b/core/client.js
@@ -171,6 +171,19 @@ function print(terminal, data) {
 	autoScroll(terminal);
 }
 
+function printSvg(container, data, name, namespace) {
+	var node = document.createElementNS("http://www.w3.org/2000/svg", name);
+	for (var i in data.attributes) {
+		node.setAttribute(i, data.attributes[i]);
+	}
+	if (data.children) {
+		for (var i in data.children) {
+			node.appendChild(printSvg(node, data.children[i], data.children[i].name));
+		}
+	}
+	return node;
+}
+
 function printStructured(container, data) {
 	if (typeof data == "string") {
 		container.appendChild(document.createTextNode(data));
@@ -197,6 +210,8 @@ function printStructured(container, data) {
 			if (data.name) {
 				node.setAttribute("id", "iframe_" + data.name);
 			}
+		} else if (data.svg) {
+			node = printSvg(container, data.svg, "svg");
 		} else if (data.image) {
 			node = document.createElement("img");
 			node.setAttribute("src", data.image);
diff --git a/core/edit.html b/core/edit.html
index 1b77cd8c..ad342b94 100644
--- a/core/edit.html
+++ b/core/edit.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 	<head>
 		<title>Web Terminal</title>
@@ -10,18 +11,16 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<link type="image/png" rel="shortcut icon" href="/terminal/favicon.png"></link>
 	</head>
-	<body>
-		<div id="body">
-			<div>
-				<input type="button" id="back" name="back" value="Back" onclick="back()">
-				<input type="button" id="save" name="save" value="Save" onclick="save()">
-				<input type="button" id="saveAs" name="saveAs" value="Save As" onclick="saveAs()">
-				<input type="checkbox" id="run" name="run" checked><label for="run">Run after Saving</label>
-				<input type="button" id="revert" name="revert" value="Revert to Saved" onclick="revert()">
-				<button onclick="addLicense()"><img src="/terminal/agplv3-88x31.png" width="34" height="12"> Add License Header</button>
-			</div>
-			<textarea id="editor" class="main">$(SOURCE)</textarea>
-			<script src="/terminal/editor.js"></script>
+	<body style="display: flex; flex-flow: column">
+		<div class="navigation">
+			<input type="button" id="back" name="back" value="Back" onclick="back()">
+			<input type="button" id="save" name="save" value="Save" onclick="save()">
+			<input type="button" id="saveAs" name="saveAs" value="Save As" onclick="saveAs()">
+			<input type="checkbox" id="run" name="run" checked><label for="run">Run after Saving</label>
+			<input type="button" id="revert" name="revert" value="Revert to Saved" onclick="revert()">
+			<button onclick="addLicense()"><img src="/terminal/agplv3-88x31.png" width="34" height="12"> Add License Header</button>
 		</div>
+		<textarea id="editor" class="main">$(SOURCE)</textarea>
+		<script src="/terminal/editor.js"></script>
 	</body>
 </html>
diff --git a/core/index.html b/core/index.html
index 7b1982d2..c55b41ac 100644
--- a/core/index.html
+++ b/core/index.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 	<head>
 		<title>Tilde Friends</title>
@@ -6,26 +7,24 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<!--HEAD-->
 	</head>
-	<body>
-		<div id="body">
-			<div class="navigation">
-				<span>~😎</span>
-				<span id="title">Tilde Friends</span>
-				<a href="/">home</a>
-				<a href="$(EDIT_SOURCE)">edit</a>
-				<a href="$(VIEW_SOURCE)">view source</a>
-				<a href="/~cory/about">about</a>
-				<span id="status"></span>
-				<span id="update">update available! <a href="">refresh</a> to update</span>
-				<span id="login"></span>
-			</div>
-			<div id="terminals" class="vbox"><div id="terminal_" class="terminal" style="flex: 1 1"></div></div>
-			<div class="input">
-				<span id="target"></span>
-				<span id="prompt">&gt;</span>
-				<input type='text' id='input'></input>
-			</div>
-			<script src="/terminal/client.js"></script>
+	<body style="display: flex; flex-flow: column">
+		<div class="navigation">
+			<span>~😎</span>
+			<span id="title">Tilde Friends</span>
+			<a href="/">home</a>
+			<a href="$(EDIT_SOURCE)">edit</a>
+			<a href="$(VIEW_SOURCE)">view source</a>
+			<a href="/~cory/about">about</a>
+			<span id="status"></span>
+			<span id="update">update available! <a href="">refresh</a> to update</span>
+			<span id="login"></span>
 		</div>
+		<div id="terminals" class="vbox"><div id="terminal_" class="terminal" style="flex: 1 1"></div></div>
+		<div class="input">
+			<span id="target"></span>
+			<span id="prompt">&gt;</span>
+			<input type='text' id='input'></input>
+		</div>
+		<script src="/terminal/client.js"></script>
 	</body>
 </html>
diff --git a/core/style.css b/core/style.css
index 8249b619..262ca684 100644
--- a/core/style.css
+++ b/core/style.css
@@ -1,24 +1,29 @@
+html {
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+}
+
 body {
 	font-family: monospace;
 	background-color: #002b36;
 	color: #eee8d5;
-}
-
-#body {
-	display: flex;
-	flex-flow: column;
 	width: 100%;
 	height: 100%;
+	padding: 0;
+	margin: 0;
 }
 
 .navigation {
 	height: auto;
-	width: 100%;
+	margin: 4px;
 }
 
 #terminals {
 	flex: 1;
 	flex-flow: column;
+	margin: 4px;
 }
 
 #logo {
