File size: 2,965 Bytes
0f609e5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 |
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
}
#checkboxes {
margin-bottom: 20px;
}
.model-checkbox+label {
margin-right: 10px;
padding: 5px 10px;
background-color: #e7e7e7;
border-radius: 5px;
cursor: pointer;
user-select: none;
}
.model-checkbox {
display: none;
/* Hide the default checkbox */
}
.model-checkbox:checked+label {
background-color: #d0e6a5;
color: #0b4d03;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin: auto;
overflow: hidden;
/* Add this line to handle overflow */
}
th,
td {
border: 1px solid #ddd;
padding: 10px 15px;
text-align: center;
}
th {
background-color: #f8f8f8;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
.performance-bar {
display: block;
height: 20px;
background: linear-gradient(to right, #00ff00 0%, #ff0000 100%);
border-radius: 5px;
}
.performance {
font-weight: bold;
color: #fff;
text-align: center;
line-height: 20px;
height: 20px;
margin: 0;
}
</style>
</head>
<body>
<table id='model-table' style="align:center">
<thead>
<tr>
<th>Problem ID</th>
<th>Difficulty</th>
{% for model in models %}
<th class="column-{{ model }}">{{ model }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for problem_idx, problem, difficulty in problems %}
<tr>
<td> <a href="{{ url_for('problem_mini', problem_idx=problem_idx) }}"> {{ problem_idx }} </a> </td>
<td> {{ difficulty }} </td>
{% for model in models %}
<td style="background-color: {{ problem[model]['correctness_color'] }};" class="column-{{ model }}">
{% if model in problem %}
<div>
<!-- {{ problem[model]['correctness'] }}% -->
{{ problem[model]['correctness'] }}%
</div>
{% else %}
-
{% endif %}
</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html> |