Update index.html

theKemmie · Dec 5, 2023 · 2e81db5 · 2e81db5
1 parent e518db2
commit 2e81db5
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/templates/index.html b/templates/index.html
@@ -8,7 +8,7 @@
       padding: 0;
       margin: 0;
       font-family: Roboto, Arial, sans-serif;
-      font-size: 14px;
+      font-size: 16px;
       color: seagreen;
         }
       h1 {
@@ -19,8 +19,8 @@
       label {
       margin: 0 0 0px;
       font-weight: 50;
-      color: red;
-      font-size: 12px;
+      color: green;
+      font-size: 14px;
       }
       p {
       margin: 0 0 5px;
@@ -35,6 +35,7 @@
     background-size: cover; /* Resize the background image to cover the entire container */
 
       }
+
       form {
       padding: 25px;
       margin: 25px;
@@ -79,6 +80,7 @@
       .left-part, form {
       width: 50%;
       }
+
       .result{
         position: absolute;
         visibility: visible;
@@ -91,7 +93,9 @@
         box-shadow: 0 2px 5px #f5f5f5;
         text-align: center;
     }
-    </style>
+
+        </style>
+
   </head>
   <body>
     <div class="main-block">
@@ -104,24 +108,24 @@
         <p><i>Note that this model is 81% accurate</i></p>
         <div class="info">
         	  <p><b>Please Enter values for the following:</b></p><br>
-            <label><i>HINT: If you're of the Male gender or have not been pregnant before, input 0</i></label>
-         <input type="number" name="Pregnancies" placeholder="Number of times pregnant" required>
-          <label><i>HINT: Plasma glucose concentration </i></label>
-           <input type="number" name="Glucose" placeholder="Glucose Level" required>
-           <label><i>HINT: Diastolic blood pressure (mm Hg)</i></label>
-           <input type="number" step=0.01 name="Blood Pressure" placeholder="Blood Pressure" required>
-           <label><i>HINT: Triceps skin fold thickness (mm)</i></label>
-           <input type="number" step=0.01 name="Skin Thickness" placeholder="Skin Thickness" required>
-           <label><i>HINT:  2-Hour serum insulin (mu U/ml)</i></label>
-           <input type="number" name="Insulin" step=0.01 placeholder="Insulin Level" required>
-           <label><i>HINT: Body Mass Index = (weight in kg/(height in m)^2)</i></label>
-           <input type="number" name="BMI" step=0.01 placeholder="Body Mass Index" required>
-           <label><i>HINT: A function which scores likelihood of diabetes based on family history</i></label>
-           <input type="number" name="DiabetesPedigreeFunction" step=0.001 placeholder="Diabetes Pedigree Function" required>
-           <label><i>HINT: If you're of the Male gender or have not been pregnant before, input 0</i></label>
-           <input type="number" name="Age" placeholder="Age" required>
+            <label>Number of Pregnancies</label>
+            <input type="number" name="Pregnancies" placeholder="Number of times pregnant" required>
+            <label>Glucose Concentration</label>
+           <input type="number" name="Glucose" placeholder="Plasma glucose concentration" required>
+           <label>Blood Pressure</label>
+           <input type="number" step=0.01 name="Blood Pressure" placeholder="Diastolic blood pressure (mm Hg)" required>
+           <Label>Skin Thickness</Label>
+           <input type="number" step=0.01 name="Skin Thickness" placeholder="Triceps skin fold thickness (mm)" required>
+           <label>Insulin Level</label>
+           <input type="number" name="Insulin" step=0.01 placeholder="2-Hour serum insulin (mu U/ml)" required>
+           <label>Body Mass Index</label>
+           <input type="number" name="BMI" step=0.01 placeholder="BMI = (weight in kg/(height in m)^2)" required>
+           <label>Diabetes Pedigree Function</label>
+           <input type="number" name="DiabetesPedigreeFunction" step=0.001 placeholder="A function which scores likelihood of diabetes based on family history" required>
+           <label>Age</label>
+           <input type="number" name="Age" placeholder="How old are you? (in years)" required>
         </div>
-        <center><button type="submit">Predict</button></center>
+        <button type="submit">Predict</button>
         <div class = "result">
             <h2>Result</h2>
             <p>{{result}}</p>