From 734712bf9c4c910a9fe3814062413c04db156679 Mon Sep 17 00:00:00 2001 From: Tim Schaub Date: Sat, 14 Nov 2015 12:59:34 -0700 Subject: [PATCH] Convert A-C examples to strapless template --- examples/accessible.html | 14 ++-- examples/animation.html | 30 ++++----- examples/arcgis-tiled.html | 8 +-- examples/attributions.html | 8 +-- examples/bing-maps.html | 22 +++---- examples/blend-modes.html | 102 ++++++++++++++---------------- examples/box-selection.html | 16 ++--- examples/button-title.css | 1 - examples/button-title.html | 12 ++-- examples/canvas-tiles.html | 10 +-- examples/center.html | 32 ++++------ examples/cluster.html | 8 +-- examples/color-manipulation.html | 42 ++++++------ examples/custom-controls.html | 6 +- examples/custom-controls.js | 2 +- examples/custom-interactions.html | 6 +- examples/custom-interactions.js | 3 +- 17 files changed, 127 insertions(+), 195 deletions(-) diff --git a/examples/accessible.html b/examples/accessible.html index f60fe49cb3..273e02927a 100644 --- a/examples/accessible.html +++ b/examples/accessible.html @@ -1,5 +1,5 @@ --- -layout: example.html +layout: strapless.html title: Accessibility example shortdesc: Example of an accessible map. docs: > @@ -10,11 +10,7 @@ docs: > tags: "accessibility, tabindex" --- -
-
- -
- - -
-
+ +
+ + diff --git a/examples/animation.html b/examples/animation.html index 210922a23b..569ce8d264 100644 --- a/examples/animation.html +++ b/examples/animation.html @@ -1,5 +1,5 @@ --- -layout: example.html +layout: strapless.html title: Animation example shortdesc: Demonstrates animated pan, zoom, and rotation. docs: > @@ -7,21 +7,13 @@ docs: > or more animations. tags: "animation" --- -
-
-
-
-
-
-
- - - - - - - - - -
-
+
+ + + + + + + + + diff --git a/examples/arcgis-tiled.html b/examples/arcgis-tiled.html index 0d7eb78f39..5acab14189 100644 --- a/examples/arcgis-tiled.html +++ b/examples/arcgis-tiled.html @@ -1,5 +1,5 @@ --- -layout: example.html +layout: strapless.html title: Tiled ArcGIS MapServer example shortdesc: Example of a tiled ArcGIS layer. docs: > @@ -9,8 +9,4 @@ docs: > ol.source.XYZ instead. tags: arcgis, tile, tilelayer" --- -
-
-
-
-
+
diff --git a/examples/attributions.html b/examples/attributions.html index a807c0a320..a225970d8e 100644 --- a/examples/attributions.html +++ b/examples/attributions.html @@ -1,5 +1,5 @@ --- -layout: example.html +layout: strapless.html title: Attributions example shortdesc: Example of a attributions visibily change on map resize, to collapse them on small maps. docs: > @@ -8,8 +8,4 @@ docs: > of the map gets smaller than 600 pixels. tags: "attributions, openstreetmap" --- -
-
-
-
-
+
diff --git a/examples/bing-maps.html b/examples/bing-maps.html index b75b473b02..689bdf3267 100644 --- a/examples/bing-maps.html +++ b/examples/bing-maps.html @@ -1,5 +1,5 @@ --- -layout: example.html +layout: strapless.html title: Bing Maps example shortdesc: Example of a Bing Maps layer. docs: > @@ -8,15 +8,11 @@ tags: "bing, bing-maps" cloak: Ak-dzM4wZjSqTlzveKz5u0d4IQ4bRzVI309GxmkgSVr1ewS6iPSrOvOKhA-CJlm3: Your Bing Maps Key from http://bingmapsportal.com/ here --- -
-
-
- -
-
+
+ diff --git a/examples/blend-modes.html b/examples/blend-modes.html index 10f027ecfb..4b395b939b 100644 --- a/examples/blend-modes.html +++ b/examples/blend-modes.html @@ -1,5 +1,5 @@ --- -layout: example.html +layout: strapless.html title: Blend modes example shortdesc: Shows how to change the canvas compositing / blending mode in post- and precompose eventhandlers. docs: > @@ -20,57 +20,49 @@ docs: > checkboxes.

tags: "blendmode, blend-mode, blend mode, blendingmode, blending-mode, blending mode, composition, compositing, canvas, vector" --- -
-
-
-
-
-
-
-
- - - - -
-
-
+
+
+ + + + +
diff --git a/examples/box-selection.html b/examples/box-selection.html index b0089cb9ec..a3297df320 100644 --- a/examples/box-selection.html +++ b/examples/box-selection.html @@ -1,20 +1,12 @@ --- -layout: example.html +layout: strapless.html title: Box selection example shortdesc: Using a DragBox interaction to select features. docs: >

This example shows how to use a DragBox interaction to select features. Selected features are added to the feature overlay of a select interaction (ol.interaction.Select) for highlighting.

-

Use Ctrl+drag (Meta+drag on Mac) to draw boxes.

+

Use Ctrl+drag (Command+drag on Mac) to draw boxes.

