2016-12-12 20:09:21 -07:00
|
|
|
<html>
|
2017-03-29 06:02:16 -06:00
|
|
|
|
2016-12-12 20:09:21 -07:00
|
|
|
<head>
|
|
|
|
|
|
|
|
|
|
<!-- Metadata -->
|
|
|
|
|
<title>Compass</title>
|
2017-03-29 01:48:34 -06:00
|
|
|
<link rel="manifest" href="manifest.webmanifest">
|
|
|
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
2016-12-12 20:09:21 -07:00
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="author" content="Keith Irwin">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
|
|
|
|
|
<meta name="keywords" content="phone, gps, location, direction, compass, app">
|
|
|
|
|
<meta name="description" content="This simple compass makes use of a capable device's internal compass and accelerometer. ">
|
|
|
|
|
<meta name="theme-color" content="#000">
|
|
|
|
|
<meta name="msapplication-navbutton-color" content="#000">
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
|
|
|
|
|
|
|
|
<!-- Icons -->
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="icons/apple-touch-icon-57x57.png" />
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icons/apple-touch-icon-114x114.png" />
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icons/apple-touch-icon-72x72.png" />
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="icons/apple-touch-icon-144x144.png" />
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="icons/apple-touch-icon-60x60.png" />
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="icons/apple-touch-icon-120x120.png" />
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="icons/apple-touch-icon-76x76.png" />
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="icons/apple-touch-icon-152x152.png" />
|
|
|
|
|
<link rel="icon" type="image/png" href="icons/favicon-196x196.png" sizes="196x196" />
|
|
|
|
|
<link rel="icon" type="image/png" href="icons/favicon-96x96.png" sizes="96x96" />
|
|
|
|
|
<link rel="icon" type="image/png" href="icons/favicon-32x32.png" sizes="32x32" />
|
|
|
|
|
<link rel="icon" type="image/png" href="icons/favicon-16x16.png" sizes="16x16" />
|
|
|
|
|
<link rel="icon" type="image/png" href="icons/favicon-128.png" sizes="128x128" />
|
|
|
|
|
<meta name="application-name" content="Compass"/>
|
|
|
|
|
<meta name="msapplication-TileColor" content="#111" />
|
|
|
|
|
<meta name="msapplication-TileImage" content="icons/mstile-144x144.png" />
|
|
|
|
|
<meta name="msapplication-square70x70logo" content="icons/mstile-70x70.png" />
|
|
|
|
|
<meta name="msapplication-square150x150logo" content="icons/mstile-150x150.png" />
|
|
|
|
|
<meta name="msapplication-wide310x150logo" content="icons/mstile-310x150.png" />
|
|
|
|
|
<meta name="msapplication-square310x310logo" content="icons/mstile-310x310.png" />
|
|
|
|
|
|
2016-12-13 14:58:09 -07:00
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
|
2017-03-29 06:02:16 -06:00
|
|
|
</head>
|
|
|
|
|
|
2016-12-12 20:09:21 -07:00
|
|
|
<body>
|
|
|
|
|
|
2016-12-13 15:46:57 -07:00
|
|
|
<header>
|
|
|
|
|
|
2017-03-29 01:45:56 -06:00
|
|
|
<div class='error' id='no-gps'>No GPS data available. </div>
|
2018-08-30 12:52:14 -06:00
|
|
|
<div class='coord' id='lat'>0.0000 N</div>
|
|
|
|
|
<div class='coord' id='lon'>0.0000 W</div>
|
|
|
|
|
|
2017-08-07 09:15:51 -06:00
|
|
|
<div class='coord' id='alt'></div>
|
2016-12-13 15:46:57 -07:00
|
|
|
|
|
|
|
|
</header>
|
|
|
|
|
|
2016-12-12 20:09:21 -07:00
|
|
|
<main>
|
|
|
|
|
|
|
|
|
|
<noscript>You need javascript to use this. </noscript>
|
2016-12-13 15:46:57 -07:00
|
|
|
<div class='error' id='no-dir'>No direction available. Try this on a smartphone with an internal compass.</div>
|
2016-12-12 20:09:21 -07:00
|
|
|
|
2016-12-13 15:46:57 -07:00
|
|
|
<img id='rose' src="rose.svg">
|
2016-12-12 20:09:21 -07:00
|
|
|
|
|
|
|
|
</main>
|
|
|
|
|
|
2016-12-13 15:46:57 -07:00
|
|
|
<footer>
|
2017-03-29 01:45:56 -06:00
|
|
|
<div id='about'><a href="https://github.com/keith24/Compass/blob/master/README.md">About</a></div>
|
2018-08-30 12:52:14 -06:00
|
|
|
<div id='by'>by <a href="https://www.keithirwin.us/">Keith Irwin</a></div>
|
2016-12-13 15:46:57 -07:00
|
|
|
</footer>
|
2016-12-12 20:09:21 -07:00
|
|
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
2018-08-30 12:01:11 -06:00
|
|
|
<script src="coordinates.js"></script>
|
|
|
|
|
<script src="direction.js"></script>
|
2017-03-29 06:02:16 -06:00
|
|
|
|
2016-12-12 20:09:21 -07:00
|
|
|
</body>
|
2017-03-29 06:02:16 -06:00
|
|
|
|
2016-12-12 20:09:21 -07:00
|
|
|
</html>
|
