Update Metalsmith and layout plugin

examples/accessible.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Accessibility example
 shortdesc: Example of an accessible map.
 docs: >

examples/animation.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Animation example
 shortdesc: Demonstrates animated pan, zoom, and rotation.
 docs: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

examples/cluster.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Clustering example
 shortdesc: Example of using <code>ol.source.Cluster</code>.
 docs: >

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: >

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: >

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: >

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: >

examples/device-orientation.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Device-Orientation example
 shortdesc: Listen to DeviceOrientation events.
 docs: >

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: >

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: >

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: >

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: >

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: >

examples/dynamic-data.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Dynamic data example
 shortdesc: Example of dynamic data.
 docs: >

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: >

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: >

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: >

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: >

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: >

examples/fractal.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Fractal Example
 shortdesc: Example of a fractal.
 docs: >

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: >

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: >

examples/geojson.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: GeoJSON example
 shortdesc: Example of GeoJSON features.
 docs: >

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"

examples/geolocation.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Geolocation example
 shortdesc: Example of a geolocation map.
 docs: >

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: >

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: >

examples/gpx.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: GPX example
 shortdesc: Example of using the GPX source.
 docs: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

examples/kml.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: KML example
 shortdesc: Example of using the KML source.
 docs: >

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: >

examples/layer-clipping.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Layer clipping example
 shortdesc: Layer clipping example
 docs: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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: >

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"

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: >

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: >

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: >

examples/moveend.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Moveend Example
 shortdesc: Use of the moveend event.
 docs: >

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: >

examples/overlay.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Overlay example
 shortdesc: Demonstrates overlays.
 docs: >

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: >

examples/overviewmap.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: OverviewMap control example
 shortdesc: Example of OverviewMap control.
 docs: >

examples/permalink.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Permalink example
 shortdesc: Example on how to create permalinks.
 docs: >

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: >

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: >

examples/preload.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Preload example
 shortdesc: Example of tile preloading.
 docs: >

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: >

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.

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: >

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: >

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: >

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: >

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: >

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: >

examples/rotation.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Rotation example
 shortdesc: Example of a rotated map.
 docs: >

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: >

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: >

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: >

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: >

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: >

examples/simple.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Simple example
 shortdesc: Example of a simple map.
 docs: >

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: >

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: >

examples/stamen.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Stamen example
 shortdesc: Example of a Stamen tile source.
 docs: >

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: >

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: >

examples/synthetic-lines.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Synthetic lines example
 shortdesc: Synthetic lines example.
 docs: >

examples/synthetic-points.html

@@ -1,5 +1,5 @@
 ---
-template: example.html
+layout: example.html
 title: Synthetic points example
 shortdesc: Synthetic points example.
 docs: >

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: >