mirror of
https://github.com/gradio-app/gradio.git
synced 2024-12-27 02:30:17 +08:00
86 lines
3.5 KiB
HTML
86 lines
3.5 KiB
HTML
|
<bound method Tag.prettify of
|
|||
|
|
<!DOCTYPE doctype html>
|
|||
|
|
|
|||
|
|
<script src="../js/all-io.js"></script>
|
|||
|
|
<script crossorigin="anonymous" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
|
|||
|
|
<script src="../js/bootstrap.min.js"></script>
|
|||
|
|
<script src="../js/bootstrap-notify.min.js"></script>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8"/>
|
|||
|
|
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
|
|||
|
|
<meta content="" name="description"/>
|
|||
|
|
<meta content="" name="author"/>
|
|||
|
|
<title>Gradio</title>
|
|||
|
|
<!-- Bootstrap core CSS -->
|
|||
|
|
<link href="../css/bootstrap.min.css" rel="stylesheet"/>
|
|||
|
|
<link href="../css/draw-a-digit.css" rel="stylesheet"/>
|
|||
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="overlay" style="visibility: hidden"></div>
|
|||
|
|
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
|
|||
|
|
<a class="navbar-brand" href="#">Gradio</a>
|
|||
|
|
<button aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarsExampleDefault" data-toggle="collapse" type="button">
|
|||
|
|
<span class="navbar-toggler-icon"></span>
|
|||
|
|
</button>
|
|||
|
|
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
|
|||
|
|
<ul class="navbar-nav mr-auto">
|
|||
|
|
</ul>
|
|||
|
|
<ul class="navbar-nav">
|
|||
|
|
<!--<li class="nav-item">-->
|
|||
|
|
<!--<a class="nav-link" href="#">Help</a>-->
|
|||
|
|
<!--</li>-->
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<em><strong><span id="model-status" style="color:#3ee263">Model: running</span></strong></em>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
<main class="container starter-template" role="main">
|
|||
|
|
<div class="row">
|
|||
|
|
<!-- INPUT
|
|||
|
|
====================================================================================================================================================== -->
|
|||
|
|
<div class="col-6">
|
|||
|
|
<h5>Sketch Pad Input: (Use your cursor to draw)</h5>
|
|||
|
|
<canvas height="400" id="canvas" width="400"></canvas><br/>
|
|||
|
|
<div aria-label="Basic example" class="btn-group" role="group">
|
|||
|
|
<button class="btn btn-primary" id="submit-button" type="button">Recognize</button>
|
|||
|
|
<button class="btn btn-secondary" id="clear-button" type="button">Clear</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script src="../js/sketchpad-input.js"></script>
|
|||
|
|
|
|||
|
|
<!-- OUTPUT
|
|||
|
|
====================================================================================================================================================== -->
|
|||
|
|
<div class="col-6">
|
|||
|
|
<h5>Class Output:</h5>
|
|||
|
|
<div id="predict_div" style="background-color:grey">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script src="../js/class-output.js"></script>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</main></body></html>
|
|||
|
|
<!-- /.container -->
|
|||
|
|
<footer class="footer">
|
|||
|
|
<div class="container">
|
|||
|
|
<span class="text-muted">
|
|||
|
|
<!-- Add font awesome icons -->
|
|||
|
|
Gradio is open-source, help make it better <20>
|
|||
|
|
<a class="fa fa-github" href="https://github.com/abidlabs/gradiome" target="_blank"></a>
|
|||
|
|
</span>
|
|||
|
|
<span class="text-muted pull-right">
|
|||
|
|
<!-- Add font awesome icons -->
|
|||
|
|
Found this useful? Kindly spread the word <20>
|
|||
|
|
<a class="fa fa-facebook" href="https://www.facebook.com/sharer/sharer.php?u=www.siliconprep.com" target="_blank"></a>
|
|||
|
|
<a class="fa fa-twitter" href="https://twitter.com/home?status=Check%20out%20Gradio%20tool%20at%20www.siliconprep.com" target="_blank"></a>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
<!-- Bootstrap core JavaScript
|
|||
|
|
================================================== -->
|
|||
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
>
|