Spaces:
Sleeping
Sleeping
File size: 3,739 Bytes
7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 8eaf5f8 7a670b7 |
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 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fetal Health Prediction Input</title>
<style>
/* General body styling */
body {
font-family: 'Arial', sans-serif;
background-color: #f4f7fc;
color: #333;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
flex-direction: column;
}
h1 {
color: #4e73df;
text-align: center;
margin-bottom: 40px;
font-size: 2rem;
}
/* Form container styling */
form {
background-color: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 450px;
}
label {
display: block;
margin-bottom: 8px;
font-size: 1.1rem;
font-weight: bold;
color: #333;
}
input[type="number"] {
width: 100%;
padding: 12px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 1rem;
}
input[type="submit"] {
background-color: #4e73df;
color: white;
padding: 15px;
border: none;
border-radius: 6px;
font-size: 1.1rem;
cursor: pointer;
transition: background-color 0.3s;
width: 100%;
}
input[type="submit"]:hover {
background-color: #2e59d9;
}
/* Title styling */
.form-title {
color: #333;
font-size: 1.25rem;
margin-bottom: 30px;
font-weight: bold;
}
/* Responsive Design */
@media (max-width: 600px) {
h1 {
font-size: 1.5rem;
}
form {
padding: 20px;
width: 90%;
}
input[type="number"] {
padding: 10px;
}
input[type="submit"] {
padding: 12px;
}
}
</style>
</head>
<body>
<h1>Fetal Health Prediction Input</h1>
<form action="/predict" method="POST">
<p class="form-title">Enter the following values for the prediction:</p>
<label for="input1">Baseline Value (baseline_value):</label>
<input type="number" id="input1" name="input1" step="any" required>
<label for="input2">Accelerations (accelerations):</label>
<input type="number" id="input2" name="input2" step="any" required>
<label for="input3">Fetal Movement (fetal_movement):</label>
<input type="number" id="input3" name="input3" step="any" required>
<label for="input4">Uterine Contractions (uterine_contractions):</label>
<input type="number" id="input4" name="input4" step="any" required>
<label for="input5">Light Decelerations (light_decelerations):</label>
<input type="number" id="input5" name="input5" step="any" required>
<label for="input6">Severe Decelerations (severe_decelerations):</label>
<input type="number" id="input6" name="input6" step="any" required>
<label for="input7">Prolonged Decelerations (prolongued_decelerations):</label>
<input type="number" id="input7" name="input7" step="any" required>
<input type="submit" value="Get Prediction">
</form>
</body>
</html>
|