60 lines
1.8 KiB
HTML
60 lines
1.8 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 {
|
|
margin: 0;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
background: #000;
|
|
color: #EEE;
|
|
}
|
|
main {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<noscript>You need javascript to use this. </noscript>
|
|
|
|
<!-- Main container -->
|
|
<main></main>
|
|
|
|
<!-- Scripts -->
|
|
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAaDEDFAbk7Iefh9y61wuooDH2kWHRT_k8&callback=init"></script>
|
|
<script src="script.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|