Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>ILPD Liver Disease Prediction</title> | |
| <link | |
| href="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.css" | |
| rel="stylesheet" | |
| /> | |
| <script src="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.js"></script> | |
| </head> | |
| <body class="bg-gray-100 py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-lg mx-auto bg-white p-8 rounded-lg shadow-lg"> | |
| <h1 class="text-2xl font-bold text-center text-gray-700 mb-6"> | |
| ILPD Liver Disease Prediction | |
| </h1> | |
| <form method="POST" action="/predict"> | |
| <div class="relative z-0 w-full mb-5 group"> | |
| <input | |
| type="text" | |
| name="Age" | |
| id="Age" | |
| class="block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" | |
| placeholder=" " | |
| required | |
| /> | |
| <label | |
| for="Age" | |
| class="peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6" | |
| >Age</label | |
| > | |
| </div> | |
| <div class="relative z-0 w-full mb-5 group"> | |
| <label for="Gender" class="text-sm text-gray-500 dark:text-gray-400" | |
| >Gender:</label | |
| > | |
| <select | |
| name="Gender" | |
| id="Gender" | |
| class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer" | |
| > | |
| <option class="pl-1" value="1">Male</option> | |
| <option class="pl-1" value="0">Female</option> | |
| </select> | |
| </div> | |
| <div class="relative z-0 w-full mb-5 group"> | |
| <input | |
| type="text" | |
| name="Total_Bilirubin" | |
| id="Total_Bilirubin" | |
| class="block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" | |
| placeholder=" " | |
| required | |
| /> | |
| <label | |
| for="Total_Bilirubin" | |
| class="peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6" | |
| >Total Bilirubin</label | |
| > | |
| </div> | |
| <div class="relative z-0 w-full mb-5 group"> | |
| <input | |
| type="text" | |
| name="Alkaline_Phosphatase" | |
| id="Alkaline_Phosphatase" | |
| class="block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" | |
| placeholder=" " | |
| required | |
| /> | |
| <label | |
| for="Alkaline_Phosphatase" | |
| class="peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6" | |
| >Alkaline Phosphatase</label | |
| > | |
| </div> | |
| <div class="relative z-0 w-full mb-5 group"> | |
| <input | |
| type="text" | |
| name="Alamine_Aminotransferase" | |
| id="Alamine_Aminotransferase" | |
| class="block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" | |
| placeholder=" " | |
| required | |
| /> | |
| <label | |
| for="Alamine_Aminotransferase" | |
| class="peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6" | |
| >Alamine Aminotransferase (SGPT)</label | |
| > | |
| </div> | |
| <div class="relative z-0 w-full mb-5 group"> | |
| <input | |
| type="text" | |
| name="Total_Protiens" | |
| id="Total_Protiens" | |
| class="block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" | |
| placeholder=" " | |
| required | |
| /> | |
| <label | |
| for="Total_Protiens" | |
| class="peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6" | |
| >Total Proteins (SGOT)</label | |
| > | |
| </div> | |
| <div class="relative z-0 w-full mb-5 group"> | |
| <input | |
| type="text" | |
| name="Albumin_and_Globulin_Ratio" | |
| id="Albumin_and_Globulin_Ratio" | |
| class="block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" | |
| placeholder=" " | |
| required | |
| /> | |
| <label | |
| for="Albumin_and_Globulin_Ratio" | |
| class="peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6" | |
| >Albumin and Globulin Ratio</label | |
| > | |
| </div> | |
| <button | |
| type="submit" | |
| class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800" | |
| > | |
| Predict | |
| </button> | |
| </form> | |
| {% if prediction_text %} | |
| <h3 class="text-center text-lg mt-6 text-gray-800"> | |
| {{ prediction_text }} | |
| </h3> | |
| {% endif %} | |
| </div> | |
| </body> | |
| </html> | |