diff --git a/manifest.webmanifest b/manifest.webmanifest
new file mode 100644
index 0000000..5b2ab04
--- /dev/null
+++ b/manifest.webmanifest
@@ -0,0 +1,87 @@
+{
+	"name": "Compass",
+	"short_name": "Compass",
+	"author": "Keith Irwin",
+	"description": "Compass and GPS web app",
+	"homepage_url": "https://github.com/keith24/Compass",
+	
+	"background_color": "black",
+	"display": "standalone",
+	"icons": [{
+		"src": "icons/apple-touch-icon-114x114.png",
+		"sizes": "114x114",
+		"type": "image/png"
+	}, {
+		"src": "icons/apple-touch-icon-120x120.png",
+		"sizes": "120x120",
+		"type": "image/png"
+	}, {
+		"src": "icons/apple-touch-icon-144x144.png",
+		"sizes": "144x144",
+		"type": "image/png"
+	}, {
+		"src": "icons/apple-touch-icon-152x152.png",
+		"sizes": "152x152",
+		"type": "image/png"
+	}, {
+		"src": "icons/apple-touch-icon-57x57.png",
+		"sizes": "57x57",
+		"type": "image/png"
+	}, {
+		"src": "icons/apple-touch-icon-60x60.png",
+		"sizes": "60x60",
+		"type": "image/png"
+	}, {
+		"src": "icons/apple-touch-icon-72x72.png",
+		"sizes": "72x72",
+		"type": "image/png"
+	}, {
+		"src": "icons/apple-touch-icon-76x76.png",
+		"sizes": "76x76",
+		"type": "image/png"
+	}, {
+		"src": "icons/favicon-128.png",
+		"sizes": "128x128",
+		"type": "image/png"
+	}, {
+		"src": "icons/favicon-16x16.png",
+		"sizes": "16x16",
+		"type": "image/png"
+	}, {
+		"src": "icons/favicon-196x196.png",
+		"sizes": "196x196",
+		"type": "image/png"
+	}, {
+		"src": "icons/favicon-32x32.png",
+		"sizes": "32x32",
+		"type": "image/png"
+	}, {
+		"src": "icons/favicon-96x96.png",
+		"sizes": "96x96",
+		"type": "image/png"
+	}, {
+		"src": "icons/favicon.ico",
+		"sizes": "16x16 24x24 32x32 48x48 64x64",
+		"type": "image/ico"
+	}, {
+		"src": "icons/mstile-144x144.png",
+		"sizes": "144x144",
+		"type": "image/png"
+	}, {
+		"src": "icons/mstile-150x150.png",
+		"sizes": "150x150",
+		"type": "image/png"
+	}, {
+		"src": "icons/mstile-310x150.png",
+		"sizes": "310x150",
+		"type": "image/png"
+	}, {
+		"src": "icons/mstile-310x310.png",
+		"sizes": "310x310",
+		"type": "image/png"
+	}, {
+		"src": "icons/mstile-70x70.png",
+		"sizes": "70x70",
+		"type": "image/png"
+	}]
+}
diff --git a/script.js b/script.js
index 3f901ee..015a38a 100644
--- a/script.js
+++ b/script.js
@@ -4,9 +4,13 @@ if (!navigator.geolocation){ $('#no-gps').show(); }
 else {
 	navigator.geolocation.watchPosition(
 		// success
-		function(e) {
-			$('#lat').text(e.coords.latitude);
-			$('#lon').text(e.coords.longitude);
+		function(pos) {
+			var lat = pos.coords.latitude.toFixed(5);
+			var lon = pos.coords.longitude.toFixed(5);
+			lat = (lat.substring(0,1)=='-')? lat.substring(1)+' S' : lat+' N';
+			lon = (lon.substring(0,1)=='-')? lon.substring(1)+' E' : lon+' W';
+			$('#lat').text(lat);
+			$('#lon').text(lon);
 		}, 
 		// error
 		function() {
diff --git a/style.css b/style.css
index 36ad63c..91d6983 100644
--- a/style.css
+++ b/style.css
@@ -11,14 +11,23 @@ body {
 	font-size: 22px;
 	text-align: center;
 	padding: 4vw;
-	background-color: #111;
+	background-color: #000;
 	background-color: rgba(0,0,0,.85);
 } .error {
 	display: none;
 }
 
+.coord {
+	height: 50%;
+	text-align: center;
+	font-size: 44px;
+	font-family: monospace;
+}
+
 #rose {
 	width: 100%;
+	-webkit-transition-duration: 2s;
+	transition-duration: .2s;
 }
 
 @media (orientation:portrait) {