<!DOCTYPE html> <html> <head> <title>The page you were looking for doesn't exist (404)</title> <style type="text/css"> @font-face { font-family: 'din-medium'; src: url('/assets/Fonts/din.eot'); src: url('/assets/Fonts/din.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/din.woff') format('woff'), url('/assets/Fonts/din.ttf') format('truetype'), url('/assets/Fonts/din.svg#din-medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'din-regular'; src: url('/assets/Fonts/din-reg.eot'); src: url('/assets/Fonts/din-reg.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/din-reg.woff') format('woff'), url('/assets/Fonts/din-reg.ttf') format('truetype'), url('/assets/Fonts/din-reg.svg#din-reg') format('svg'); font-weight: normal; font-style: normal; } body { background: #d8d9da url(https://s3.amazonaws.com/metamaps-assets/site/shattered_%402X.png); font-family: 'din-regular', helvetica, sans-serif; color: #424242; text-align: justify; font-size: 18px; line-height: 18px; } .dialog a { color:#c04f4f; } .title{ font-size:50px; line-height: 50px; text-align: left; font-family: 'din-medium', helvetica, sans-serif; text-transform: uppercase; margin-bottom: 24px; } div.dialog { width: 380px; border: 0px; border-right-color: #999; border-bottom-color: #999; float: left; margin-right: 50px; padding-top: 70px; padding-bottom: 70px; } .picture { width: 450px; height: 450px; border: 10px solid #424242; border-radius: 225px; -webkit-border-radius: 225px; -moz-border-radius: 225px; background: url(https://s3.amazonaws.com/metamaps-assets/site/monkeyselfie.jpg) no-repeat; float: left; background-position:50% 20%; background-size: 100%; margin-top: 110px; } .wrapper { margin: 0 auto; width: 900px; } .button { display: block; width: 220px; height: 14px; padding: 16px 0; margin-bottom: 16px; text-align: center; border-radius: 2px; font-size: 14px; box-shadow: 0px 1px 1.5px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24); margin: 0 auto; text-decoration: none; color: #FFFFFF !important; cursor: pointer; } .blogCTA { background-color: #4fc059; } .blogCTA:hover { background-color: #49ad4e; } .exploreFeaturedCTA { background-color: #a354cd; margin-bottom: 16px; } .exploreFeaturedCTA:hover { background-color: #9150bc; } </style> </head> <body> <!-- This file lives in public/404.html --> <div class="wrapper"> <div class="dialog"> <h1 class="title">404 - You've Found Nothing</h1> <p>Nothing is here!</p> <p>There are nothings that inspire and nothings that motivate, but there are no nothings that cannot stir your experience of nothing.</p> <p>Therefore there is nothing to see here, nothing to behold here, nothing to be here, maybe there is but definitely not here.</p> <p>Therefore, move along! Nothing is ending here<a href="http://spacecollective.org/Wildcat/8942/Some-nothings-are-like-elephants-really-big-elephants" target="_blank">...</a></p> <a href="/explore/featured" class="button exploreFeaturedCTA">EXPLORE FEATURED MAPS</a> <a href="http://blog.metamaps.cc" class="button blogCTA">GO TO OUR BLOG</a> </div> <div class="picture"> </div> </div> </body> </html>