Merge pull request #1041 from tschaub/antisocial

Don't display the social links on the example index.  Don't display the "mode" selection when running the development server.  Set the mode in the query string when the selection changes.

examples/accessible.html

@@ -20,9 +20,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/animation.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/bind-input.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/bing-maps.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/brightness-contrast.html

@@ -23,9 +23,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/canvas-tiles.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/custom-controls.html

@@ -51,9 +51,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/device-orientation.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/drag-rotate-and-zoom.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/epsg-4326.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/export-map.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

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

@@ -26,9 +26,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/full-screen.html

@@ -26,9 +26,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/geolocation.html

@@ -24,9 +24,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/getfeatureinfo.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/gml.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/gpx.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/hue-saturation.html

@@ -23,9 +23,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/icon.html

@@ -23,9 +23,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/index.html

@@ -180,12 +180,6 @@
             <input name="q" type="text" id="keywords" class="search-query" placeholder="Search">
             <span id="count"></span>
           </form>
-          <ul class="nav pull-right">
-            <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
-  allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
-            <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
-            <li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
-          </ul>
         </div>
       </div>
     </div>

examples/kml-earthquakes.html

@@ -36,9 +36,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/kml-timezones.html

@@ -26,9 +26,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/kml.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/layer-group.html

@@ -19,9 +19,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/localized-openstreetmap.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/mapquest.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/mouse-position.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/moveend.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/navigation-controls.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/overlay.html

@@ -27,9 +27,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/popup.html

@@ -60,9 +60,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/preload.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/rotation.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/scale-line.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/select-features.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/semi-transparent-layer.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/side-by-side.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/simple.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/stamen.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/style-rules.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/teleport.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/ten-thousand-points.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
+          <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/tilejson.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/topojson.html

@@ -14,9 +14,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/vector-layer.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wms-capabilities.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wms-custom-proj.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wms-image-custom-proj.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wms-image.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wms-no-proj.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wms-tiled.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wmts-capabilities.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wmts-from-capabilities.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wmts-ign.html

@@ -20,9 +20,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/wmts.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/xyz-esri.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/xyz-seturl.html

@@ -15,9 +15,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

examples/zoomslider.html

@@ -67,9 +67,7 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="./">OpenLayers 3 Examples</a>
+          <a class="brand" href="./">OpenLayers 3 Examples</a>          
-          <ul class="nav pull-right">
-          </ul>
         </div>
       </div>
     </div>

resources/example-behaviour.js

@@ -1,7 +1,9 @@
-;(function(){
+;(function() {
-  var container = document.querySelector('.navbar ul.pull-right'),
+  if (window.location.host === 'localhost:3000') {
-      li = document.createElement('li'),
+    return;
-      div = document.createElement('div'),
+  }
+  var container = document.querySelector('.navbar .navbar-inner .container'),
+      form = document.createElement('form'),
       select = document.createElement('select'),
       possibleModes = {
         'raw' : 'Development',
@@ -35,6 +37,9 @@
       }
       pairs.push(adjusted);
     }
+    if (pairs.length === 0) {
+      pairs[0] = 'mode=' + encodeURIComponent(newMode);
+    }
     location.href = baseUrl + '?' + pairs.join('&');
   };
 
@@ -52,10 +57,8 @@
   select.addEventListener('change', modeChangedMethod);
   select.className = 'input-medium';
   
-  div.className = 'input-prepend';
+  form.className = 'navbar-form pull-right';
-  div.innerHTML = '<span class="add-on"><i class="icon-refresh"></i></span>';
+  form.appendChild(select);
-  div.appendChild(select);
 
-  li.appendChild(div);
+  container.appendChild(form);
-  container.appendChild(li);
+})();
-})();