From 421932c72564a9227aca859d806ff06084db84c9 Mon Sep 17 00:00:00 2001
From: Drew Harwell <fenwick67@users.noreply.github.com>
Date: Sun, 30 Apr 2017 13:32:46 -0500
Subject: [PATCH] Update index.html

---
 static/index.html | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)
diff --git a/static/index.html b/static/index.html
index 963ff12..dc3e8fe 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,28 +1,30 @@
-<html><head></head><body>
+<html><head>
+	<title>Mastofeed - embeddable Mastodon feeds</title>	
+</head>
+<body>
 <h4>Example:</h4>
-<label>Instance URL:<input type="text" id="urlin" placeholder="octodon.social"></input></label><br>
-<label>Username:<input type="text" id="usernamein" placeholder="fenwick67"></input></label><br>
-<label>Width(px):<input type="text" id="width" value="400"></input></label><br>
-<label>Height(px):<input type="text" id="height" value="800"></input></label><br>
+<label>Instance URL:<input type="text" id="urlin" placeholder="octodon.social"></label><br>
+<label>Username:<input type="text" id="usernamein" placeholder="fenwick67"></label><br>
+<label>Width(px):<input type="text" id="width" value="400"></label><br>
+<label>Height(px):<input type="text" id="height" value="800"></label><br>
 
 <button onclick="genUrl()" value="generate">Generate</button>
 <br>
 <br>
-<label>Use this markup in your HTML: <input id="result" placeholder="result will go here"></input>
+<label>Use this markup in your HTML: <input id="result" placeholder="result will go here">
 <br>
 <h4>Preview</h4>
 <iframe width="400" height="800" id="frame" sandbox src=""></iframe>
 <script>
 function genUrl(){
-	//https://octodon.social/users/fenwick67.atom
 	function val(id){
 		return document.getElementById(id).value;
 	}
 	
-	var inUrl = window.location.protocol + '//' + val('urlin') + '/users/'+val('usernamein')+'.atom';
+	var inUrl = 'https://' + val('urlin') + '/users/'+val('usernamein')+'.atom';
 	
 	
-	var iframeUrl = 'http://'+ window.location.hostname +((window.location.port && window.location.port!=80)?(':'+window.location.port):'') +"/api/feed?url="+encodeURIComponent(inUrl);
+	var iframeUrl = window.location.protocol + '//'+ window.location.hostname +((window.location.port && window.location.port!=80)?(':'+window.location.port):'') +"/api/feed?url="+encodeURIComponent(inUrl);
 	document.getElementById('result').value = '<iframe sandbox width="'+val('width')+'" height="'+val('height')+'" src="'+iframeUrl+'"></iframe>';
 
 	var iframe = document.getElementById('frame');
@@ -31,4 +33,5 @@ function genUrl(){
 	iframe.height = val('height');
 }
 </script>
-</body></html>
+</body>
+</html>
