-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
1 lines (1 loc) · 11.7 KB
/
index.html
1
<!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content="width=device-width,initial-scale=1"> <meta http-equiv=X-UA-Compatible content="ie=edge"> <title>Hungry Hippo</title> <link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css> <link rel="shortcut icon" type=image/jpg href=img/hippo.jpg> <script src=https://www.gstatic.com/firebasejs/4.2.0/firebase.js></script> <link href="main.css" rel="stylesheet"></head> <body> <nav class="navbar navbar-toggleable-md navbar-light bg-faded"> <div class="container d-flex flex-row align-items-center"> <div class="nav-item flex-first col-1 col-md-2 pl-0" style=box-sizing:content-box!important> <img id=nav-brand src=3b3e22ae5b0137523b60f6b3d0786d7a.jpg alt="" width=auto height=48px> </div> <form class="form-inline col justify-content-center"> <div class="input-group nav-search" style=width:100%> <span class=input-group-btn> <button class="btn btn-outline-secondary hidden-md-down refine" type=button data-toggle=collapse data-target=#collapseExample aria-expanded=false aria-controls=collapseExample>Refine <i class="fa fa-angle-down" aria-hidden=true></i></button> <button class="btn btn-outline-secondary hidden-lg-up sm-btn" type=button data-toggle=collapse data-target=#collapseExample aria-expanded=false aria-controls=collapseExample><i class="fa fa-angle-down" aria-hidden=true></i></button> </span> <input type=text class=form-control placeholder="Search Recipes" id=general-search> <span class=input-group-btn id=general-search-btn> <button class="btn btn-outline-secondary" type=button><i class="fa fa-search" aria-hidden=true></i></button> </span> </div> </form> <div class="nav-item dropdown flex-last col-1 col-md-2 pl-0 pr-0" id=user-icon href=#> <a class="nav-link dropdown-toggle fa fa-user-circle-o pl-0 pr-0" data-toggle=dropdown aria-haspopup=true aria-expanded=false></a> <div class=dropdown-menu id=signout> <a href=# id=signOutButtonIndex class="signOutButton dropdown-item">Logout</a> <a href=# id=#getMyRecipesButton class="my-rec myRecipesButton dropdown-item">My Recipes</a> <a href=# id=signInButtonIndex class="nav-link signInButton" data-toggle=modal data-target=#signInModal-index>Sign In</a> <a href=# id=signUpButtonIndex class="nav-link signUpButton" data-toggle=modal data-target=#signUnModal-index>Sign Up</a> </div> </div> </div> </nav> <div class="collapse nav-form" aria-expanded=false id=collapseExample> <div class=card> <div class=card-block> <div class=container> <form> <div class=form-group> <label for=ingredients>Ingredients</label> <input type=text class=form-control id=ingredients placeholder="Ex: chicken, rice, broccoli"> <small id=query-error style=display:none>**You must enter either a search term or ingredients to search for.**</small> </div> <div class=form-group> <label for=ingredients>Exclude ingredients</label> <input type=text class=form-control id=exclude-ingredients placeholder="Ex: mushrooms, sugar, walnuts"> </div> <div class=form-group> <label for=min-calories style=display:block>Calories</label> <input type=number class=form-control style=display:inline-block;width:45% min=0 id=min-calories aria-describedby=caloriesHelp placeholder=Min> - <input type=number class=form-control style=display:inline-block;width:45% min=0 id=max-calories aria-describedby=caloriesHelp placeholder=Max> <br> <small>Enter maximum and/or minumum calories for the entire dish. <br><span id=calories-error style=display:none>**Maximum calories must be larger than minumum calories.**</span> </small> </div> <div id=accordion role=tablist aria-multiselectable=true> <div class=mb-2> <a class=collapse-menu data-toggle=collapse data-parent=#accordion href=#collapseOne aria-expanded=true aria-controls=collapseOne> Special Diet <span class=plus-minus>(+)</span> </a> </div> <div id=collapseOne class=collapse role=tabpanel aria-labelledby=headingOne> <div class="row mb-2"> <div class=col-6> <ul class=form-list> <li> <label class=form-check-label> <input type=radio name=diet value=pescetarian class="form-check-input mr-1 diet" id=pescetarian>Pescetarian </label> </li> <li> <label class=form-check-label> <input type=radio name=diet value=ovo-vegetarian class="form-check-input mr-1 diet" id="ovo vegetarian">Ovo vegetarian </label> </li> <li> <label class=form-check-label> <input type=radio name=diet value=vegan class="form-check-input mr-1 diet" id=vegan>Vegan </label> </li> <li> <label class=form-check-label> <input type=radio name=diet value=lacto-vegetarian class="form-check-input mr-1 diet" id="lacto vegetarian">Lacto vegetarian </label> </li> </ul> </div> <div class=col-6> <ul class=form-list> <li> <label class=form-check-label> <input type=radio name=diet value=paleo class="form-check-input mr-1 diet" id=paleo>Paleo </label> </li> <li> <label class=form-check-label> <input type=radio name=diet value=primal class="form-check-input mr-1 diet" id=primal>Primal </label> </li> <li> <label class=form-check-label> <input type=radio name=diet value=vegetarian class="form-check-input mr-1 diet" id=vegetarian>Vegetarian </label> </li> </ul> </div> </div> </div> <div class=mb-2> <a class="collapsed collapse-menu" data-toggle=collapse data-parent=#accordion href=#collapseTwo aria-expanded=false aria-controls=collapseTwo> Dietary Restrictions <span class=plus-minus>(+)</span> </a> </div> <div id=collapseTwo class=collapse role=tabpanel aria-labelledby=headingTwo> <div class="row mb-2"> <div class=col-6> <ul class=form-list> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=dairy>Dairy </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=egg>Egg </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=gluten>Gluten </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=peanut>Peanut </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id="tree nut">Tree nuts </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=wheat>Wheat </label> </li> </ul> </div> <div class=col-6> <ul class=form-list> <li></li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=sesame>Sesame </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=seafood>Seafood </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=shellfish>Shellfish </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=soy>Soy </label> </li> <li> <label class=form-check-label> <input type=checkbox class="form-check-input mr-1 intolerance" id=sulfite>Sulfite </label> </li> </ul> </div> </div> </div> </div> <button class="btn btn-secondary my-2 my-sm-0" type=submit id=search>Search</button> </form> </div> </div> </div> </div> <div class="modal fade signInUpModal signInModal" id=signInModal-index tabindex=-1 role=dialog aria-labelledby=SignInModalLabelIndex aria-hidden=true> <div class=modal-dialog role=document> <div class=modal-content> <div class=modal-header> <h5 class="modal-title SignInModalLabel" id=SignInModalLabelIndex>Sign In</h5> <button type=button class=close data-dismiss=modal aria-label=Close> <span aria-hidden=true>×</span> </button> </div> <div class=modal-body> <div id=signInContainerIndex class=signInContainer> <form id=userSignInFormIndex class=userSignInForm> <div class=form-group> <div class="input-group userInfoInputGroup"> <span class="input-group-addon in-email-add-on" id=in-email-add-on-index>Email</span> <input id=in-email-input-index type=email class="form-control modalInput in-email-input" [email protected] aria-describedby=in-email-add-on-index> </div> </div> <div class=form-group> <div class="input-group userInfoInputGroup"> <span class="input-group-addon in-password-add-on" id=in-password-add-on-index>Password</span> <input id=in-password-input-index type=password class="form-control modalInput in-password-input" aria-describedby=in-password-add-on-index> </div> </div> </form> </div> </div> <div class=modal-footer> <div id=in-error-message-container-index class=in-error-message-container> <p class="errorMessage in-error-message" id=in-error-message-index> </p> </div> <button type=button class="btn btn-secondary" data-dismiss=modal>Close</button> <button type=button id=signInSubmitButtonIndex data-file-id=index class="btn btn-primary signInSubmitButton">Submit </button> </div> </div> </div> </div> <div class="modal fade signInUpModal signUpModal" id=signUpModal-index tabindex=-1 role=dialog aria-labelledby=SignUpModalLabelIndex aria-hidden=true> <div class=modal-dialog role=document> <div class=modal-content> <div class=modal-header> <h5 class="modal-title SignUpModalLabel" id=SignUnModalLabelIndex>Sign Up</h5> <button type=button class=close data-dismiss=modal aria-label=Close> <span aria-hidden=true>×</span> </button> </div> <div class=modal-body> <div id=signUpContainerIndex class=signUpContainer> <form id=userSignUpFormIndex class=userSignUpForm> <div class=form-group> <div class="input-group userInfoInputGroup"> <span class="input-group-addon up-email-add-on" id=up-email-add-on-index>Email</span> <input id=up-email-input-index type=email class="form-control modalInput up-email-input" [email protected] aria-describedby=up-email-add-on-index> </div> </div> <div class=form-group> <div class="input-group userInfoInputGroup"> <span class="input-group-addon up-password-add-on" id=up-password-add-on-index>Password</span> <input id=up-password-input-index type=password class="up-password-input form-control modalInput" aria-describedby=up-password-add-on-index> </div> </div> </form> </div> </div> <div class=modal-footer> <div id=up-error-message-container-index class=up-error-message-container> <p class="errorMessage up-error-message" id=up-error-message-index> </p> </div> <button type=button class="btn btn-secondary" data-dismiss=modal>Close</button> <button type=button id=signUpSubmitButtonIndex data-file-id=index class="signUpSubmitButton btn btn-primary">Submit </button> </div> </div> </div> </div> <div class=container> <div class="row mt-5 home"> <div class=col-sm-12> <div class=card style=width:100%> <h4 class=card-header>Popular Recipes</h4> <div class="card-block dashboard-card"> <div id=popular-recipes> </div> <div class="card-block row"> <div class=col-12> <button class="btn btn-secondary" href=# id=see-more-popular>See more...</button> </div> </div> </div> </div> </div> </div> <div class="row mt-5"> <div class=col-md-12> <div class="card dashboard-card home"> <h4 class=card-header> Nearby Grocery Stores </h4> <div class=card-block> <form> <div class=form-group> <button id=findStoresButton class="btn btn-secondary col-7 col-sm-3 col-md-2" type=submit>Find Stores</button> <input type=text class="form-control col-12 col-sm-8 col-md-9" id=myLocationInput placeholder="Your Device's Location"> </div> </form> <div id=googleMapContainer> <div id=map></div> </div> </div> </div> <h2 id=no-results style=display:none>Sorry, that search didn't match any results.</h2> </div> </div> <h2 id=search-message style=display:none></h2> <div class=card-columns></div> <div class=recipe-container id=recipe-container></div> <div id=cardsLoadContainer></div> </div> <div class=container> </div> <script async defer=defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBggUAvADsZsmy3v3WrWv2HAb_DlSkdF7Y&libraries=places"></script> <script src=components/components.js></script> <script type="text/javascript" src="bundle.js"></script></body> </html>