1 files changed, 25 insertions, 9 deletions
diff --git a/template.go b/template.go
index 6fb1162..3b0fe2f 100644
--- a/template.go
+++ b/template.go
@@ -1,29 +1,45 @@
 package gopherproxy
 var tpltext = `<!doctype html>
-<html>
+<html:>
 <head>
 <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>{{.Title}}</title>
 <style>
-* {
+  body {
-  font-family: Monospace;
+        background: #FFFFFF;
-}
+  }
+  section {
+        margin: auto;
+        width: 50%;
+    font-family:Courier;
+    color: #CCCCCC;
+    background: #000000;
+    border: 3px double #CCCCCC;
+    color: #FFFFFF;
+    border-radius: 1em;
+    padding: 1em;
+        overflow-x: auto;
+  }
 </style>
 </head>
 <body>
+<section>
 <pre>
 {{range .Lines}} {{if .Link}}({{.Type}}) <a class="{{ .Type }}" href="{{.Link}}">{{.Text}}</a>{{else}}      {{.Text}}{{end}}
 {{end}}</pre>
+</section>
 <script src="https://code.jquery.com/jquery-3.1.0.slim.min.js" integrity="sha256-cRpWjoSOw5KcyIOaZNo4i6fZ9tKPhYYb6i5T9RSVJG8=" crossorigin="anonymous"></script>
 <script type="text/javascript">
 $(document).ready(function () {
  $(".QRY").click(function (e) {
-    e.preventDefault();
+        e.preventDefault();
-    var query = prompt("Please enter required input: ", "");
+        var query = prompt("Please enter required input: ", "");
-    if (query != null) {
+        if (query != null) {
-      window.location = e.target.href + "?" + query;
+          window.location = e.target.href + "?" + query;
-    }
+        }
  });
 });
 </script>