forked from udacity/mws-restaurant-stage-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (57 loc) · 5.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#003175">
<meta name="description" content="Reviews of the best restaurants if New York">
<link rel="manifest" href="/manifest.json">
<style>
@charset "utf-8";:root{--primary-color:#003175}*{box-sizing:border-box}html{font-size:15px}body{font-family:Arial,Helvetica,sans-serif;font-size:1rem;color:#333;line-height:1.5}body{background-color:#fdfdfd;margin:0;position:relative;max-width:100%}ul{font-family:Arial,Helvetica,sans-serif;font-size:1rem;color:#333}a{color:var(--primary-color);text-decoration:none}a.hidden{position:absolute;left:-999px}h1,h2{font-family:Arial,Helvetica,sans-serif;margin:0 0 20px}aside,footer,header,nav,section{display:block}#maincontent{background-color:#f3f3f3;min-height:100%}#footer{background-color:#222;color:#ccc;font-size:.9rem;letter-spacing:1px;padding:25px;text-align:center;text-transform:uppercase}#footer a{color:#fff}nav{display:flex;align-items:center;justify-content:center;width:100%;height:80px;background-color:#252831;text-align:center}nav h1{margin:auto}nav h1 a{color:#fff;font-size:1.1rem;font-weight:200;letter-spacing:10px;text-transform:uppercase}#map{height:400px;width:100%;background-color:#ccc}.filter-options{width:100%;background-color:var(--primary-color);align-items:center;padding:10px}.filter-options h2{color:#fff;font-size:1rem;font-weight:400;line-height:1;margin:0 20px}.filter-options select{background-color:#fff;border:1px solid #fff;font-family:Arial,sans-serif;font-size:.9rem;height:35px;letter-spacing:0;margin:10px;padding:0 10px;width:200px}#restaurants-list{display:flex;flex-wrap:wrap;max-width:100%;background-color:#f3f3f3;list-style:outside none none;margin:0;padding:30px 15px 60px;text-align:center}
</style>
<link rel="preload" href="css/styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="css/styles.css"></noscript>
<link rel="preload" href="css/media-queries.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="css/media-queries.css"></noscript>
<link rel="preload" href="css/snackbar.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="css/snackbar.min.css"></noscript>
<link rel="preload" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""></noscript>
<script>!function(n){"use strict";n.loadCSS||(n.loadCSS=function(){});var o=loadCSS.relpreload={};if(o.support=function(){var e;try{e=n.document.createElement("link").relList.supports("preload")}catch(t){e=!1}return function(){return e}}(),o.bindMediaToggle=function(t){var e=t.media||"all";function a(){t.media=e}t.addEventListener?t.addEventListener("load",a):t.attachEvent&&t.attachEvent("onload",a),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(a,3e3)},o.poly=function(){if(!o.support())for(var t=n.document.getElementsByTagName("link"),e=0;e<t.length;e++){var a=t[e];"preload"!==a.rel||"style"!==a.getAttribute("as")||a.getAttribute("data-loadcss")||(a.setAttribute("data-loadcss",!0),o.bindMediaToggle(a))}},!o.support()){o.poly();var t=n.setInterval(o.poly,500);n.addEventListener?n.addEventListener("load",function(){o.poly(),n.clearInterval(t)}):n.attachEvent&&n.attachEvent("onload",function(){o.poly(),n.clearInterval(t)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:n.loadCSS=loadCSS}("undefined"!=typeof global?global:this);</script>
<title>Restaurant Reviews</title>
</head>
<body>
<a class="hidden" href="#maincontent">Skip to main content</a>
<header>
<nav>
<h1><a href="/">Restaurant Reviews</a></h1>
</nav>
</header>
<aside id="map-container" aria-hidden="true">
<div id="map" aria-label="Map" role="application"></div>
</aside>
<main id="maincontent">
<section>
<div class="filter-options">
<h2>Filter Results</h2>
<select id="neighborhoods-select" name="neighborhoods" onchange="updateRestaurants()" aria-label="Select neighborhood">
<option value="all">All Neighborhoods</option>
</select>
<select id="cuisines-select" name="cuisines" onchange="updateRestaurants()" aria-label="Select cuisine">
<option value="all">All Cuisines</option>
</select>
</div>
<ul id="restaurants-list"></ul>
</section>
<div id="offline--state" hidden role="alert">You are offline</div>
</main>
<script defer src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
<script src="js/idb.js"></script>
<script src="js/dbhelper.js"></script>
<script src="js/common.js"></script>
<script src="js/main.js"></script>
<!-- <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_MAPS_API_KEY&libraries=places&callback=initMap"></script> -->
<footer id="footer">
Copyright (c) 2017 <a href="/"><strong>Restaurant Reviews</strong></a> All Rights Reserved.
</footer>
</body>
</html>