You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.9 KiB
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>
|