Hugging Face's logo

Spaces:
LovnishVerma
/
braintumor
Running

App Files Community
LovnishVerma commited on
Commit
6e349d9
·
verified ·
1 Parent(s): 77bef31

Update templates/dbresults.html

Browse files
Files changed (1) hide show
  1. templates/dbresults.html +151 -151
templates/dbresults.html CHANGED
@@ -1,151 +1,151 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Database Results</title>
7
-
8
- <!-- Custom Styles -->
9
- <style>
10
- body {
11
- font-family: 'Roboto', sans-serif;
12
- background-image: url('static/brain.gif');
13
- background-position: center;
14
- background-size: cover;
15
- color: #fff;
16
- padding-top: 20px;
17
- }
18
-
19
- h1 {
20
- text-align: center;
21
- font-size: 2rem;
22
- font-weight: bold;
23
- color: #fff;
24
- }
25
-
26
- .stats-container {
27
- width: 90%;
28
- margin: 20px auto;
29
- text-align: center;
30
- background-color: rgba(0, 0, 0, 0.7);
31
- padding: 20px;
32
- border-radius: 10px;
33
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
34
- }
35
-
36
- .stats-container h2 {
37
- font-size: 1.5rem;
38
- margin: 10px 0;
39
- color: #fff;
40
- }
41
-
42
- table {
43
- width: 90%;
44
- margin: 30px auto;
45
- border-collapse: collapse;
46
- background-color: rgba(0, 0, 0, 0.6);
47
- border-radius: 10px;
48
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
49
- }
50
-
51
- th, td {
52
- border: 1px solid #ddd;
53
- padding: 12px 18px;
54
- text-align: center;
55
- font-size: 1.1rem;
56
- }
57
-
58
- th {
59
- background-color: #343a40;
60
- color: #fff;
61
- }
62
-
63
- td {
64
- background-color: rgba(255, 255, 255, 0.1);
65
- color: #fff;
66
- }
67
-
68
- tr:nth-child(even) {
69
- background-color: rgba(255, 255, 255, 0.15);
70
- }
71
-
72
- tr:hover {
73
- background-color: rgba(255, 255, 255, 0.3);
74
- }
75
-
76
- .footer {
77
- text-align: center;
78
- margin-top: 30px;
79
- color: #ccc;
80
- font-size: 0.9rem;
81
- }
82
-
83
- @media (max-width: 767px) {
84
- h1 {
85
- font-size: 1.6rem;
86
- }
87
-
88
- table {
89
- width: 100%;
90
- }
91
-
92
- th, td {
93
- padding: 10px 12px;
94
- font-size: 1rem;
95
- }
96
- }
97
- </style>
98
- </head>
99
- <body>
100
-
101
- <!-- Page Title -->
102
- <h1>Stored Results</h1>
103
-
104
- <!-- Stats Section -->
105
- <div class="stats-container">
106
- <h2>Total Patients: {{ total_patients }}</h2>
107
- <h2>Total with Tumor: {{ tumor_count }}</h2>
108
- <h2>Total without Tumor: {{ no_tumor_count }}</h2>
109
- </div>
110
-
111
- <!-- Table Container -->
112
- <div class="table-container">
113
- <table>
114
- <thead>
115
- <tr>
116
- <th>First Name</th>
117
- <th>Last Name</th>
118
- <th>Email</th>
119
- <th>Phone</th>
120
- <th>Gender</th>
121
- <th>Age</th>
122
- <th>Prediction</th>
123
- <th>Confidence Score</th>
124
- <th>Timestamp</th>
125
- </tr>
126
- </thead>
127
- <tbody>
128
- {% for result in results %}
129
- <tr>
130
- <td>{{ result.firstname }}</td>
131
- <td>{{ result.lastname }}</td>
132
- <td>{{ result.email }}</td>
133
- <td>{{ result.phone }}</td>
134
- <td>{{ result.gender }}</td>
135
- <td>{{ result.age }}</td>
136
- <td>{{ result.prediction }}</td>
137
- <td>{{ result.confidence_score }}</td>
138
- <td>{{ result.timestamp }}</td>
139
- </tr>
140
- {% endfor %}
141
- </tbody>
142
- </table>
143
- </div>
144
-
145
- <!-- Footer -->
146
- <div class="footer">
147
- <p>&copy; 2024 Brain Tumor Detection - All Rights Reserved</p>
148
- </div>
149
-
150
- </body>
151
- </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Database Results</title>
7
+
8
+ <!-- Custom Styles -->
9
+ <style>
10
+ body {
11
+ font-family: 'Roboto', sans-serif;
12
+ background-image: url('static/brain.gif');
13
+ background-position: center;
14
+ background-size: cover;
15
+ color: #fff;
16
+ padding-top: 20px;
17
+ }
18
+
19
+ h1 {
20
+ text-align: center;
21
+ font-size: 2rem;
22
+ font-weight: bold;
23
+ color: #fff;
24
+ }
25
+
26
+ .stats-container {
27
+ width: 90%;
28
+ margin: 20px auto;
29
+ text-align: center;
30
+ background-color: rgba(0, 0, 0, 0.7);
31
+ padding: 20px;
32
+ border-radius: 10px;
33
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
34
+ }
35
+
36
+ .stats-container h2 {
37
+ font-size: 1.5rem;
38
+ margin: 10px 0;
39
+ color: #fff;
40
+ }
41
+
42
+ table {
43
+ width: 90%;
44
+ margin: 30px auto;
45
+ border-collapse: collapse;
46
+ background-color: rgba(0, 0, 0, 0.6);
47
+ border-radius: 10px;
48
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
49
+ }
50
+
51
+ th, td {
52
+ border: 1px solid #ddd;
53
+ padding: 12px 18px;
54
+ text-align: center;
55
+ font-size: 1.1rem;
56
+ }
57
+
58
+ th {
59
+ background-color: #343a40;
60
+ color: #fff;
61
+ }
62
+
63
+ td {
64
+ background-color: rgba(255, 255, 255, 0.1);
65
+ color: #fff;
66
+ }
67
+
68
+ tr:nth-child(even) {
69
+ background-color: rgba(255, 255, 255, 0.15);
70
+ }
71
+
72
+ tr:hover {
73
+ background-color: rgba(255, 255, 255, 0.3);
74
+ }
75
+
76
+ .footer {
77
+ text-align: center;
78
+ margin-top: 30px;
79
+ color: #ccc;
80
+ font-size: 0.9rem;
81
+ }
82
+
83
+ @media (max-width: 767px) {
84
+ h1 {
85
+ font-size: 1.6rem;
86
+ }
87
+
88
+ table {
89
+ width: 100%;
90
+ }
91
+
92
+ th, td {
93
+ padding: 10px 12px;
94
+ font-size: 1rem;
95
+ }
96
+ }
97
+ </style>
98
+ </head>
99
+ <body>
100
+
101
+ <!-- Page Title -->
102
+ <h1>Stored Results</h1>
103
+
104
+ <!-- Stats Section -->
105
+ <div class="stats-container">
106
+ <h2>Total Patients: {{ total_patients }}</h2>
107
+ <h2>Total with Tumor: {{ tumor_count }}</h2>
108
+ <h2>Total without Tumor: {{ no_tumor_count }}</h2>
109
+ </div>
110
+
111
+ <!-- Table Container -->
112
+ <div class="table-container">
113
+ <table>
114
+ <thead>
115
+ <tr>
116
+ <th>First Name</th>
117
+ <th>Last Name</th>
118
+ <th>Email</th>
119
+ <th>Phone</th>
120
+ <th>Gender</th>
121
+ <th>Age</th>
122
+ <th>Prediction</th>
123
+ <th>Confidence Score</th>
124
+ <th>Timestamp</th>
125
+ </tr>
126
+ </thead>
127
+ <tbody>
128
+ {% for result in results %}
129
+ <tr>
130
+ <td>{{ result.firstname }}</td>
131
+ <td>{{ result.lastname }}</td>
132
+ <td>{{ result.email }}</td>
133
+ <td>{{ result.phone }}</td>
134
+ <td>{{ result.gender }}</td>
135
+ <td>{{ result.age }}</td>
136
+ <td>{{ result.prediction }}</td>
137
+ <td>{{ result.confidence_score }}</td>
138
+ <td>{{ result.timestamp }}</td>
139
+ </tr>
140
+ {% endfor %}
141
+ </tbody>
142
+ </table>
143
+ </div>
144
+
145
+ <!-- Footer -->
146
+ <div class="footer">
147
+ <p>&copy; 2025 Brain Tumor Detection - All Rights Reserved</p>
148
+ </div>
149
+
150
+ </body>
151
+ </html>