Removing markup from shortdesc element (see #827)

The text in `shortdesc` is shown on the example index page.  It shouldn't have any markup in it.

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>