This is an experiment in using GPS as website navigation. For this, you will need to share your location when prompted. For shear portability, this site works best on mobile.
Even though a GPS driven website navigation is a wildly outlandish and not very useful way of doing things, I wanted to prove that even the weirdest form of doing things could fit some purpose.
Yes, it is dumb, but with the added layer of proximity, we can create hyper-local experiences that can maintain a level of surprise, or it could be that this concept is gamified in a bid to get people out of their houses. If you want to take it in a more commercial direction, it could be a way of checking in people into a specific location, but only if they are in proximity, e.g. the start of a race or an event.
Why do anything... its fun!
But a more serious answer is that user patterns within UI/UX are simple and easy to grasp. This is not to knock them as they have a purpose and help many people, but sometimes exploring new ways of navigating and challenging viewers is just as important.
There can be real beauty in websites that go against the grain and play with concepts and turn design standards on their heads.
(I know this site has dumb navigation, but as I said, it's fun)
This site uses google maps API v3 to generate, find and watch your current location. Once it has that, It creates a radius of around 300m and plots points at even places around the edge. The site then uses the google maps API to plan a route for you to get to that location and draws it to the map.
In the background, whilst you are moving around, it checks your location on the map and compares it to the HTML objects above. Once you are over the object, a hover state is triggered, and the page is loaded.
I've left comments in the code (open dev tools) for anyone who wants a little look under the bonnet.