Log In Sign Up
Models:
Mathew Swanson
Mathew-S/
DOCPAT-SMART-DISEASE-PRED
0
Downloads: 2
Diff of /templates/p.html [000000] .. [b018ba]

Switch to unified view

a b/templates/p.html 

  1
  
<!-- p.html -->





  
  

  2
  
<!DOCTYPE html>





  
  

  3
  
<html lang="en">





  
  

  4
  
<head>





  
  

  5
  
    <meta charset="UTF-8">





  
  

  6
  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">





  
  

  7
  
    <title>Prediction Result</title>





  
  

  8
  
    <style>





  
  

  9
  
        body {





  
  

  10
  
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;





  
  

  11
  
            height: 100vh;





  
  

  12
  
            margin: 0;





  
  

  13
  
            display: flex;





  
  

  14
  
            flex-direction: column;





  
  

  15
  
            justify-content: center;





  
  

  16
  
            align-items: center;





  
  

  17
  
            background-image: linear-gradient(to right, #8e2de2, #4a00e0);





  
  

  18
  
            color: #fff;





  
  

  19
  
        }





  
  

  20
  





  
  

  21
  
        .result-box {





  
  

  22
  
            background-color: rgba(200, 240, 196, 0.85);





  
  

  23
  
            color: #040404;





  
  

  24
  
            padding: 20px 50px;





  
  

  25
  
            border-radius: 10px;





  
  

  26
  
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);





  
  

  27
  
            text-align: center;





  
  

  28
  
            max-width: 600px;





  
  

  29
  
            margin: 40px;





  
  

  30
  
        }





  
  

  31
  





  
  

  32
  
        .result-box h2 {





  
  

  33
  
            margin-bottom: 15px;





  
  

  34
  
            font-size: 2rem;





  
  

  35
  
            color: #333;





  
  

  36
  
        }





  
  

  37
  





  
  

  38
  
        .result-message {





  
  

  39
  
            font-size: 20px;





  
  

  40
  
            font-weight: bold;





  
  

  41
  
            margin-bottom: 20px;





  
  

  42
  
            color: #444;





  
  

  43
  
        }





  
  

  44
  





  
  

  45
  
        .additional-details {





  
  

  46
  
            font-size: 18px;





  
  

  47
  
            color: #555;





  
  

  48
  
            margin-top: 10px;





  
  

  49
  
        }





  
  

  50
  





  
  

  51
  
        .logo {





  
  

  52
  
            width: 150px;





  
  

  53
  
            height: auto;





  
  

  54
  
            margin-bottom: 20px;





  
  

  55
  
        }





  
  

  56
  





  
  

  57
  
        .back-to-home-btn {





  
  

  58
  
            background-color: hsl(286, 64%, 80%);





  
  

  59
  
            color: #000000;





  
  

  60
  
            font-size: 18px;





  
  

  61
  
            font-weight: bold;





  
  

  62
  
            padding: 12px 25px;





  
  

  63
  
            border-radius: 8px;





  
  

  64
  
            text-decoration: none;





  
  

  65
  
            transition: background-color 0.3s ease;





  
  

  66
  
            margin-top: 20px;





  
  

  67
  
        }





  
  

  68
  





  
  

  69
  
        .back-to-home-btn:hover {





  
  

  70
  
            background-color: #f0f0f0;





  
  

  71
  
            color: #333;





  
  

  72
  
        }





  
  

  73
  
        .btn-home {





  
  

  74
  
    background-color: #000000; /* Black color */





  
  

  75
  
    color: white;





  
  

  76
  
    height: 50px;





  
  

  77
  
    width: 100px;





  
  

  78
  
    padding-bottom: 5px;





  
  

  79
  
    padding: 4px 4px; /* Smaller padding */





  
  

  80
  
    font-size: 26px; /* Smaller font size */





  
  

  81
  
    border-radius: 5px;





  
  

  82
  
    margin-top: 1px;





  
  

  83
  
    margin-bottom: -10px;





  
  

  84
  
    display: block;





  
  

  85
  
    margin-left: auto;





  
  

  86
  
    margin-right: auto;





  
  

  87
  
    text-decoration: none; /* Remove underline */





  
  

  88
  
    text-align: center;





  
  

  89
  
}





  
  

  90
  





  
  

  91
  
.btn-home:hover {





  
  

  92
  
    background-color: #333333; /* Darker shade of black on hover */





  
  

  93
  
    color: white; /* Keep text white on hover */





  
  

  94
  
    text-decoration: none; /* Remove underline on hover */





  
  

  95
  
}





  
  

  96
  
    </style>





  
  

  97
  
</head>





  
  

  98
  





  
  

  99
  
<body>





  
  

  100
  
    <header>





  
  

  101
  
        <img src="/static/NEWLOGO.png" alt="Logo" class="logo">





  
  

  102
  
    </header>





  
  

  103
  
    <div>





  
  

  104
  
        <a href="/" class="btn-home">Home</a> <!-- Link to the home page -->





  
  

  105
  
    </div>





  
  

  106
  





  
  

  107
  
    <div class="result-box">





  
  

  108
  
        <h2>Prediction Result</h2>





  
  

  109
  
        {% if predicted_class == 0 %}





  
  

  110
  
        <div class="result-message">The predicted class is: <strong>dyed-lifted-polyps</strong></div>





  
  

  111
  
        {% elif predicted_class == 1 %}





  
  

  112
  
        <div class="result-message">The predicted class is: <strong>dyed-resection-margins</strong></div>





  
  

  113
  
        {% elif predicted_class == 2 %}





  
  

  114
  
        <div class="result-message">The predicted class is: <strong>esophagitis</strong></div>





  
  

  115
  
        {% elif predicted_class == 3 %}





  
  

  116
  
        <div class="result-message">The predicted class is: <strong>normal-cecum</strong></div>





  
  

  117
  
        {% elif predicted_class == 4 %}





  
  

  118
  
        <div class="result-message">The predicted class is: <strong>normal-pylorus</strong></div>





  
  

  119
  
        {% elif predicted_class == 5 %}





  
  

  120
  
        <div class="result-message">The predicted class is: <strong>normal-z-line</strong></div>





  
  

  121
  
        {% elif predicted_class == 6 %}





  
  

  122
  
        <div class="result-message">The predicted class is: <strong>polyps</strong></div>





  
  

  123
  
        {% elif predicted_class == 7 %}





  
  

  124
  
        <div class="result-message">The predicted class is: <strong>ulcerative-colitis</strong></div>





  
  

  125
  
        {% else %}





  
  

  126
  
        <div class="result-message">The predicted class is: <strong>normal-z-line</strong></div>





  
  

  127
  
        {% endif %}





  
  

  128
  
        <p class="additional-details">





  
  

  129
  
            Predicted class ID: <strong>{{ predicted_class }}</strong><br>





  
  

  130
  
            Suggested action: Consult a gastroenterologist if required.





  
  

  131
  
        </p>





  
  

  132
  
    </div>





  
  

  133
  





  
  

  134
  
    <div>





  
  

  135
  
        <a href="{% url 'GI_diseases' %}" class="back-to-home-btn">Upload Another Image</a>





  
  

  136
  
    </div>





  
  

  137
  
</body>





  
  

  138
  





  
  

  139
  
</html>