Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="app.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
- <link rel="stylesheet" href="semantic.min.css">
- </head>
- <body>
- <div class="ui modal">
- <i class="close icon"></i>
- <div class="content">
- <div class="description">
- <div class="ui header">Failure to match a word in your phrase with a valid type of food. Please try again.</div>
- <p>Some examples are: <br>
- Asian <br>
- American<br>
- Bakery<br>
- Cafe<br>
- Sandwich<br>
- </p>
- </div>
- </div>
- <div class="actions">
- <div class="ui positive right button">
- Try again.
- </div>
- </div>
- </div>
- <div class = "full">
- <div class = "upper">
- <div id = "header">Food Finder</div>
- <div class = "inner1">
- <div class="ui segment speechRect">
- Hello. Simply tell me what type of food you would like and I will show you nearby restaurants. For example, say: "I would like to eat Chinese Food". <br>
- Click the blue microphone to start listening. <br>
- <span class = "access">Please grant this page access to the microphone and your location to fully work.</span>
- </div>
- </div>
- <div class = "inner2">
- <div class="ui segment speechRect">
- <!-- <div class = "textSpoken"></div> -->
- <div class = "mic">
- <div class = "textSpoken"></div>
- <div class = "buttonMic">
- <button class="ui icon blue button">
- <i class="unmute icon"></i>
- </button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class = "lower">
- <div class = "tableContainer">
- <table class="ui striped table">
- <thead>
- <tr>
- <th>Locations</th>
- </tr>
- <td>
- None.
- </td>
- </thead>
- <tbody>
- </tbody>
- </table>
- </div>
- <div class = "mapContainer">
- <div id="map"></div>
- </div>
- </div>
- </div>
- </body>
- <script type="data.json" src="data.json"></script>
- <script type="text/javascript" src = "app.js"> </script>
- <script type="text/javascript" src = "semantic.min.js"> </script>
- <!-- <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> -->
- <script async defer src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyA2mFz78ZYyL1rTn8c-Heu-Fu69TlRzqgw"></script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement