Skip to content

Instantly share code, notes, and snippets.

@kyletolle

kyletolle/minimal_html5.html

Last active August 29, 2015 14:13
Show Gist options
  • Save kyletolle/fd54f7436f2d6a2dec16 to your computer and use it in GitHub Desktop.
Save kyletolle/fd54f7436f2d6a2dec16 to your computer and use it in GitHub Desktop.
Download ZIP
Minimal HTML5 Pages
Raw
minimal_html5.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- For viewing the page on mobile devices -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Barebones HTML5</title>
<link rel="stylesheet" href="style.css">
<script src="application.js">
</head>
<body>
</body>
</html>
Raw
minimal_leaflet.html
<!DOCTYPE html>
<html>
<head>
<title>Minimal Leaflet Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
<style>
#map { height: 700px; }
</style>
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map').setView([37.8, -96], 3);
<!-- http://switch2osm.org/using-tiles/getting-started-with-leaflet/ -->
var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
var osmAttrib='Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors';
var osm = new L.TileLayer(osmUrl, {minZoom: 2, maxZoom: 12, attribution: osmAttrib})
map.addLayer(osm);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment