85 lines
1.6 KiB
HTML
85 lines
1.6 KiB
HTML
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
.button {
|
||
|
|
background-color: #000000; /* Green */
|
||
|
|
border: none;
|
||
|
|
color: white;
|
||
|
|
padding: 15px 32px;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 4px 2px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.button1 {font-size: 10px;}
|
||
|
|
.button2 {font-size: 12px;}
|
||
|
|
.button3 {font-size: 16px;}
|
||
|
|
.button4 {font-size: 50px;}
|
||
|
|
.button5 {font-size: 24px;border-radius: 12px;}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div style="background-image: url('https://lh3.googleusercontent.com/p/AF1QipONWF8G50u9Bu-dklcj3kzesofOn8Z0q0LdHeU1=w1080-h608-p-no-v0');
|
||
|
|
/* Full height */
|
||
|
|
height: 100%;
|
||
|
|
/ Center and scale the image nicely /
|
||
|
|
background-position: center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: cover;">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<br> <br>
|
||
|
|
|
||
|
|
<form action="/upload" method="POST" enctype="multipart/form-data">
|
||
|
|
<div class="form-group">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="custom-file">
|
||
|
|
|
||
|
|
<input type="file" class="button button5" name="image" id="image"> <br> <br><br>
|
||
|
|
<div class="bg"></div>
|
||
|
|
<input class="button button5" type="submit"> <br><br></div></div></form>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<form action="{{ url_for('predict') }}" method="GET">
|
||
|
|
<input type="submit" class="button button5" value="predict"></form>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<form action="{{ url_for('json') }}" method="GET">
|
||
|
|
<input type="submit" class="button button5" value="json"></form>
|
||
|
|
|
||
|
|
|
||
|
|
<br>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
body {
|
||
|
|
width: 100%;
|
||
|
|
height:100%;
|
||
|
|
font-family: 'Helvetica';
|
||
|
|
background-color:#000000;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 24px;
|
||
|
|
text-align:center;
|
||
|
|
letter-spacing:1.4px;
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|