streetmapme/index.html

57 lines
1.9 KiB
HTML

<html>
<head>
<!-- Metadata -->
<title>Streetmap Me</title>
<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, streetview, road, street, app">
<meta name="description" content="This app shows a streetview image of your current geolocation. ">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta charset="UTF-8">
<!-- Browser theming -->
<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#da532c">
<meta name="msapplication-navbutton-color" content="#da532c">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="msapplication-config" content="/browserconfig.xml">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#da532c">
<!-- Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
<link rel="shortcut icon" href="/icons/favicon.ico">
<!-- Styles -->
<style>
body, main, main img {
margin: 0;
height: 100vh;
width: 100vw;
background: #000;
color: #EEE;
}
</style>
</head>
<body>
<noscript>You need javascript to use this. </noscript>
<!-- Main container -->
<main><img/></main>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAaDEDFAbk7Iefh9y61wuooDH2kWHRT_k8"></script>
<script src="script.js"></script>
</body>
</html>