diff --git a/less/leaflet.geolets.less b/less/leaflet.geolets.less
new file mode 100644
index 0000000..f879c71
--- /dev/null
+++ b/less/leaflet.geolets.less
@@ -0,0 +1,10 @@
+//Map is full screen
+html, body, main {
+ height: 100%;
+ margin: 0;
+}
+
+#map {
+ min-height:100%;
+ background:grey;
+}
diff --git a/less/main.less b/less/main.less
index cf3ed77..a407871 100644
--- a/less/main.less
+++ b/less/main.less
@@ -1 +1,2 @@
@import "leaflet";
+@import "leaflet.geolets.less";
diff --git a/server/templates/master.marko b/server/templates/master.marko
index bb60709..c0afc0e 100644
--- a/server/templates/master.marko
+++ b/server/templates/master.marko
@@ -11,12 +11,13 @@
+ ``
- Hello
+
diff --git a/src/app.js b/src/app.js
index dbee449..b767a3a 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1 +1,13 @@
const L = require('leaflet');
+L.Icon.Default.imagePath = 'node_modules/leaflet/dist/images/';
+
+document.onload = function () {
+ const Map = L.map('map');
+ Map.setView([47.63, -122.32], 11);
+ L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+ attribution: 'Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox',
+ maxZoom: 18,
+ id: 'your.mapbox.project.id',
+ accessToken: 'your.mapbox.public.access.token'
+ }).addTo(Map);
+};