Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" /> | |
| <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> | |
| <link href="{{ url_for('static', filename='malaria/vendor/@fortawesome/fontawesome-free/css/all.min.css') }}" rel="stylesheet" /> | |
| <link href="{{ url_for('static', filename='malaria/vendor/2221mb/neumorphism.css') }}" rel="stylesheet" /> | |
| <link href="{{ url_for('static', filename='malaria/css/custom.css') }}" rel="stylesheet" /> | |
| <title>SANUS</title> | |
| </head> | |
| <body> | |
| <div>d-none d-md-inline-block | |
| <header class="header-global"> | |
| <nav id="navbar-main" aria-label="Primary navigation" class="navbar navbar-main navbar-expand-lg navbar-theme-primary headroom navbar-light"> | |
| <div class="container position-relative"> | |
| <div class="text-center"> | |
| <div class="icon icon-shape shadow-soft border border-light rounded-circle"> | |
| <img src="{{ url_for('static', filename='malaria/images/logo_up.png') }}" style="width: 70%;"> | |
| </div> | |
| </div> | |
| <div class="d-flex align-items-center"> | |
| <ul class="navbar-nav navbar-nav-hover align-items-lg-center"> | |
| <li class="nav-item dropdown"> | |
| <span class="nav-link " data-toggle="dropdown" > | |
| <a class="btn btn-icon-only btn-pill btn-github" type="button" aria-label="github button"> | |
| <span aria-hidden="true" class="fas fa-phone-alt"></span> | |
| </a> | |
| </span> | |
| </li> | |
| </ul> | |
| <button class="navbar-toggler ml-2" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation"> | |
| <button class="btn btn-icon-only btn-pill btn-github" type="button" aria-label="github button" title="github button"> | |
| <span aria-hidden="true" class="fas fa-user"></span> | |
| </button> | |
| </button> | |
| </div> | |
| </div> | |
| </nav> | |
| </header> | |
| <section class="min-vh-100 d-flex bg-primary mt-6"> | |
| <div class="container"> | |
| <div class="row mt-6 mb-2 justify-content-center"> | |
| <div class="col-12 col-md-12 col-lg-12 justify-content-center"> | |
| <div class="card bg-primary shadow-soft border-light p-4"> | |
| <h1 class="text-center text-success mb-5"><span class="fas fa-diagnoses mr-2"></span>Malaria Detector</h1> | |
| <div class="col-12 mt-5"> | |
| <div class="row"> | |
| <div class="col-md-4 profile-card mb-5"> | |
| <div class="card bg-primary shadow-inset border-light text-center"> | |
| <div class="card-header"> | |
| <div class="profile-image bg-primary shadow-inset border border-light rounded mx-auto p-3 mt-n6"> | |
| <div id="imagePreview"></div> | |
| </div> | |
| </div> | |
| <div class="card-body pb-5"> | |
| <div class="custom-file"> | |
| <form id="upload-file" method="post" enctype="multipart/form-data"> | |
| <input type="file" | |
| name="file" | |
| id="imageUpload" | |
| accept=".png, .jpg, .jpeg" class="custom-file-input"> | |
| </form> | |
| <label class="custom-file-label text-left" for="customFile">Upload Image</label> | |
| </div> | |
| <button class="btn btn-primary mr-3 mt-3 text-success" type="button" id="btn-predict"> | |
| <span class="mr-1"><span class="far fa-check-circle"></span></span> | |
| Predict | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-1 mb-5"></div> | |
| <div class="col-md-6 mb-5"> | |
| <div class="row"> | |
| <div class="w-100 card bg-primary shadow-soft border-light text-left mb-4 mb-md-0"> | |
| <div class="card-body p-4 p-sm-5"> | |
| <div class="d-flex px-3"> | |
| <div> | |
| <div class="icon icon-shape shadow-soft rounded-circle"> | |
| <span class="far fa-list-alt"></span> | |
| </div> | |
| </div> | |
| <div class="pl-3 pl-sm-4 text-center"> | |
| <h3 class="h5">Result:</h3> | |
| <h2 class="text-success" id="result"></h2> | |
| <h2 class="text-success" id="preresult">Scan Now</h2> | |
| <div class="progress-wrapper"> | |
| <div class="progress-info"> | |
| </div> | |
| <div id="loader" class="progress"> | |
| <div class="progress-bar progress-bar-striped bg-dark" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 60%; animation: 5s ease 0s 1 normal none running animate-positive;", opacity: "1"}}></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| </body> | |
| <script src="{{ url_for('static', filename='malaria/js/main.js') }}" type="text/javascript"></script> | |
| </html> |