Spaces:
Sleeping
Sleeping
| {% load static %} | |
| <html> | |
| <head> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Grub Guesser - Feed me Seymour!</title> | |
| <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" /> | |
| <link rel="shortcut icon" href="{% static 'gg-favicon.png'%}"> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> | |
| <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> | |
| <style type="text/css"> | |
| .jumbotron { | |
| background: #cc6600; | |
| color: white; | |
| padding-bottom: 80px | |
| } | |
| .btn-primary { | |
| background: #cc6600; | |
| border-color: #cc6600 | |
| } | |
| .btn-primary:hover { | |
| background: hsl(30, 100%, 30%) | |
| } | |
| .jumbotron p { | |
| color: #d9ccee; | |
| max-width: 75%; | |
| margin: 1em auto 2em | |
| } | |
| .navbar+.jumbotron { | |
| margin-top: -20px | |
| } | |
| .jumbotron .gg-logo { | |
| display: block; | |
| background: #b01302; | |
| border-radius: 50%; | |
| overflow: hidden; | |
| width: 100px; | |
| height: 100px; | |
| margin: auto; | |
| border: 2px solid white | |
| } | |
| .jumbotron .gg-logo img { | |
| max-width: 100% | |
| } | |
| .navbar-inverse { | |
| background: #C13100; | |
| color: #FFFBD0; | |
| position: fixed; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .navbar-nav { | |
| background: #C13100; | |
| color: #FFFBD0; | |
| } | |
| .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { | |
| background: #C13100; | |
| color: #FFFBD0 | |
| } | |
| .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { | |
| background: #C13100; | |
| color: #FFFBD0 | |
| } | |
| .navbar-inverse .navbar-nav>li>a { | |
| background: #C13100; | |
| color: #FFFBD0 | |
| } | |
| .dropdown-menu { | |
| color:#000000; | |
| } | |
| .navbar-nav>li>form { | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| @media (min-width: 768px) { | |
| .navbar-nav>li>form { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| } | |
| } | |
| input { | |
| margin:10px; | |
| width: 375px | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <nav class="navbar navbar-default navbar-static-top navbar-inverse"> | |
| <div class="container"> | |
| <ul class="nav navbar-nav"> | |
| <li class="active"> | |
| <a href="/"><span class="glyphicon glyphicon-home"></span> Home</a> | |
| </li> | |
| <li class="dropdown"> | |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-info-sign"></span> Predict Image from URL <span class="caret"></span></a> | |
| <ul class="dropdown-menu" role="menu" style="width:600px"> | |
| <li> | |
| <form method="POST" style="margin:10px 20px"> | |
| {% csrf_token %} | |
| {{ url_form.as_p }} | |
| <button class="btn btn-primary" type="submit" name="action" value="SubmitURL"> Submit</button> | |
| </form> | |
| </li> | |
| </ul> | |
| </li> | |
| <li class="dropdown"> | |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-info-sign"></span> Upload an Image <span class="caret"></span></a> | |
| <ul class="dropdown-menu" role="menu" style="width:600px"> | |
| <li> | |
| <form enctype="multipart/form-data" method="POST" style="margin:10px 20px"> | |
| {% csrf_token %} | |
| {{ image_form.as_p }} | |
| <button class="btn btn-primary" type="submit" name="action" value="SubmitImage"> Submit</button> | |
| </form> | |
| </li> | |
| </ul> | |
| </li> | |
| <li> | |
| <form method="POST"> | |
| {% csrf_token %} | |
| <button class="btn btn-primary" type="submit" name="action" value="LoadRandom" ><span class="glyphicon glyphicon-refresh"></span> Load Random Sample</button> | |
| </form> | |
| </li> | |
| </ul> | |
| <ul class="nav navbar-nav navbar-right"> | |
| <li class="navbar-right"> | |
| <a href="https://github.com/JonSolow/foodid"><span class="glyphicon glyphicon-book"></span>Model Source Github</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </nav> | |
| {% block content %}{% endblock %} | |
| </body> | |
| </html> | |