diff --git a/README.md b/README.md
index 84e6498..45acc2b 100644
--- a/README.md
+++ b/README.md
@@ -1,27 +1,30 @@
-SVG-optimiser.js
-================
+# `SVG-optimiser.js`
+> An online SVG optimiser using JavaScript and jQuery
 
-An online SVG optimiser using Javascript and jQuery
+Use it now: https://mountainash.github.io/SVG-optimiser.js/
 
-##Using optimise-functions.js and SVG-elements.js
+## Using `optimise-functions.js` and `SVG-elements.js`
 
-###Create an SVG_Root object
+### Create an `SVG_Root` object
 The `SVG_Root` object is what parses the SVG and allows you to access the optimisation functions. You can pass it either a complete SVG or an SVG element (which can have child elements).
 
 You can pass it a string with: 
 `var SVGObject = SVG_Root('<path d="M10 20 M 30 40"/>');`
 
-Or a JQuery object with: 
+Or a jQuery object with: 
 `var SVGObject = SVG_Root($('#my-svg'));`
 
-###Optimise the SVG
+### Optimise the SVG
 Optimisation is done with: `svg.optimise();`
 
 There are many options which I will have to write about at some point.
 
-###Write the SVG
+### Write the SVG
 You can get the SVG as a string with:
 `SVGObject.write();`
 
 Or as a DOM element with:
 `SVGObject.createSVGObject();`
+
+## Licence
+- [MIT](./LICENSE)
diff --git a/test.html b/index.html
similarity index 56%
rename from test.html
rename to index.html
index 8b236a9..048c4a4 100644
--- a/test.html
+++ b/index.html
@@ -1,16 +1,43 @@
 <!DOCTYPE HTML>
 <html lang="en">
-
 <head>
-    <title>SVG optimisation</title>
-    <link rel='stylesheet' type='text/css' href='test.css'/>
-    <script type="text/javascript" src="lib/jquery-1.11.1.min.js"></script>
-    <script type="text/javascript" src="scripts/SVG-data.js"></script>
-    <script type="text/javascript" src="scripts/optimiseSVG.js"></script>
-    <script type="text/javascript" src="scripts/optimise-functions.js"></script>
-    <script type="text/javascript" src="scripts/interface.js"></script>
-</head>
+    <title>SVG Optimisation</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="scripts/SVG-data.js"></script>
+    <script src="scripts/optimiseSVG.js"></script>
+    <script src="scripts/optimise-functions.js"></script>
+    <script src="scripts/interface.js"></script>
+    <style>
+        body {
+            font-family: sans-serif;
+        }
+
+        textarea {
+            margin-top: 1em;
+            width: 100%;
+            height: 200px;
+        }
 
+        #optimise-container > div {
+            display: inline-block;
+            background: #e8e8e8;
+            margin: 5px;
+            padding: 5px;
+        }
+
+        #options-container {
+            -webkit-columns: 300px 3;
+            -moz-columns: 300px 3;
+            columns: 300px 3;
+        }
+
+        #output-container {
+            white-space: pre-wrap;
+            font-family: Fixed, 'Courier New', monospace;
+            font-size: 12px;
+        }
+    </style>
+</head>
 <body>
     <h1>SVG optimiser</h1>
 
@@ -18,11 +45,13 @@ <h1>SVG optimiser</h1>
         <h2>Upload</h2>
         <div id="upload-container">
             <div>
+                <!-- Missing from git
                 <button onclick="getExampleSVG('mad-scientist')">Example: Scientist</button>
                 <button onclick="getExampleSVG('FClef')">Example: Clef</button>
                 <button onclick="getExampleSVG('eleven_below')">Example: Room</button>
                 <button onclick="getExampleSVG('Awesome_tiger')">Example: Tiger</button>
                 <button onclick="getExampleSVG('Example')">Example: Another example</button>
+                -->
                 <button onclick="loadSVG('svg-input')">Upload</button>
             </div>
             <textarea id="input-svg" placeholder="Paste SVG code here, then click upload"></textarea>
@@ -53,7 +82,7 @@ <h3>Options</h3>
 
     <section id="output-section">
         <h2>Output</h2>
-        <div id="output-container"></div>
+        <textarea id="output-container"></textarea>
     </section>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..9da3e5e
--- /dev/null
+++ b/index.md
@@ -0,0 +1,2 @@
+# [index.html](./index.html)
+- [Go here](./index.html)
diff --git a/scripts/interface.js b/scripts/interface.js
index 625d1d2..1b7f07c 100644
--- a/scripts/interface.js
+++ b/scripts/interface.js
@@ -126,17 +126,15 @@ function loadSVG(id) {
     optimiseSVG(svgObj);
 
     // Update interface
-    $('#upload-container').hide("fast");
+    $('#upload-section').hide('fast');
     addOptions(svgObj);
-    $('#output-section').show();
-    $('#optimise-section').show();
+    $('#output-section,#optimise-section').show();
 }
 
-$(document).ready(function() {
+$(function() {
     $('#upload-section > h2').click(function() {
         $('#upload-container').toggle('fast');
     });
 
-    $('#output-section').hide();
-    $('#optimise-section').hide();
-});
\ No newline at end of file
+    $('#output-section,#optimise-section').hide();
+});
diff --git a/test.css b/test.css
deleted file mode 100644
index 49f7037..0000000
--- a/test.css
+++ /dev/null
@@ -1,24 +0,0 @@
-#optimise-container > div {
-	display: inline-block;
-	background: #e8e8e8;
-	margin: 5px;
-	padding: 5px;
-}
-
-#input-svg {
-	width:800px;
-	height:200px;
-	border: 1px solid #888;
-}
-
-#options-container {
-	-webkit-columns: 300px 3;
-    -moz-columns: 300px 3;
-    columns: 300px 3;
-}
-
-#output-container {
-	white-space: pre-wrap;
-	font-family: Fixed, 'Courier New', monospace;
-	font-size: 12px;
-}
\ No newline at end of file
