Merge pull request #828 from tschaub/shortdesc

Minor edits to shortdesc in examples

examples/animation.html

@@ -50,7 +50,7 @@
 
         <div class="span4">
           <h4 id="title">Animation example</h4>
-          <p id="shortdesc">Example animations.</p>
+          <p id="shortdesc">Demonstrates animated pan, zoom, and rotation.</p>
           <div id="docs">
             <p>See the <a href="animation.js" target="_blank">animation.js source</a> to see how this is done.</p>
           </div>

examples/bind-input.html

@@ -37,7 +37,7 @@
 
         <div class="span4">
           <h4 id="title">Bind HTML input example</h4>
-          <p id="shortdesc">Bind an HTML input to an ol object.</p>
+          <p id="shortdesc">Demonstrates two-way binding of HTML input elements to OpenLayers objects.</p>
           <div id="docs">
             <p>See the <a href="bind-input.js" target="_blank">bind-input.js source</a> to see how this is done.</p>
           </div>

examples/canvas-tiles.html

@@ -37,8 +37,9 @@
 
         <div class="span4">
           <h4 id="title">Canvas tiles example</h4>
-          <p id="shortdesc">The black grid tiles are generated on the client with an HTML5 canvas. Note that the tile coordinates are ol3 normalized tile coordinates (origin bottom left), not OSM tile coordinates (origin top left).</p>
+          <p id="shortdesc">Renders tiles with coordinates for debugging.</p>
           <div id="docs">
+            <p>The black grid tiles are generated on the client with an HTML5 canvas. Note that the tile coordinates are ol3 normalized tile coordinates (origin bottom left), not OSM tile coordinates (origin top left).</p>
             <p>See the <a href="canvas-tiles.js" target="_blank">canvas-tiles.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">layers, openstreetmap, canvas</div>

examples/drag-rotate-and-zoom.html

@@ -37,8 +37,9 @@
 
         <div class="span4">
           <h4 id="title">Drag rotate and zoom example</h4>
-          <p id="shortdesc"><code>Shift</code> + Drag to rotate and zoom the map around its center.</p>
+          <p id="shortdesc">A single interaction to drag, rotate, and zoom.</p>
           <div id="docs">
+            <p><code>Shift</code> + Drag to rotate and zoom the map around its center.</p>
             <p>See the <a href="drag-rotate-and-zoom.js" target="_blank">drag-rotate-and-zoom.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">drag, rotate, zoom, interaction</div>

examples/full-screen-drag-rotate-and-zoom.html

@@ -48,9 +48,10 @@
 
         <div class="span4">
           <h4 id="title">Full screen drag rotate and zoom example</h4>
-          <p id="shortdesc">Example of drag rotate and zoom control with full screen effect.  Hold down <code>Shift</code> + drag to rotate and zoom.  Click the button in the top right corner to go full screen.  Then do the <code>Shift</code> + drag thing again.</p>
+          <p id="shortdesc">Example of drag rotate and zoom control with full screen effect.</p>
-          <p>If there is no button on the map, your browser does not support the <a href="http://caniuse.com/#feat=fullscreen">Full Screen API</a>.</p>
           <div id="docs">
+            <p>Hold down <code>Shift</code> + drag to rotate and zoom.  Click the button in the top right corner to go full screen.  Then do the <code>Shift</code> + drag thing again.</p>
+            <p>If there is no button on the map, your browser does not support the <a href="http://caniuse.com/#feat=fullscreen">Full Screen API</a>.</p>
             <p>See the <a href="full-screen-drag-rotate-and-zoom.js" target="_blank">full-screen-drag-rotate-and-zoom.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">full-screen, drag, rotate, zoom, bing, bing-maps</div>

examples/full-screen.html

@@ -48,9 +48,10 @@
 
         <div class="span4">
           <h4 id="title">Full screen control example</h4>
-          <p id="shortdesc">Example of a full screen control.  Click the control in the top right corner to go full screen.  Click it again to exit full screen.</p>
+          <p id="shortdesc">Example of a full screen control.</p>
-          <p>If there is no button on the map, your browser does not support the <a href="http://caniuse.com/#feat=fullscreen">Full Screen API</a>.</p>
           <div id="docs">
+            <p>Click the control in the top right corner to go full screen.  Click it again to exit full screen.</p>
+            <p>If there is no button on the map, your browser does not support the <a href="http://caniuse.com/#feat=fullscreen">Full Screen API</a>.</p>
             <p>See the <a href="full-screen.js" target="_blank">full-screen.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">full-screen, bing, bing-maps</div>

examples/overlay.html

@@ -49,9 +49,10 @@
 
         <div class="span4">
           <h4 id="title">Overlay example</h4>
-          <p id="shortdesc">Demonstrates overlays. The popups are created using
+          <p id="shortdesc">Demonstrates overlays.</p>
-            <a href="http://twitter.github.com/bootstrap/javascript.html#popovers">Popovers</a> from Bootstrap.</p>
           <div id="docs">
+            <p>The popups are created using
+              <a href="http://twitter.github.com/bootstrap/javascript.html#popovers">Popovers</a> from Bootstrap.</p>
             <p>See the <a href="overlay.js" target="_blank">overlay.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">overlay, popup, bootstrap, popover, mapquest, openaerial</div>

examples/preload.html

@@ -40,8 +40,9 @@
 
         <div class="span4">
           <h4 id="title">Preload example</h4>
-          <p id="shortdesc">Example of tile preloading.  Low resolution tiles for the map are preloaded, the map on the right does not use any preloading.  Try zooming out and panning to see the difference.</p>
+          <p id="shortdesc">Example of tile preloading.</p>
           <div id="docs">
+            <p>Low resolution tiles for the map are preloaded, the map on the right does not use any preloading.  Try zooming out and panning to see the difference.</p>
             <p>See the <a href="preload.js" target="_blank">preload.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">preload, bing</div>

examples/rotation.html

@@ -37,8 +37,9 @@
 
         <div class="span4">
           <h4 id="title">Rotation example</h4>
-          <p id="shortdesc">Example of a rotated map.  Use <code>Alt</code>+<code>Shift</code>+drag to rotate the map.</p>
+          <p id="shortdesc">Example of a rotated map.</p>
           <div id="docs">
+            <p>Use <code>Alt</code>+<code>Shift</code>+drag to rotate the map.</p>
             <p>See the <a href="rotation.js" target="_blank">rotation.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">rotation, openstreetmap</div>

examples/wms-single-image-custom-proj.html

@@ -37,8 +37,9 @@
 
         <div class="span4">
           <h4 id="title">Single image WMS with custom projection example</h4>
-          <p id="shortdesc">Example of two single image WMS layers (Pixelmap 1:1'000'000 and national parks) using the projection EPSG:21781.</p>
+          <p id="shortdesc">Example of two single image WMS layers.</p>
           <div id="docs">
+            <p id="shortdesc">Pixelmap 1:1'000'000 with National Parks overlay using the projection EPSG:21781.</p>
             <p>See the <a href="wms-single-image-custom-proj.js" target="_blank">wms-single-image-custom-proj.js source</a> to see how this is done.</p>
           </div>
           <div id="tags">wms, single image, projection</div>