Spaces:
Sleeping
Sleeping
File size: 4,432 Bytes
03fc4f2 |
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 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 |
{% load static %}
<!DOCTYPE html>
<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>
|