Hugging Face's logo

Spaces:
nielitropar
/
braintumor
Sleeping

App Files Community
nielitropar commited on
Commit
f5e078e
·
verified ·
1 Parent(s): 8709f08

Update templates/resultbt.html

Browse files
Files changed (1) hide show
  1. templates/resultbt.html +147 -147
templates/resultbt.html CHANGED
@@ -1,147 +1,147 @@
1
- <!doctype html>
2
- <html lang="en">
3
-
4
- <head>
5
- <!-- Required meta tags -->
6
- <meta charset="utf-8">
7
- <meta name="viewport" content="width=device-width, initial-scale=1">
8
-
9
- <!-- Bootstrap CSS -->
10
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
11
- integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
12
-
13
- <!-- Custom Styles -->
14
- <style type="text/css">
15
- body {
16
- background-image: url(static/brain.gif);
17
- background-position: center;
18
- background-size: cover;
19
- font-family: 'Roboto', sans-serif;
20
- margin-top: 40px;
21
- color: #fff;
22
- }
23
-
24
- .navbar {
25
- background-color: #212121 !important;
26
- }
27
-
28
- .navbar-brand {
29
- font-weight: bold;
30
- font-size: 1.5rem;
31
- }
32
-
33
- .regform {
34
- width: 800px;
35
- background-color: rgba(253, 252, 252, 0.8);
36
- margin: auto;
37
- color: #0f0f0f;
38
- padding: 20px;
39
- text-align: center;
40
- border-radius: 15px 15px 0px 0px;
41
- box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
42
- }
43
-
44
- .regform h1 {
45
- font-size: 2rem;
46
- font-weight: bold;
47
- }
48
-
49
- .main-form {
50
- width: 800px;
51
- margin: auto;
52
- background-color: rgba(0, 0, 0, 0.7);
53
- padding: 30px;
54
- border-radius: 10px;
55
- color: #FFFFFF;
56
- box-shadow: 0 10px 15px rgba(0, 0, 0, 0.7);
57
- }
58
-
59
- .main-form p {
60
- font-size: 1.2rem;
61
- line-height: 1.8;
62
- }
63
-
64
- .main-form p i {
65
- font-style: italic;
66
- color: #28a745;
67
- }
68
-
69
- .footer {
70
- text-align: center;
71
- margin-top: 30px;
72
- font-size: 0.9rem;
73
- color: #ccc;
74
- }
75
-
76
- /* Responsive design */
77
- @media (max-width: 767px) {
78
- .regform h1 {
79
- font-size: 1.6rem;
80
- }
81
-
82
- .main-form {
83
- padding: 20px;
84
- }
85
-
86
- .main-form p {
87
- font-size: 1rem;
88
- }
89
- }
90
- </style>
91
-
92
- <title>Brain Tumor Detection</title>
93
- </head>
94
-
95
- <body>
96
- <!-- Navbar -->
97
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
98
- <div class="container-fluid">
99
- <a class="navbar-brand" href="/">CNN</a>
100
- <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
101
- data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
102
- aria-label="Toggle navigation">
103
- <span class="navbar-toggler-icon"></span>
104
- </button>
105
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
106
- <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
107
- <li class="nav-item">
108
- <a class="nav-link" href="/dbresults">MongoDB</a>
109
- </li>
110
- </ul>
111
- </div>
112
- </div>
113
- </nav>
114
-
115
- <!-- Result Form -->
116
- <div class='regform mt-3'>
117
- <h1>Brain Tumor Test Results</h1>
118
- </div>
119
-
120
- <div class='main-form'>
121
- <div>
122
- <div class="col" style='margin-top: 30px; margin-bottom: 30px;'>
123
- <p><strong>First Name:</strong> {{fn}}</p>
124
- <p><strong>Last Name:</strong> {{ln}}</p>
125
- <p><strong>Age:</strong> {{age}}</p>
126
- <p><strong>Gender:</strong> {{gender}}</p>
127
-
128
-
129
- <div>
130
- <p><strong>Result:</strong> <i>{{r}}</i></p>
131
- </div>
132
- </div>
133
- </div>
134
- </div>
135
-
136
- <!-- Footer -->
137
- <div class="footer">
138
- <p>&copy; 2025 Brain Tumor Detection - All Rights Reserved</p>
139
- </div>
140
-
141
- <!-- Bootstrap Bundle with Popper -->
142
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
143
- integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
144
- crossorigin="anonymous"></script>
145
- </body>
146
-
147
- </html>
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <!-- Required meta tags -->
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+
9
+ <!-- Bootstrap CSS -->
10
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
11
+ integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
12
+
13
+ <!-- Custom Styles -->
14
+ <style type="text/css">
15
+ body {
16
+ background-image: url(static/brain.gif);
17
+ background-position: center;
18
+ background-size: cover;
19
+ font-family: 'Roboto', sans-serif;
20
+ margin-top: 40px;
21
+ color: #fff;
22
+ }
23
+
24
+ .navbar {
25
+ background-color: #212121 !important;
26
+ }
27
+
28
+ .navbar-brand {
29
+ font-weight: bold;
30
+ font-size: 1.5rem;
31
+ }
32
+
33
+ .regform {
34
+ width: 800px;
35
+ background-color: rgba(253, 252, 252, 0.8);
36
+ margin: auto;
37
+ color: #0f0f0f;
38
+ padding: 20px;
39
+ text-align: center;
40
+ border-radius: 15px 15px 0px 0px;
41
+ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
42
+ }
43
+
44
+ .regform h1 {
45
+ font-size: 2rem;
46
+ font-weight: bold;
47
+ }
48
+
49
+ .main-form {
50
+ width: 800px;
51
+ margin: auto;
52
+ background-color: rgba(0, 0, 0, 0.7);
53
+ padding: 30px;
54
+ border-radius: 10px;
55
+ color: #FFFFFF;
56
+ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.7);
57
+ }
58
+
59
+ .main-form p {
60
+ font-size: 1.2rem;
61
+ line-height: 1.8;
62
+ }
63
+
64
+ .main-form p i {
65
+ font-style: italic;
66
+ color: #28a745;
67
+ }
68
+
69
+ .footer {
70
+ text-align: center;
71
+ margin-top: 30px;
72
+ font-size: 0.9rem;
73
+ color: #ccc;
74
+ }
75
+
76
+ /* Responsive design */
77
+ @media (max-width: 767px) {
78
+ .regform h1 {
79
+ font-size: 1.6rem;
80
+ }
81
+
82
+ .main-form {
83
+ padding: 20px;
84
+ }
85
+
86
+ .main-form p {
87
+ font-size: 1rem;
88
+ }
89
+ }
90
+ </style>
91
+
92
+ <title>Brain Tumor Detection</title>
93
+ </head>
94
+
95
+ <body>
96
+ <!-- Navbar -->
97
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
98
+ <div class="container-fluid">
99
+ <a class="navbar-brand" href="/">CNN</a>
100
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
101
+ data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
102
+ aria-label="Toggle navigation">
103
+ <span class="navbar-toggler-icon"></span>
104
+ </button>
105
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
106
+ <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
107
+ <li class="nav-item">
108
+ <a class="nav-link" href="/dbresults">MongoDB</a>
109
+ </li>
110
+ </ul>
111
+ </div>
112
+ </div>
113
+ </nav>
114
+
115
+ <!-- Result Form -->
116
+ <div class='regform mt-3'>
117
+ <h1>Brain Tumor Test Results</h1>
118
+ </div>
119
+
120
+ <div class='main-form'>
121
+ <div>
122
+ <div class="col" style='margin-top: 30px; margin-bottom: 30px;'>
123
+ <p><strong>First Name:</strong> {{fn}}</p>
124
+ <p><strong>Last Name:</strong> {{ln}}</p>
125
+ <p><strong>Age:</strong> {{age}}</p>
126
+ <p><strong>Gender:</strong> {{gender}}</p>
127
+
128
+
129
+ <div>
130
+ <p><strong>Result:</strong> <i>{{r}}</i></p>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </div>
135
+
136
+ <!-- Footer -->
137
+ <div class="footer">
138
+ <p>&copy; 2025 Brain Tumor Detection by NIELIT Chandigarh - All Rights Reserved</p>
139
+ </div>
140
+
141
+ <!-- Bootstrap Bundle with Popper -->
142
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
143
+ integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
144
+ crossorigin="anonymous"></script>
145
+ </body>
146
+
147
+ </html>