File size: 3,465 Bytes
4a78d34 8471f6d 4a78d34 74e8b76 c8da037 74e8b76 66f1c0c 0b8ba75 66f1c0c 1249741 66f1c0c d5a5b95 66f1c0c 853a51e 66f1c0c 853a51e 66f1c0c 9feb151 d5a5b95 5b6e29d d5a5b95 5b6e29d 853a51e c8da037 853a51e c8da037 5af940a 1249741 c8da037 1ce4675 4a78d34 |
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 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 |
custom_js = """
function tableLinkHack() {
// This is a hack to make the table links work
var allTableLinks = document.querySelectorAll(".llm-benchmark-tab-table .table-wrap table.table a")
for (var link of allTableLinks) {
link.addEventListener("click", e => {
window.open(e.target.href, e.target.target);
});
}
}
"""
custom_css = """
.intro-text {
text-align: center; /* Center the text */
font-size: 3rem; /* Slightly larger font size if desired */
color: #555; /* A slightly softer color than black */
margin-bottom: 5px; /* Add some space below the text before the tabs */
padding: 0 10px; /* Add some horizontal padding for wider screens */
line-height: 1.2; /* Improve readability with line height */
max-width: 1200px; /* Limit width for better readability on large screens */
margin-left: auto; /* Center the block horizontally */
margin-right: auto; /* Center the block horizontally */
}
.tab-buttons button {
font-size: 20px;
}
.intro-block {
padding: 20px;
}
.header-row {
height: 0;
min-height: 0;
}
.tabitem {
padding-top: 0;
}
.html-container {
padding: 0;
}
#page-header {
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 1rem;
}
#header-container{
display: flex;
width: 800px;
}
#left-container {
flex: 1;
}
#left-container #black-logo, #left-container #white-logo {
height: 150px;
width: 150px;
}
#left-container #black-logo {
display: block;
}
#left-container #white-logo {
display: none;
}
#centre-container {
align-self: center;
}
#right-container {
flex: 1;
}
.llm-benchmark-tab-table .table-wrap table.table {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: rgb(97, 97, 97);
overflow-y: auto;
overflow-x: auto;
}
.llm-benchmark-tab-table .table-wrap table.table tr td,
.llm-benchmark-tab-table .table-wrap table.table tr th {
border-bottom: 1px solid var(--border-color-primary);
}
.llm-benchmark-tab-table .table-wrap table.table a {
color: rgb(2, 136, 209) !important;
}
@media (prefers-color-scheme: dark) {
#left-container #black-logo {
display: none;
}
#left-container #white-logo {
display: block;
}
}
.benchmark-table-container table {
width: 100%; /* Make table take full width of its container */
border-collapse: collapse; /* Remove spacing between table cells */
margin-bottom: 20px; /* Add some space below the table */
}
.benchmark-table-container th, .benchmark-table-container td {
border: 1px solid #ddd; /* Light gray border for cells */
padding: 8px; /* Padding within cells for better spacing */
text-align: left; /* Align text to the left within cells */
vertical-align: top; /* Align content to the top of cells */
}
.benchmark-table-container th {
background-color: #f2f2f2; /* Light gray background for header row */
font-weight: bold; /* Make header text bold */
}
.benchmark-table-container tbody tr:nth-child(even) {
background-color: #f9f9f9; /* Very light gray background for even rows for zebra striping */
}
"""
get_window_url_params = """
function(url_params) {
const params = new URLSearchParams(window.location.search);
url_params = Object.fromEntries(params);
return url_params;
}
"""
|