JS Viewport

There are three distinct experiences in this js-viewport demo:

  1. Handheld – This loads in a default background image and basic content that does not depend on JavaScript at all.
  2. Tablet – When in this viewport width, a better resolution of the background gets loaded as well. A sidebar is added to the DOM from an AJAX request.
  3. Widescreen – At this state, the background image is replaced with a fully-functional Google map.

Walnut Street Bridge, Chattanooga, TN

navigator.geolocation has not fired yet.