Adding float-no-zero branch hosted build

float-no-zero/resources/display-frame-rate.js

@@ -0,0 +1,39 @@
+/**
+ * Display frame rate in a span element added to the navigation bar.
+ */
+(function() {
+
+  var container = document.querySelector('.navbar .navbar-inner .container');
+  if (!container) {
+    return;
+  }
+
+  if (!window.requestAnimationFrame) {
+    return;
+  }
+
+  var fpsElement = document.createElement('span');
+  fpsElement.style.color = 'white';
+
+  container.appendChild(fpsElement);
+
+  var frameCount = 0;
+  var begin = +new Date();
+
+  window.setInterval(function() {
+    var end = +new Date();
+    var milliseconds = end - begin;
+    var seconds = milliseconds / 1000.0;
+    var frameRate = frameCount / seconds;
+    fpsElement.innerHTML = frameRate.toPrecision(4) + ' fps';
+    frameCount = 0;
+    begin = end;
+  }, 500);
+
+  var go = function() {
+    frameCount++;
+    window.requestAnimationFrame(go);
+  };
+  go();
+
+})();

float-no-zero/resources/example-behaviour.js

@@ -0,0 +1,86 @@
+;(function() {
+  if (window.location.host === 'localhost:3000') {
+    return;
+  }
+  var container = $('.navbar .navbar-inner .container')[0],
+      form = document.createElement('form'),
+      select = document.createElement('select'),
+      possibleModes = {
+        'raw' : 'Development',
+        'advanced': 'Production'
+      },
+      urlMode = window.location.href.match(/mode=([a-z0-9\-]+)\&?/i),
+      curMode = urlMode ? urlMode[1] : 'advanced',
+      option,
+      modeIdx,
+      mode,
+      modeTxt,
+      modeChangedMethod;
+
+  if (!container) {
+    return;
+  }
+
+  modeChangedMethod = function() {
+    var newMode = this.value,
+        search = window.location.search.substring(1),
+        baseUrl = window.location.href.split('?')[0],
+        chunks = search ? search.split('&') : [],
+        pairs = [],
+        i,
+        pair,
+        adjusted;
+    for (i = chunks.length - 1; i >= 0; --i) {
+      pair = chunks[i].split('=');
+      if (pair[0].toLowerCase() === 'mode') {
+        pair[1] = newMode;
+      }
+      adjusted = encodeURIComponent(pair[0]);
+      if (typeof pair[1] !== undefined) {
+        adjusted += '=' + encodeURIComponent(pair[1] || '');
+      }
+      pairs.push(adjusted);
+    }
+    if (pairs.length === 0) {
+      pairs[0] = 'mode=' + encodeURIComponent(newMode);
+    }
+    location.href = baseUrl + '?' + pairs.join('&');
+  };
+
+  for (mode in possibleModes) {
+    if ( possibleModes.hasOwnProperty(mode) ) {
+      option = document.createElement('option');
+      modeTxt = possibleModes[mode];
+      option.value = mode;
+      option.innerHTML = modeTxt;
+      option.selected = curMode === mode;
+      select.appendChild(option);
+    }
+  }
+
+  $(select).change(modeChangedMethod);
+  select.className = 'input-medium';
+
+  form.className = 'navbar-form pull-right';
+  form.appendChild(select);
+
+  container.appendChild(form);
+})();
+
+var exampleNS = {};
+
+exampleNS.getRendererFromQueryString = function() {
+  var obj = {}, queryString = location.search.slice(1),
+      re = /([^&=]+)=([^&]*)/g, m;
+
+  while (m = re.exec(queryString)) {
+    obj[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
+  }
+  if ('renderers' in obj) {
+    return obj['renderers'].split(',');
+  } else if ('renderer' in obj) {
+    return [obj['renderer']];
+  } else {
+    return ['webgl', 'canvas', 'dom'];
+  }
+};

float-no-zero/resources/layout.css

@@ -0,0 +1,27 @@
+@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700);
+
+body {
+  padding-top: 60px;
+}
+.map {
+  height: 400px;
+  width: 100%;
+  background: url(textured_paper.jpeg) repeat;
+}
+.ol-attribution {
+  max-width: 50%;
+}
+#tags {
+  display: none;
+}
+
+body, h1, h2, h3, h4, p, li, td, th {
+  font-family: Quattrocento Sans;
+}
+.navbar-inverse .navbar-inner {
+  background: #1F6B75;
+}
+.navbar-inverse .brand {
+  color: white;
+  padding: 5px;
+}