tags: "DragBox, feature, selection, box" --- -
-
-
-
-
-
-   -
-
-
+
+
No countries selected
diff --git a/examples/button-title.css b/examples/button-title.css index c1f2f96c9e..894dc8157f 100644 --- a/examples/button-title.css +++ b/examples/button-title.css @@ -1,4 +1,3 @@ .tooltip-inner { white-space: nowrap; } - diff --git a/examples/button-title.html b/examples/button-title.html index 09dda1816e..ef153bce4f 100644 --- a/examples/button-title.html +++ b/examples/button-title.html @@ -1,13 +1,13 @@ --- -layout: example.html +layout: strapless.html title: Custom tooltips example shortdesc: This example shows how to customize the buttons tooltips with Bootstrap. docs: > This example shows how to customize the buttons tooltips with Bootstrap. tags: "custom, tooltip" +resources: + - https://code.jquery.com/jquery-1.11.2.min.js + - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css + - https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js --- -
-
-
-
-
+
diff --git a/examples/canvas-tiles.html b/examples/canvas-tiles.html index 021104ca5a..c3684386f5 100644 --- a/examples/canvas-tiles.html +++ b/examples/canvas-tiles.html @@ -1,5 +1,5 @@ --- -layout: example.html +layout: strapless.html title: Canvas tiles example shortdesc: Renders tiles with coordinates for debugging. docs: > @@ -7,11 +7,7 @@ docs: > displayed tile coordinates are OpenLayers tile coordinates. These increase from bottom to top, but standard XYZ tiling scheme coordinates increase from top to bottom. To calculate the `y` for a standard XYZ tile coordinate, use - `-y - 1`. + `-y - 1`. tags: "layers, openstreetmap, canvas" --- -
-
-
-
-
+
diff --git a/examples/center.html b/examples/center.html index 255572c5ab..3c0ad920df 100644 --- a/examples/center.html +++ b/examples/center.html @@ -1,5 +1,5 @@ --- -layout: example.html +layout: strapless.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: > @@ -13,22 +13,16 @@ docs: >

Use Alt+Shift+drag to rotate the map.

tags: "center, rotation, openstreetmap" --- -
-
-
-
-
-
-
-
-
-
-
-
- (best fit),
- (respect resolution constraint).
- (nearest),
- (with min resolution),
- -
+
+
+
+
+
+
+
+ (best fit),
+ (respect resolution constraint).
+ (nearest),
+ (with min resolution),
+ diff --git a/examples/cluster.html b/examples/cluster.html index b327010cf1..69cc3a78de 100644 --- a/examples/cluster.html +++ b/examples/cluster.html @@ -1,13 +1,9 @@ --- -layout: example.html +layout: strapless.html title: Clustering example shortdesc: Example of using ol.source.Cluster. docs: > This example shows how to do clustering on point features. tags: "cluster, vector" --- -
-
-
-
-
+
diff --git a/examples/color-manipulation.html b/examples/color-manipulation.html index 6495ab8c38..393ebd30a7 100644 --- a/examples/color-manipulation.html +++ b/examples/color-manipulation.html @@ -1,30 +1,26 @@ --- -layout: example.html +layout: strapless.html title: Manipulating colors with a raster source shortdesc: Demonstrates color manipulation with a raster source. docs: > A raster source allows arbitrary manipulation of pixel values. In this example, RGB values on the input tile source are adjusted in a pixel-wise operation before being rendered with a second raster source. The raster operation takes pixels in in RGB space, converts them to HCL color space, adjusts the values based on the controls above, and then converts them back to RGB space for rendering. tags: "color, hue, lightness, chroma" --- -
-
-
- - - - - - - - - - - - - - - - -
hue°
chroma %
lightness %
-
-
+
+ + + + + + + + + + + + + + + + +
hue°
chroma %
lightness %
diff --git a/examples/custom-controls.html b/examples/custom-controls.html index b1d7906714..9b25f014fe 100644 --- a/examples/custom-controls.html +++ b/examples/custom-controls.html @@ -6,8 +6,4 @@ docs: > This example creates a "rotate to north" button. tags: "custom, control" --- -
-
-
-
-
+
diff --git a/examples/custom-controls.js b/examples/custom-controls.js index b1bf0ad2bc..3c81d909b2 100644 --- a/examples/custom-controls.js +++ b/examples/custom-controls.js @@ -75,7 +75,7 @@ var map = new ol.Map({ target: 'map', view: new ol.View({ center: [0, 0], - zoom: 2, + zoom: 3, rotation: 1 }) }); diff --git a/examples/custom-interactions.html b/examples/custom-interactions.html index 3da1d6d982..5113a4d54b 100644 --- a/examples/custom-interactions.html +++ b/examples/custom-interactions.html @@ -7,8 +7,4 @@ docs: > Note that the built in interaction `ol.interaction.Translate` might be a better option for moving features. tags: "drag, feature, vector, editing, custom, interaction" --- -
-
-
-
-
+
diff --git a/examples/custom-interactions.js b/examples/custom-interactions.js index faff5ae42b..5ca3b305b4 100644 --- a/examples/custom-interactions.js +++ b/examples/custom-interactions.js @@ -19,8 +19,7 @@ goog.require('ol.style.Style'); /** * Define a namespace for the application. */ -window.app = {}; -var app = window.app; +var app = {};