Hugging Face's logo

Spaces:
Tabrejmlkhan
/
cloapp
Sleeping

App Files Community
Tabrejmlkhan commited on
Commit
9555489
·
verified ·
1 Parent(s): 3a28273

Update templates/result.html

Browse files
Files changed (1) hide show
  1. templates/result.html +22 -3
templates/result.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Predicted Mapping</title>
7
  <style>
8
  table, th, td {
9
  border: 1px solid black;
@@ -14,11 +14,23 @@
14
  .top-1 { background-color: red; }
15
  .top-2 { background-color: blue; }
16
  .top-3 { background-color: green; }
 
 
 
 
 
 
 
 
 
 
 
 
17
  </style>
18
  </head>
19
  <body>
20
  <h1>Predicted Mapping</h1>
21
- <h2>Course: {{ course_name }}</h2>
22
  <table>
23
  <tr>
24
  <th>Course Learning Outcome</th>
@@ -41,6 +53,13 @@
41
  </tr>
42
  {% endfor %}
43
  </table>
44
- <a href="/">Back to Input</a>
 
 
 
 
 
 
 
45
  </body>
46
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Predicted Mapping</title>
7
  <style>
8
  table, th, td {
9
  border: 1px solid black;
 
14
  .top-1 { background-color: red; }
15
  .top-2 { background-color: blue; }
16
  .top-3 { background-color: green; }
17
+ /* Custom styles */
18
+ body { background-color: #eff2f9; }
19
+ h3 { color: #1b2d6b; font-size: 30px; font-weight: 700; }
20
+ textarea, select, .form-control, button.btn, input[type="text"] {
21
+ border: 1px solid #363e75; border-radius: 0px; box-shadow: none;
22
+ }
23
+ textarea:focus, select:focus, .form-control:focus, button:focus, input[type="text"]:focus {
24
+ border: 1px solid #007bff;
25
+ }
26
+ .style1 {color: #FF0000}
27
+ .style2 {color: #0000FF}
28
+ .style3 {color: #009900}
29
  </style>
30
  </head>
31
  <body>
32
  <h1>Predicted Mapping</h1>
33
+ <h2>&nbsp;</h2>
34
  <table>
35
  <tr>
36
  <th>Course Learning Outcome</th>
 
53
  </tr>
54
  {% endfor %}
55
  </table>
56
+ <p><a href="/">Back to Input</a></p>
57
+ <p><strong>Note: </strong></p>
58
+ <ul>
59
+ <li class="style1">Red color indicates the highest (1st maximum) similarity between CLOs and PLOs.</li>
60
+ <li class="style2">Blue color indicates the second-highest (2nd maximum) similarity between CLOs and PLOs.</li>
61
+ <li class="style3">Green color indicates the third-highest (3rd maximum) similarity between CLOs and PLOs.</li>
62
+ </ul>
63
+ <p>&nbsp; </p>
64
  </body>
65
  </html>