diff --git a/examples/accessible.html b/examples/accessible.html
index 79ac80213f..f60fe49cb3 100644
--- a/examples/accessible.html
+++ b/examples/accessible.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Accessibility example
shortdesc: Example of an accessible map.
docs: >
diff --git a/examples/animation.html b/examples/animation.html
index 8914fc25c6..210922a23b 100644
--- a/examples/animation.html
+++ b/examples/animation.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Animation example
shortdesc: Demonstrates animated pan, zoom, and rotation.
docs: >
diff --git a/examples/arcgis-tiled.html b/examples/arcgis-tiled.html
index 3959a824c2..0d7eb78f39 100644
--- a/examples/arcgis-tiled.html
+++ b/examples/arcgis-tiled.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Tiled ArcGIS MapServer example
shortdesc: Example of a tiled ArcGIS layer.
docs: >
diff --git a/examples/attributions.html b/examples/attributions.html
index 6931cb02d6..a807c0a320 100644
--- a/examples/attributions.html
+++ b/examples/attributions.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Attributions example
shortdesc: Example of a attributions visibily change on map resize, to collapse them on small maps.
docs: >
diff --git a/examples/bing-maps.html b/examples/bing-maps.html
index 4c7007d71c..b75b473b02 100644
--- a/examples/bing-maps.html
+++ b/examples/bing-maps.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Bing Maps example
shortdesc: Example of a Bing Maps layer.
docs: >
diff --git a/examples/blend-modes.html b/examples/blend-modes.html
index a657fb8f7d..10f027ecfb 100644
--- a/examples/blend-modes.html
+++ b/examples/blend-modes.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Blend modes example
shortdesc: Shows how to change the canvas compositing / blending mode in post- and precompose eventhandlers.
docs: >
diff --git a/examples/box-selection.html b/examples/box-selection.html
index 720fe11ded..b0089cb9ec 100644
--- a/examples/box-selection.html
+++ b/examples/box-selection.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Box selection example
shortdesc: Using a DragBox interaction to select features.
docs: >
diff --git a/examples/button-title.html b/examples/button-title.html
index 640d168ccd..09dda1816e 100644
--- a/examples/button-title.html
+++ b/examples/button-title.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Custom tooltips example
shortdesc: This example shows how to customize the buttons tooltips with Bootstrap.
docs: >
diff --git a/examples/canvas-tiles.html b/examples/canvas-tiles.html
index 2b2c2f3ff1..021104ca5a 100644
--- a/examples/canvas-tiles.html
+++ b/examples/canvas-tiles.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Canvas tiles example
shortdesc: Renders tiles with coordinates for debugging.
docs: >
diff --git a/examples/center.html b/examples/center.html
index b70b106152..255572c5ab 100644
--- a/examples/center.html
+++ b/examples/center.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Advanced View Positioning example
shortdesc: This example demonstrates how a map's view can be adjusted so a geometry or coordinate is positioned at a specific pixel location.
docs: >
diff --git a/examples/cluster.html b/examples/cluster.html
index 8181c33a6b..b327010cf1 100644
--- a/examples/cluster.html
+++ b/examples/cluster.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Clustering example
shortdesc: Example of using ol.source.Cluster.
docs: >
diff --git a/examples/color-manipulation.html b/examples/color-manipulation.html
index a8e6a067cf..6495ab8c38 100644
--- a/examples/color-manipulation.html
+++ b/examples/color-manipulation.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Manipulating colors with a raster source
shortdesc: Demonstrates color manipulation with a raster source.
docs: >
diff --git a/examples/custom-controls.html b/examples/custom-controls.html
index 542b222a8c..b1d7906714 100644
--- a/examples/custom-controls.html
+++ b/examples/custom-controls.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Custom control example
shortdesc: Shows how to create custom controls.
docs: >
diff --git a/examples/custom-interactions.html b/examples/custom-interactions.html
index b04b929aab..3da1d6d982 100644
--- a/examples/custom-interactions.html
+++ b/examples/custom-interactions.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Custom interaction example
shortdesc: Example of a custom interaction.
docs: >
diff --git a/examples/d3.html b/examples/d3.html
index c062331adc..5266a8fd64 100644
--- a/examples/d3.html
+++ b/examples/d3.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: d3 integration example
shortdesc: Example of using ol3 and d3 together.
docs: >
diff --git a/examples/device-orientation.html b/examples/device-orientation.html
index d9695fa1c5..aa84dbbe12 100644
--- a/examples/device-orientation.html
+++ b/examples/device-orientation.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Device-Orientation example
shortdesc: Listen to DeviceOrientation events.
docs: >
diff --git a/examples/drag-and-drop-image-vector.html b/examples/drag-and-drop-image-vector.html
index e1097a2c0b..c810cd3e8a 100644
--- a/examples/drag-and-drop-image-vector.html
+++ b/examples/drag-and-drop-image-vector.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Drag-and-Drop image vector example
shortdesc: Example of using the drag-and-drop interaction with a ol.source.ImageVector. Drag and drop GPX, GeoJSON, IGC, KML, or TopoJSON files on to the map. Each file is rendered to an image on the client.
docs: >
diff --git a/examples/drag-and-drop.html b/examples/drag-and-drop.html
index a3a90a0c8b..77c843c873 100644
--- a/examples/drag-and-drop.html
+++ b/examples/drag-and-drop.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Drag-and-Drop example
shortdesc: Example of using the drag-and-drop interaction. Drag and drop GPX, GeoJSON, IGC, KML, or TopoJSON files on to the map. There is no projection transform support, so this will only work with data in EPSG:4326 and EPSG:3857.
docs: >
diff --git a/examples/drag-rotate-and-zoom.html b/examples/drag-rotate-and-zoom.html
index 928d3ab2c1..5f2e8628f9 100644
--- a/examples/drag-rotate-and-zoom.html
+++ b/examples/drag-rotate-and-zoom.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Drag rotate and zoom example
shortdesc: A single interaction to drag, rotate, and zoom.
docs: >
diff --git a/examples/draw-and-modify-features.html b/examples/draw-and-modify-features.html
index 22204f112d..4ee17680ca 100644
--- a/examples/draw-and-modify-features.html
+++ b/examples/draw-and-modify-features.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Draw and modify features example
shortdesc: Example of using the ol.interaction.Draw interaction together with the ol.interaction.Modify interaction.
docs: >
diff --git a/examples/draw-features.html b/examples/draw-features.html
index 9c0c883333..28f113863f 100644
--- a/examples/draw-features.html
+++ b/examples/draw-features.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Draw features example
shortdesc: Example of using the ol.interaction.Draw interaction.
docs: >
diff --git a/examples/dynamic-data.html b/examples/dynamic-data.html
index 5bc615044c..77919df010 100644
--- a/examples/dynamic-data.html
+++ b/examples/dynamic-data.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Dynamic data example
shortdesc: Example of dynamic data.
docs: >
diff --git a/examples/earthquake-clusters.html b/examples/earthquake-clusters.html
index 685bd1c4cf..fef9aa5be2 100644
--- a/examples/earthquake-clusters.html
+++ b/examples/earthquake-clusters.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Earthquake Clusters
shortdesc: Demonstrates the use of style geometries to render source features of a cluster.
docs: >
diff --git a/examples/epsg-4326.html b/examples/epsg-4326.html
index 5c100ae083..649ca40ec7 100644
--- a/examples/epsg-4326.html
+++ b/examples/epsg-4326.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: EPSG:4326 example
shortdesc: Example of a map in EPSG:4326.
docs: >
diff --git a/examples/export-map.html b/examples/export-map.html
index 9aadc21162..f1e3963bd7 100644
--- a/examples/export-map.html
+++ b/examples/export-map.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Export map example
shortdesc: Example of exporting a map as a PNG image.
docs: >
diff --git a/examples/feature-animation.html b/examples/feature-animation.html
index 6dd0795b36..6b8092ec02 100644
--- a/examples/feature-animation.html
+++ b/examples/feature-animation.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Feature animation example
shortdesc: Demonstrates how to animate features.
docs: >
diff --git a/examples/feature-move-animation.html b/examples/feature-move-animation.html
index e75b4d7450..2974ca7317 100644
--- a/examples/feature-move-animation.html
+++ b/examples/feature-move-animation.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Animate a feature movement
shortdesc: Demonstrates how to move a feature along a line.
docs: >
diff --git a/examples/fractal.html b/examples/fractal.html
index 96f45e7b4a..882563d452 100644
--- a/examples/fractal.html
+++ b/examples/fractal.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Fractal Example
shortdesc: Example of a fractal.
docs: >
diff --git a/examples/full-screen-drag-rotate-and-zoom.html b/examples/full-screen-drag-rotate-and-zoom.html
index 9316923cd5..3eb2513d60 100644
--- a/examples/full-screen-drag-rotate-and-zoom.html
+++ b/examples/full-screen-drag-rotate-and-zoom.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Full screen drag rotate and zoom example
shortdesc: Example of drag rotate and zoom control with full screen effect.
docs: >
diff --git a/examples/full-screen.html b/examples/full-screen.html
index bd5b7bdd62..d06294e476 100644
--- a/examples/full-screen.html
+++ b/examples/full-screen.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Full screen control example
shortdesc: Example of a full screen control.
docs: >
diff --git a/examples/geojson.html b/examples/geojson.html
index d51b33ebd4..7e1316b3e2 100644
--- a/examples/geojson.html
+++ b/examples/geojson.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: GeoJSON example
shortdesc: Example of GeoJSON features.
docs: >
diff --git a/examples/geolocation-orientation.html b/examples/geolocation-orientation.html
index 0febead474..6cbd755a15 100644
--- a/examples/geolocation-orientation.html
+++ b/examples/geolocation-orientation.html
@@ -1,5 +1,5 @@
---
-template: example-verbatim.html
+layout: example-verbatim.html
title: Geolocation Tracking with Orientation
shortdesc: Example of a geolocated and oriented map.
tags: "fullscreen, geolocation, orientation, mobile"
diff --git a/examples/geolocation.html b/examples/geolocation.html
index 044cf25183..d8c86d69a4 100644
--- a/examples/geolocation.html
+++ b/examples/geolocation.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Geolocation example
shortdesc: Example of a geolocation map.
docs: >
diff --git a/examples/getfeatureinfo-image.html b/examples/getfeatureinfo-image.html
index 27b7e79bf5..004d5c2151 100644
--- a/examples/getfeatureinfo-image.html
+++ b/examples/getfeatureinfo-image.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: GetFeatureInfo example (image layer)
shortdesc: This example shows how to trigger WMS GetFeatureInfo requests on click for a WMS image layer.
docs: >
diff --git a/examples/getfeatureinfo-tile.html b/examples/getfeatureinfo-tile.html
index 45b1501bdd..9dd47c9d6e 100644
--- a/examples/getfeatureinfo-tile.html
+++ b/examples/getfeatureinfo-tile.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WMS GetFeatureInfo example (tile layer)
shortdesc: This example shows how to trigger WMS GetFeatureInfo requests on click for a WMS tile layer.
docs: >
diff --git a/examples/gpx.html b/examples/gpx.html
index 128d2e4350..281ee986d3 100644
--- a/examples/gpx.html
+++ b/examples/gpx.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: GPX example
shortdesc: Example of using the GPX source.
docs: >
diff --git a/examples/graticule.html b/examples/graticule.html
index d334a67771..5813bdfa32 100644
--- a/examples/graticule.html
+++ b/examples/graticule.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Graticule example
shortdesc: This example shows how to add a graticule overlay to a map.
docs: >
diff --git a/examples/heatmap-earthquakes.html b/examples/heatmap-earthquakes.html
index ecdd0813d2..6b76020226 100644
--- a/examples/heatmap-earthquakes.html
+++ b/examples/heatmap-earthquakes.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Earthquakes heatmap
shortdesc: Demonstrates the use of a heatmap layer.
docs: >
diff --git a/examples/icon-sprite-webgl.html b/examples/icon-sprite-webgl.html
index f56342182b..83be6b4010 100644
--- a/examples/icon-sprite-webgl.html
+++ b/examples/icon-sprite-webgl.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Icon sprites with WebGL example
shortdesc: Icon sprite with WebGL
docs: >
diff --git a/examples/icon.html b/examples/icon.html
index 675f7cd3da..b8368ac304 100644
--- a/examples/icon.html
+++ b/examples/icon.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Vector Icon Example
shortdesc: Example using an icon to symbolize a point.
docs: >
diff --git a/examples/igc.html b/examples/igc.html
index b15a207cee..121c1246ee 100644
--- a/examples/igc.html
+++ b/examples/igc.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: IGC example
shortdesc: Example of tracks recorded from multiple paraglider flights on the same day, read from an IGC file.
docs: >
diff --git a/examples/image-filter.html b/examples/image-filter.html
index 94196be3a7..da4bddb9a2 100644
--- a/examples/image-filter.html
+++ b/examples/image-filter.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Image Filter Example
shortdesc: Apply a filter to imagery
docs: >
diff --git a/examples/image-load-events.html b/examples/image-load-events.html
index daff7987ae..b861b11e9a 100644
--- a/examples/image-load-events.html
+++ b/examples/image-load-events.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Image load events example
shortdesc: Example using image load events.
docs: >
diff --git a/examples/image-vector-layer.html b/examples/image-vector-layer.html
index 13994e8426..261e020a00 100644
--- a/examples/image-vector-layer.html
+++ b/examples/image-vector-layer.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Image vector layer example
shortdesc: Example of an image vector layer.
docs: >
diff --git a/examples/jsts.html b/examples/jsts.html
index 5b3b804877..b3282c6573 100644
--- a/examples/jsts.html
+++ b/examples/jsts.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: JSTS Example
shortdesc: Example on how to use JSTS with OpenLayers 3.
docs: >
diff --git a/examples/kml-earthquakes.html b/examples/kml-earthquakes.html
index c8719298c2..3f48c7fcb4 100644
--- a/examples/kml-earthquakes.html
+++ b/examples/kml-earthquakes.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Earthquakes in KML
shortdesc: Demonstrates the use of a Shape symbolizer to render earthquake locations.
docs: >
diff --git a/examples/kml-timezones.html b/examples/kml-timezones.html
index 9eed45133c..251c39f296 100644
--- a/examples/kml-timezones.html
+++ b/examples/kml-timezones.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Timezones in KML
shortdesc: Demonstrates rendering timezones from KML.
docs: >
diff --git a/examples/kml.html b/examples/kml.html
index 05a50932e7..e8193db49e 100644
--- a/examples/kml.html
+++ b/examples/kml.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: KML example
shortdesc: Example of using the KML source.
docs: >
diff --git a/examples/layer-clipping-webgl.html b/examples/layer-clipping-webgl.html
index 3d31d4da33..e1efb09b0b 100644
--- a/examples/layer-clipping-webgl.html
+++ b/examples/layer-clipping-webgl.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Layer WebGL clipping example
shortdesc: Layer WebGL clipping example.
docs: >
diff --git a/examples/layer-clipping.html b/examples/layer-clipping.html
index 70866741ba..ca7f1af343 100644
--- a/examples/layer-clipping.html
+++ b/examples/layer-clipping.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Layer clipping example
shortdesc: Layer clipping example
docs: >
diff --git a/examples/layer-extent.html b/examples/layer-extent.html
index 22f32e90cc..020474b8bc 100644
--- a/examples/layer-extent.html
+++ b/examples/layer-extent.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Limited Layer Extent
shortdesc: Restricting layer rendering to a limited extent.
docs: >
diff --git a/examples/layer-group.html b/examples/layer-group.html
index c593f289c0..8beddb6789 100644
--- a/examples/layer-group.html
+++ b/examples/layer-group.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Layer group example
shortdesc: Example of a map with layer group.
docs: >
diff --git a/examples/layer-spy.html b/examples/layer-spy.html
index caac4fa1cc..6d74ee822e 100644
--- a/examples/layer-spy.html
+++ b/examples/layer-spy.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Layer Spy Example
shortdesc: View a portion of one layer over another
docs: >
diff --git a/examples/layer-swipe.html b/examples/layer-swipe.html
index e02d113cd9..5ef41e5217 100644
--- a/examples/layer-swipe.html
+++ b/examples/layer-swipe.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Layer Swipe example
shortdesc: Example of a Layer swipe map.
docs: >
diff --git a/examples/layer-z-index.html b/examples/layer-z-index.html
index b61ea00d03..b9a61c4938 100644
--- a/examples/layer-z-index.html
+++ b/examples/layer-z-index.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Z-index layer ordering example
shortdesc: Example of ordering layers using Z-index.
docs: >
diff --git a/examples/lazy-source.html b/examples/lazy-source.html
index 75a73e7aff..5a87a36661 100644
--- a/examples/lazy-source.html
+++ b/examples/lazy-source.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Lazy Source
shortdesc: Example of setting a layer source after construction.
docs: >
diff --git a/examples/line-arrows.html b/examples/line-arrows.html
index 3263c67c6e..701fba1169 100644
--- a/examples/line-arrows.html
+++ b/examples/line-arrows.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: LineString arrows example
shortdesc: Example of drawing arrows for each line string segment.
docs: >
diff --git a/examples/localized-openstreetmap.html b/examples/localized-openstreetmap.html
index 844a78dc88..39cb029f60 100644
--- a/examples/localized-openstreetmap.html
+++ b/examples/localized-openstreetmap.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Localized OpenStreetMap example
shortdesc: Example of a localized OpenStreetMap map with a custom tile server and a custom attribution.
docs: >
diff --git a/examples/mapbox-vector-tiles-advanced.html b/examples/mapbox-vector-tiles-advanced.html
index 0edbe9fe50..b06bb87248 100644
--- a/examples/mapbox-vector-tiles-advanced.html
+++ b/examples/mapbox-vector-tiles-advanced.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Advanced Mapbox vector tiles example
shortdesc: Example of a Mapbox vector tiles map with custom tile grid.
docs: >
diff --git a/examples/mapbox-vector-tiles.html b/examples/mapbox-vector-tiles.html
index 27a8dc54c2..e0d04a17a9 100644
--- a/examples/mapbox-vector-tiles.html
+++ b/examples/mapbox-vector-tiles.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Mapbox vector tiles example
shortdesc: Example of a Mapbox vector tiles map.
docs: >
diff --git a/examples/mapguide-untiled.html b/examples/mapguide-untiled.html
index 3bd04ee457..a7bac037d9 100644
--- a/examples/mapguide-untiled.html
+++ b/examples/mapguide-untiled.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: MapGuide untiled example
shortdesc: Example of a untiled MapGuide map.
docs: >
diff --git a/examples/mapquest.html b/examples/mapquest.html
index 723a087e66..8c0382afda 100644
--- a/examples/mapquest.html
+++ b/examples/mapquest.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: MapQuest example
shortdesc: Example of a MapQuest map.Shows how to create custom controls.
docs: >
diff --git a/examples/measure.html b/examples/measure.html
index 6839a0d3c6..4360a1953a 100644
--- a/examples/measure.html
+++ b/examples/measure.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Measure example
shortdesc: Example of using the ol.interaction.Draw interaction for creating simple measuring application.
docs: >
diff --git a/examples/min-max-resolution.html b/examples/min-max-resolution.html
index dbbe815f27..e21a9356c4 100644
--- a/examples/min-max-resolution.html
+++ b/examples/min-max-resolution.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Min/max resolution example
shortdesc: Show/hide layers depending on current view resolution.
docs: >
diff --git a/examples/mobile-full-screen.html b/examples/mobile-full-screen.html
index e9be76a9f0..3b427d805f 100644
--- a/examples/mobile-full-screen.html
+++ b/examples/mobile-full-screen.html
@@ -1,5 +1,5 @@
---
-template: example-verbatim.html
+layout: example-verbatim.html
title: Full-Screen Mobile
shortdesc: Example of a full screen map.
tags: "fullscreen, geolocation, mobile"
diff --git a/examples/modify-features.html b/examples/modify-features.html
index 0444b51b74..35a14c289c 100644
--- a/examples/modify-features.html
+++ b/examples/modify-features.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Modify features example
shortdesc: Editing features with the modify interaction.
docs: >
diff --git a/examples/modify-test.html b/examples/modify-test.html
index 17e8fc8575..2ab4e74566 100644
--- a/examples/modify-test.html
+++ b/examples/modify-test.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Modify features test
shortdesc: Example for testing feature modification.
docs: >
diff --git a/examples/mouse-position.html b/examples/mouse-position.html
index bf1262bc4e..6106db7c32 100644
--- a/examples/mouse-position.html
+++ b/examples/mouse-position.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Mouse position example
shortdesc: Example of a mouse position control, outside the map.
docs: >
diff --git a/examples/moveend.html b/examples/moveend.html
index de23bd8855..011a5adc9c 100644
--- a/examples/moveend.html
+++ b/examples/moveend.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Moveend Example
shortdesc: Use of the moveend event.
docs: >
diff --git a/examples/navigation-controls.html b/examples/navigation-controls.html
index 186ca47304..ba98d3dd26 100644
--- a/examples/navigation-controls.html
+++ b/examples/navigation-controls.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Navigation controls example
shortdesc: Shows how to add navigation controls.
docs: >
diff --git a/examples/overlay.html b/examples/overlay.html
index 59476bfc7a..fc4f88b1ca 100644
--- a/examples/overlay.html
+++ b/examples/overlay.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Overlay example
shortdesc: Demonstrates overlays.
docs: >
diff --git a/examples/overviewmap-custom.html b/examples/overviewmap-custom.html
index e82fb25c26..c1857b682e 100644
--- a/examples/overviewmap-custom.html
+++ b/examples/overviewmap-custom.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: OverviewMap control example advanced
shortdesc: Example of OverviewMap control with advanced customization.
docs: >
diff --git a/examples/overviewmap.html b/examples/overviewmap.html
index 19691beeb4..e8f9627f37 100644
--- a/examples/overviewmap.html
+++ b/examples/overviewmap.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: OverviewMap control example
shortdesc: Example of OverviewMap control.
docs: >
diff --git a/examples/permalink.html b/examples/permalink.html
index 6191c32ec6..cb4d38a98b 100644
--- a/examples/permalink.html
+++ b/examples/permalink.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Permalink example
shortdesc: Example on how to create permalinks.
docs: >
diff --git a/examples/polygon-styles.html b/examples/polygon-styles.html
index 8264727846..4d8de6d76c 100644
--- a/examples/polygon-styles.html
+++ b/examples/polygon-styles.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Custom styles for polygons
shortdesc: Showing the vertices of a polygon with a custom style geometry.
docs: >
diff --git a/examples/popup.html b/examples/popup.html
index e0b13ef7c9..ed1b05e6d4 100644
--- a/examples/popup.html
+++ b/examples/popup.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Popup example
shortdesc: Uses an overlay to create a popup.
docs: >
diff --git a/examples/preload.html b/examples/preload.html
index f98292a7d7..3dc0cce116 100644
--- a/examples/preload.html
+++ b/examples/preload.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Preload example
shortdesc: Example of tile preloading.
docs: >
diff --git a/examples/raster.html b/examples/raster.html
index 1c57d39e04..e8342a3c19 100644
--- a/examples/raster.html
+++ b/examples/raster.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Raster Source
shortdesc: Demonstrates pixelwise operations with a raster source.
docs: >
diff --git a/examples/readme.md b/examples/readme.md
index e5cff8f570..a32f178dbb 100644
--- a/examples/readme.md
+++ b/examples/readme.md
@@ -2,7 +2,7 @@
The `.html` files in this folder are built by applying the templates in the `config/examples/` folder. Examples have [YAML front-matter](http://www.metalsmith.io) headers with the following properties:
-* template: The template from the `config/examples/` directory to use for this example
+* layout: The template from the `config/examples/` directory to use for this example
* title: The title of the example
* shortdesc: A short description for the example index
* docs: Documentation of the example. Can be markdown.
diff --git a/examples/region-growing.html b/examples/region-growing.html
index 7cf769ff67..1aa24b0fba 100644
--- a/examples/region-growing.html
+++ b/examples/region-growing.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Region Growing
shortdesc: Grow a region from a seed pixel
docs: >
diff --git a/examples/regularshape.html b/examples/regularshape.html
index 04597160e2..bd5e2cbb88 100644
--- a/examples/regularshape.html
+++ b/examples/regularshape.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Regular Shape example
shortdesc: Example of some Regular Shape styles.
docs: >
diff --git a/examples/reprojection-by-code.html b/examples/reprojection-by-code.html
index ab784c4607..1965729d06 100644
--- a/examples/reprojection-by-code.html
+++ b/examples/reprojection-by-code.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Reprojection with EPSG.io database search
shortdesc: Demonstrates client-side raster reprojection of MapQuest OSM to arbitrary projection
docs: >
diff --git a/examples/reprojection-image.html b/examples/reprojection-image.html
index 4b505605ad..845c4aa669 100644
--- a/examples/reprojection-image.html
+++ b/examples/reprojection-image.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Image reprojection example
shortdesc: Demonstrates client-side reprojection of single image source.
docs: >
diff --git a/examples/reprojection-wgs84.html b/examples/reprojection-wgs84.html
index f6f1ec3754..1e4bd1a627 100644
--- a/examples/reprojection-wgs84.html
+++ b/examples/reprojection-wgs84.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: OpenStreetMap reprojection example
shortdesc: Demonstrates client-side reprojection of OpenStreetMap in WGS84.
docs: >
diff --git a/examples/reprojection.html b/examples/reprojection.html
index 365c612945..dc3af997db 100644
--- a/examples/reprojection.html
+++ b/examples/reprojection.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Raster reprojection example
shortdesc: Demonstrates client-side raster reprojection between various projections.
docs: >
diff --git a/examples/rotation.html b/examples/rotation.html
index 0b8dd1b66e..85714fcafc 100644
--- a/examples/rotation.html
+++ b/examples/rotation.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Rotation example
shortdesc: Example of a rotated map.
docs: >
diff --git a/examples/scale-line.html b/examples/scale-line.html
index a82a14a566..3e84bb9ca5 100644
--- a/examples/scale-line.html
+++ b/examples/scale-line.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Scale line example
shortdesc: Example of a scale line.
docs: >
diff --git a/examples/select-features.html b/examples/select-features.html
index 9f0b854e0f..84403581de 100644
--- a/examples/select-features.html
+++ b/examples/select-features.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Select features example
shortdesc: Example of using the Select interaction.
docs: >
diff --git a/examples/semi-transparent-layer.html b/examples/semi-transparent-layer.html
index 0dc0a7497b..dd7ff25acd 100644
--- a/examples/semi-transparent-layer.html
+++ b/examples/semi-transparent-layer.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Semi-transparent layer example
shortdesc: Example of a map with a semi-transparent layer.
docs: >
diff --git a/examples/shaded-relief.html b/examples/shaded-relief.html
index bd8fe05cd9..2f6216992d 100644
--- a/examples/shaded-relief.html
+++ b/examples/shaded-relief.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Shaded Relief
shortdesc: Calculate shaded relief from elevation data
docs: >
diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index ec5c143556..9a8eef20c5 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Side-by-side example
shortdesc: The three maps, one WebGL, one Canvas, one DOM, share the same center, resolution, rotation and layers.
docs: >
diff --git a/examples/simple.html b/examples/simple.html
index 351460b663..99afe422d7 100644
--- a/examples/simple.html
+++ b/examples/simple.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Simple example
shortdesc: Example of a simple map.
docs: >
diff --git a/examples/snap.html b/examples/snap.html
index 9395c0866d..3235b159c3 100644
--- a/examples/snap.html
+++ b/examples/snap.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Snap interaction example
shortdesc: Example of using the snap interaction together with draw and modify interactions.
docs: >
diff --git a/examples/sphere-mollweide.html b/examples/sphere-mollweide.html
index c8af300f1b..ebbb745555 100644
--- a/examples/sphere-mollweide.html
+++ b/examples/sphere-mollweide.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Sphere Mollweide example
shortdesc: Example of a Sphere Mollweide map with a Graticule component.
docs: >
diff --git a/examples/stamen.html b/examples/stamen.html
index 2bbdb12265..716e0e9f5c 100644
--- a/examples/stamen.html
+++ b/examples/stamen.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Stamen example
shortdesc: Example of a Stamen tile source.
docs: >
diff --git a/examples/static-image.html b/examples/static-image.html
index 6de1eb1b50..1a0cbfbf9f 100644
--- a/examples/static-image.html
+++ b/examples/static-image.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Static image example
shortdesc: Example of a static image layer.
docs: >
diff --git a/examples/symbol-atlas-webgl.html b/examples/symbol-atlas-webgl.html
index b6bd47aa73..94e3a0387e 100644
--- a/examples/symbol-atlas-webgl.html
+++ b/examples/symbol-atlas-webgl.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Symbols with WebGL example
shortdesc: Using symbols in an atlas with WebGL.
docs: >
diff --git a/examples/synthetic-lines.html b/examples/synthetic-lines.html
index e1fe157ed4..086f223f31 100644
--- a/examples/synthetic-lines.html
+++ b/examples/synthetic-lines.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Synthetic lines example
shortdesc: Synthetic lines example.
docs: >
diff --git a/examples/synthetic-points.html b/examples/synthetic-points.html
index 6c3b01301d..0ee058f7f6 100644
--- a/examples/synthetic-points.html
+++ b/examples/synthetic-points.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Synthetic points example
shortdesc: Synthetic points example.
docs: >
diff --git a/examples/teleport.html b/examples/teleport.html
index 7315598e44..c1c3a3904d 100644
--- a/examples/teleport.html
+++ b/examples/teleport.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Teleport example
shortdesc: Example of moving a map from one target to another.
docs: >
diff --git a/examples/tile-load-events.html b/examples/tile-load-events.html
index 1ea77a0b79..155a685ced 100644
--- a/examples/tile-load-events.html
+++ b/examples/tile-load-events.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Tile load events example
shortdesc: Example using tile load events.
docs: >
diff --git a/examples/tilejson.html b/examples/tilejson.html
index 79ba1d85e9..e359bc7361 100644
--- a/examples/tilejson.html
+++ b/examples/tilejson.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: TileJSON example
shortdesc: Example of a TileJSON layer.
docs: >
diff --git a/examples/tileutfgrid.html b/examples/tileutfgrid.html
index e8010113b2..ddb943ba55 100644
--- a/examples/tileutfgrid.html
+++ b/examples/tileutfgrid.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: TileUTFGrid example
shortdesc: This example shows how to read data from a TileUTFGrid layer.
docs: >
diff --git a/examples/tissot.html b/examples/tissot.html
index 6995462ebc..31fb8d1c80 100644
--- a/examples/tissot.html
+++ b/examples/tissot.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Tissot indicatrix example
shortdesc: Draw Tissot's indicatrices on maps.
docs: >
diff --git a/examples/topojson.html b/examples/topojson.html
index 1b233d183b..0f02055f6f 100644
--- a/examples/topojson.html
+++ b/examples/topojson.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: TopoJSON example
shortdesc: Demonstrates rendering of features from a TopoJSON topology.
docs: >
diff --git a/examples/translate-features.html b/examples/translate-features.html
index c05bfdd4bd..2bfab784d2 100644
--- a/examples/translate-features.html
+++ b/examples/translate-features.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Translate features example
shortdesc: Example of a translate features interaction.
docs: >
diff --git a/examples/turf.html b/examples/turf.html
index 9079368482..fbff5c08b9 100644
--- a/examples/turf.html
+++ b/examples/turf.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: turf.js Example
shortdesc: Example on how to use turf.js with OpenLayers 3.
docs: >
diff --git a/examples/vector-esri-edit.html b/examples/vector-esri-edit.html
index 48bfe4e673..9b187fc2bb 100644
--- a/examples/vector-esri-edit.html
+++ b/examples/vector-esri-edit.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: esri ArcGIS REST Feature Service example with editing
shortdesc: Example of using an ArcGIS REST Feature Service in an editing application.
docs: >
diff --git a/examples/vector-esri.html b/examples/vector-esri.html
index d153fffeff..d2ff7ae3fa 100644
--- a/examples/vector-esri.html
+++ b/examples/vector-esri.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: esri ArcGIS REST Feature Service example
shortdesc: Example of using an ArcGIS REST Feature Service with a BBOX strategy.
docs: >
diff --git a/examples/vector-labels.html b/examples/vector-labels.html
index ac877e555e..38b2d385f2 100644
--- a/examples/vector-labels.html
+++ b/examples/vector-labels.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Vector labels example
shortdesc: Example of GeoJSON features with labels.
docs: >
diff --git a/examples/vector-layer.html b/examples/vector-layer.html
index 23107a28af..662b933831 100644
--- a/examples/vector-layer.html
+++ b/examples/vector-layer.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Vector layer example
shortdesc: Example of a countries vector layer with country information.
docs: >
diff --git a/examples/vector-osm.html b/examples/vector-osm.html
index ef434a8c8e..4d0627965c 100644
--- a/examples/vector-osm.html
+++ b/examples/vector-osm.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: OSM XML example
shortdesc: Example of using the OSM XML source.
docs: >
diff --git a/examples/vector-wfs.html b/examples/vector-wfs.html
index 595bbe5438..a4e080fe94 100644
--- a/examples/vector-wfs.html
+++ b/examples/vector-wfs.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WFS example
shortdesc: Example of using WFS with a BBOX strategy.
docs: >
diff --git a/examples/wkt.html b/examples/wkt.html
index 7b481b050f..9af19088d3 100644
--- a/examples/wkt.html
+++ b/examples/wkt.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WKT example
shortdesc: Example of using the WKT parser.
docs: >
diff --git a/examples/wms-capabilities.html b/examples/wms-capabilities.html
index f7a28b37f0..1b4f1e4397 100644
--- a/examples/wms-capabilities.html
+++ b/examples/wms-capabilities.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WMS GetCapabilities parsing example
shortdesc: Example of parsing a WMS GetCapabilities response.
docs: >
diff --git a/examples/wms-custom-proj.html b/examples/wms-custom-proj.html
index 044fa3661d..7aa51e45e3 100644
--- a/examples/wms-custom-proj.html
+++ b/examples/wms-custom-proj.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Tiled WMS with custom projection example
shortdesc: Example of using custom coordinate transform functions.
docs: >
diff --git a/examples/wms-custom-tilegrid-512x256.html b/examples/wms-custom-tilegrid-512x256.html
index bb3ce43d3b..1a2ff0a21a 100644
--- a/examples/wms-custom-tilegrid-512x256.html
+++ b/examples/wms-custom-tilegrid-512x256.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WMS custom tile grid 512x256 example
shortdesc: Example of a WMS layer with 512x256px tiles.
docs: >
diff --git a/examples/wms-image-custom-proj.html b/examples/wms-image-custom-proj.html
index 95e4826397..692543b8b3 100644
--- a/examples/wms-image-custom-proj.html
+++ b/examples/wms-image-custom-proj.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Single image WMS with Proj4js projection example
shortdesc: Example of integrating Proj4js for coordinate transforms.
docs: >
diff --git a/examples/wms-image.html b/examples/wms-image.html
index c8ba7d5250..182821f7b7 100644
--- a/examples/wms-image.html
+++ b/examples/wms-image.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Single image WMS example
shortdesc: Example of a single image WMS layer.
docs: >
diff --git a/examples/wms-no-proj.html b/examples/wms-no-proj.html
index c011947551..aad428fba4 100644
--- a/examples/wms-no-proj.html
+++ b/examples/wms-no-proj.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WMS without client projection example
shortdesc: Example of two WMS layers using the projection EPSG:21781, which is unknown to the client.
docs: >
diff --git a/examples/wms-tiled-wrap-180.html b/examples/wms-tiled-wrap-180.html
index e9e34dfabf..354a586d48 100644
--- a/examples/wms-tiled-wrap-180.html
+++ b/examples/wms-tiled-wrap-180.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Tiled WMS wrap 180° meridian example
shortdesc: Example of a tiled WMS layer that wraps across the 180° meridian.
docs: >
diff --git a/examples/wms-tiled.html b/examples/wms-tiled.html
index b60448214d..31972b5511 100644
--- a/examples/wms-tiled.html
+++ b/examples/wms-tiled.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Tiled WMS example
shortdesc: Example of a tiled WMS layer.
docs: >
diff --git a/examples/wmts-capabilities.html b/examples/wmts-capabilities.html
index d422008bf5..8264038b6b 100644
--- a/examples/wmts-capabilities.html
+++ b/examples/wmts-capabilities.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WMTS GetCapabilities parsing example
shortdesc: Example of parsing a WMTS GetCapabilities response.
docs: >
diff --git a/examples/wmts-hidpi.html b/examples/wmts-hidpi.html
index 40d72185a1..bcc4d23cd9 100644
--- a/examples/wmts-hidpi.html
+++ b/examples/wmts-hidpi.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WMTS HiDPI example
shortdesc: Example of a WMTS based HiDPI layer.
docs: >
diff --git a/examples/wmts-ign.html b/examples/wmts-ign.html
index 82d9e1c1b2..ac96233a36 100644
--- a/examples/wmts-ign.html
+++ b/examples/wmts-ign.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: IGN WMTS example
shortdesc: Demonstrates displaying IGN (France) WMTS layers.
docs: >
diff --git a/examples/wmts-layer-from-capabilities.html b/examples/wmts-layer-from-capabilities.html
index a515ea33d2..a4bd87d631 100644
--- a/examples/wmts-layer-from-capabilities.html
+++ b/examples/wmts-layer-from-capabilities.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WMTS Layer from capabilities example
shortdesc: Example of a WMTS source created from a WMTS capabilities document.
docs: >
diff --git a/examples/wmts.html b/examples/wmts.html
index 460d8e1fc3..81a8e9714a 100644
--- a/examples/wmts.html
+++ b/examples/wmts.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: WMTS example
shortdesc: Example of a WMTS source.
docs: >
diff --git a/examples/xyz-esri-4326-512.html b/examples/xyz-esri-4326-512.html
index 89b1f1818a..11bb035375 100644
--- a/examples/xyz-esri-4326-512.html
+++ b/examples/xyz-esri-4326-512.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: XYZ Esri EPSG:4326 tileSize 512 example
shortdesc: Example of a XYZ source in EPSG:4326 using Esri 512x512 tiles.
docs: >
diff --git a/examples/xyz-esri.html b/examples/xyz-esri.html
index 0a8810c2fb..a8341a4a41 100644
--- a/examples/xyz-esri.html
+++ b/examples/xyz-esri.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: XYZ Esri example
shortdesc: Example of a XYZ source using Esri tiles.
docs: >
diff --git a/examples/xyz-retina.html b/examples/xyz-retina.html
index f6eedb06c4..3ed7d0ce99 100644
--- a/examples/xyz-retina.html
+++ b/examples/xyz-retina.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: XYZ Retina tiles example
shortdesc: Example of Retina / HiDPI mercator tiles (512x512px) available as XYZ.
docs: >
diff --git a/examples/xyz.html b/examples/xyz.html
index 8229f376e4..666d33c5b3 100644
--- a/examples/xyz.html
+++ b/examples/xyz.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: XYZ Example
shortdesc: Example of a XYZ source.
docs: >
diff --git a/examples/zoom-constrained.html b/examples/zoom-constrained.html
index 58e0dee1f5..4493b5e962 100644
--- a/examples/zoom-constrained.html
+++ b/examples/zoom-constrained.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Zoom Constrained Example
shortdesc: Example of a zoom constrained view.
docs: >
diff --git a/examples/zoomify.html b/examples/zoomify.html
index 8b763ebad0..45961b3e85 100644
--- a/examples/zoomify.html
+++ b/examples/zoomify.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Zoomify example
shortdesc: Example of a Zoomify source.
docs: >
diff --git a/examples/zoomslider.html b/examples/zoomslider.html
index 2ae300fdc4..e61f1251af 100644
--- a/examples/zoomslider.html
+++ b/examples/zoomslider.html
@@ -1,5 +1,5 @@
---
-template: example.html
+layout: example.html
title: Zoom slider example
shortdesc: Example of various ZoomSlider controls.
docs: >
diff --git a/package.json b/package.json
index 61d49b1d59..23d10e9b34 100644
--- a/package.json
+++ b/package.json
@@ -40,8 +40,8 @@
"handlebars": "3.0.1",
"jsdoc-fork": "^4.0.0-beta.1",
"marked": "0.3.5",
- "metalsmith": "1.6.0",
- "metalsmith-templates": "0.7.0",
+ "metalsmith": "2.1.0",
+ "metalsmith-layouts": "1.4.2",
"nomnom": "1.8.0",
"pbf": "1.3.5",
"pixelworks": "1.0.0",
diff --git a/tasks/build-examples.js b/tasks/build-examples.js
index 8ca9c251ee..46e81e57f5 100644
--- a/tasks/build-examples.js
+++ b/tasks/build-examples.js
@@ -2,7 +2,7 @@ var path = require('path');
var Metalsmith = require('metalsmith');
var handlebars = require('handlebars');
-var templates = require('metalsmith-templates');
+var templates = require('metalsmith-layouts');
var marked = require('marked');
var pkg = require('../package.json');
@@ -72,8 +72,8 @@ function augmentExamples(files, metalsmith, done) {
var file = files[filename];
var match = filename.match(markupRegEx);
if (match && filename !== 'index.html') {
- if (!file.template) {
- throw new Error(filename + ': Missing template in YAML front-matter');
+ if (!file.layout) {
+ throw new Error(filename + ': Missing "layout" in YAML front-matter');
}
var id = match[1];