Spaces:
Running
Running
| <html > | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>HEART RESCUE</title> | |
| </head> | |
| <body> | |
| <style> | |
| body {font-family: Arial, Helvetica, sans-serif; | |
| background: linear-gradient(to bottom, #2a967b 60%, #4c4d52 50%, #E2E7ED 50%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%); | |
| background-blend-mode: normal,color-burn; | |
| } | |
| * {box-sizing: border-box;} | |
| input[type=text], select, textarea, option { | |
| width: 100%; | |
| padding: 12px; | |
| color:black; | |
| opacity:0.8; | |
| border: 1px solid #ccc; | |
| border-radius: 4px; | |
| box-sizing: border-box; | |
| margin-top: 6px; | |
| margin-bottom: 16px; | |
| resize: vertical; | |
| } | |
| select{ | |
| color:black; | |
| opacity: 0.8; | |
| } | |
| input[type=submit] { | |
| background-color: #4CAF50; | |
| color: white; | |
| padding: 12px 20px; | |
| border: none; | |
| border-radius: 4px; | |
| cursor: pointer; | |
| } | |
| input[type=submit]:hover { | |
| background-color: #a0456f; | |
| } | |
| .container { | |
| border-radius: 5px; | |
| background-color: #f2f2f2; | |
| padding: 20px; | |
| } | |
| .grid-container { | |
| display: grid; | |
| grid-template-columns: auto auto auto; | |
| padding: 5px; | |
| } | |
| .grid-item { | |
| padding: 5px; | |
| font-size: 15px; | |
| text-align: center; | |
| } | |
| footer { | |
| text-align: center; | |
| padding: 3px; | |
| background-color: grey; | |
| color: white; | |
| } | |
| </style> | |
| <div> | |
| <h1><center>HEART RESCUE</center></h1> | |
| <div> | |
| <h3><center>The solution deployed here is to enable the rapid detection of 8 major groups of heart failure:</center></h3> | |
| <div style="display:inline-block;vertical-align:top;"> | |
| <img src="/static/ks.png" height="300px" width="400px" /> | |
| </div> | |
| <div style="display:inline-block;"> | |
| <h3><center>- Rythms</center></h3> | |
| <h3><center>- Electric axis of the heart</center></h3> | |
| <h3><center>- Conduction abnormalities</center></h3> | |
| <h3><center>- Extrasystolies</center></h3> | |
| <h3><center>- Hypertrophies</center></h3> | |
| <h3><center>- Cardiac pacing</center></h3> | |
| <h3><center>- Ischemia</center></h3> | |
| <h3><center>- Non-specific repolarization abnormalities</center></h3> | |
| </div> | |
| <br> | |
| <h3><center>NB: For better accuracy, the electrical signal transmitted must be sampled at 300 Hz along the six frontal leads and the six horizontal leads</center></h3> | |
| </div> | |
| <br> | |
| <form action="{{ url_for('predict')}}" method="post" enctype="multipart/form-data"> | |
| <div class="grid-container"> | |
| <div class="grid-item">Age<input type="text" name="Age" placeholder="Enter Age" required="required" /></div> | |
| <br> | |
| <div class="grid-item">Gender | |
| <select name="Gender" id="gender" required> | |
| <option value="" selected disabled hidden>Select Gender</option> | |
| <option value = 1>Male</option> | |
| <option value = 0>Female</option> | |
| </select> | |
| </div> | |
| <br> | |
| <div class="grid-item">Upload the signal here | |
| <input type="file" id="signal" name="signal" placeholder="Choose" required="required" accept=".csv, .dat"/> | |
| </div> | |
| </div> | |
| <br> | |
| <button type="submit" class="btn btn-primary btn-lg btn-block">Predict</button> | |
| </form> | |
| <br> | |
| </div> | |
| <footer> | |
| <center>Copyright © 2022 All rights reserved | This website is made by louis_michel</center> | |
| </footer> | |
| </body> | |
| </html> | |