ONNX-Demo / pyserini /2cr /mrtydi_html.template
ArthurChen189's picture
upload pyserini
62977bb
raw
history blame
9.83 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Pyserini Reproductions</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
<!-- MDB -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.0.0/mdb.min.css" rel="stylesheet" />
<style>
tr.hide-table-padding td {
padding: 0;
}
.expand-button {
position: relative;
}
.accordion-toggle .expand-button:after {
position: absolute;
left:.75rem;
top: 50%;
transform: translate(0, -50%);
content: '-';
}
.accordion-toggle.collapsed .expand-button:after {
content: '+';
}
blockquote.mycode {
border-left: 3px solid #ccc;
margin-left: 25px;
margin-top: 15px;
padding-left: 15px;
}
blockquote.mycode2 {
border-left: 3px solid #ccc;
margin-left: 25px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
}
tr th.headertop {
border-bottom: none;
padding-bottom: 0rem
}
tr th.headerbottom {
padding-top: 0rem
}
.table>:not(caption)>*>*{padding:0.75rem 0.75rem}
.copy-code-button {
border-radius: 0;
min-width: 55px;
background: none repeat scroll 0 0 transparent;
background-color: grey;
color: #F1F2F3 !important;
cursor: pointer;
border-style: none;
font-family: 'HELVETICA',sans-serif;
font-size: 0.8em;
font-weight: normal;
text-align: center;
text-decoration: none;
text-indent: 0;
text-transform: uppercase;
font-weight: 500;
line-height: 1.42rem;
margin: 0;
padding: 3px 8px;
position: absolute !important;
top: 0 !important;
right: 0 !important;
}
.copy-code-button > span {
color: #F1F2F3 !important;
}
.copy-code-button, ::before, ::after {
box-sizing: inherit;
}
.copy-code-button::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
margin-right: 3px;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRmxvdyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkJ0dG5faHRtbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgxOS4wMDAwMDAsIC03NTMuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTEuMDAwMDAwLCA0MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTA4LjAwMDAwMCwgMzQyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45NzcyNzI3LDYgTDMuNDA5MDkwOTEsNiBDMi44NDQ1NDU0NSw2IDIuMzg2MzYzNjQsNi40NTgxODE4MiAyLjM4NjM2MzY0LDcuMDIyNzI3MjcgTDIuMzg2MzYzNjQsMTcuNTkwOTA5MSBDMi4zODYzNjM2NCwxOC4xNTU0NTQ1IDIuODQ0NTQ1NDUsMTguNjEzNjM2NCAzLjQwOTA5MDkxLDE4LjYxMzYzNjQgTDEzLjk3NzI3MjcsMTguNjEzNjM2NCBDMTQuNTQxODE4MiwxOC42MTM2MzY0IDE1LDE4LjE1NTQ1NDUgMTUsMTcuNTkwOTA5MSBMMTUsNy4wMjI3MjcyNyBDMTUsNi40NTgxODE4MiAxNC41NDE4MTgyLDYgMTMuOTc3MjcyNyw2IFogTTE0LjMxODE4MTgsMTcuNTkwOTA5MSBDMTQuMzE4MTgxOCwxNy43NzkwOTA5IDE0LjE2NTQ1NDUsMTcuOTMxODE4MiAxMy45NzcyNzI3LDE3LjkzMTgxODIgTDMuNDA5MDkwOTEsMTcuOTMxODE4MiBDMy4yMjA5MDkwOSwxNy45MzE4MTgyIDMuMDY4MTgxODIsMTcuNzc5MDkwOSAzLjA2ODE4MTgyLDE3LjU5MDkwOTEgTDMuMDY4MTgxODIsNy4wMjI3MjcyNyBDMy4wNjgxODE4Miw2LjgzNDU0NTQ1IDMuMjIwOTA5MDksNi42ODE4MTgxOCAzLjQwOTA5MDkxLDYuNjgxODE4MTggTDEzLjk3NzI3MjcsNi42ODE4MTgxOCBDMTQuMTY1NDU0NSw2LjY4MTgxODE4IDE0LjMxODE4MTgsNi44MzQ1NDU0NSAxNC4zMTgxODE4LDcuMDIyNzI3MjcgTDE0LjMxODE4MTgsMTcuNTkwOTA5MSBaIE0xMS45MzE4MTgyLDE5Ljk3NzI3MjcgQzExLjkzMTgxODIsMjAuMTY1NDU0NSAxMS43NzkwOTA5LDIwLjMxODE4MTggMTEuNTkwOTA5MSwyMC4zMTgxODE4IEwxLjAyMjcyNzI3LDIwLjMxODE4MTggQzAuODM0NTQ1NDU1LDIwLjMxODE4MTggMC42ODE4MTgxODIsMjAuMTY1NDU0NSAwLjY4MTgxODE4MiwxOS45NzcyNzI3IEwwLjY4MTgxODE4Miw5LjQwOTA5MDkxIEMwLjY4MTgxODE4Miw5LjIyMDkwOTA5IDAuODM0NTQ1NDU1LDkuMDY4MTgxODIgMS4wMjI3MjcyNyw5LjA2ODE4MTgyIEwxLjM2MzYzNjM2LDkuMDY4MTgxODIgTDEuMzYzNjM2MzYsOC4zODYzNjM2NCBMMS4wMjI3MjcyNyw4LjM4NjM2MzY0IEMwLjQ1ODE4MTgxOCw4LjM4NjM2MzY0IDAsOC44NDQ1NDU0NSAwLDkuNDA5MDkwOTEgTDAsMTkuOTc3MjcyNyBDMCwyMC41NDE4MTgyIDAuNDU4MTgxODE4LDIxIDEuMDIyNzI3MjcsMjEgTDExLjU5MDkwOTEsMjEgQzEyLjE1NTQ1NDUsMjEgMTIuNjEzNjM2NCwyMC41NDE4MTgyIDEyLjYxMzYzNjQsMTkuOTc3MjcyNyBMMTIuNjEzNjM2NCwxOS42MzYzNjM2IEwxMS45MzE4MTgyLDE5LjYzNjM2MzYgTDExLjkzMTgxODIsMTkuOTc3MjcyNyBaIiBpZD0iUGFnZS0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
background-repeat: no-repeat;
position: relative;
top: 3px;
}
.copy-code-button:focus {
/* Avoid an ugly focus outline on click in Chrome,
but darken the button for accessibility.
See https://stackoverflow.com/a/25298082/1481479 */
/* background-color: #E6E6E6; */
outline: 0;
}
pre[class*="prettyprint"] {
position: relative;
overflow: hidden;
}
</style>
</head>
<body>
<!-- Background image -->
<div id="intro" class="bg-image vh-100 shadow-1-strong" style="max-height: 150px">
<div class="mask" style="
background: linear-gradient(
45deg,
rgba(29, 236, 197, 0.7),
rgba(91, 14, 214, 0.7) 100%
);
">
<div class="container d-flex align-items-center justify-content-center text-center h-100" style="max-height: 150px">
<div class="text-white">
<h1 class="mb-3">$title</h1>
</div>
</div>
</div>
</div>
<!-- Background image -->
<div class="container my-4">
$tables
</ul>
<div style="padding-top: 20px"/>
<h4>Programmatic Execution</h4>
<p>All experimental runs shown in the above table can be programmatically executed based on the instructions below.
To list all the experimental conditions:</p>
<blockquote class="mycode2"><tt>
python -m pyserini.2cr.mrtydi --list-conditions
</tt></blockquote>
<p>Run all languages for a specific condition and show commands:</p>
<blockquote class="mycode2"><tt>
python -m pyserini.2cr.mrtydi --condition bm25 --display-commands
</tt></blockquote>
<p>Run a particular language for a specific condition and show commands:</p>
<blockquote class="mycode2"><tt>
python -m pyserini.2cr.mrtydi --condition bm25 --language ko --display-commands
</tt></blockquote>
<p>Run all languages for all conditions and show commands:</p>
<blockquote class="mycode2"><tt>
python -m pyserini.2cr.mrtydi --all --display-commands
</tt></blockquote>
<p>With the above commands, run files will be placed in the current directory. Use the option <tt>--directory runs</tt> to place the runs in a sub-directory.</p>
<p>For a specific condition, just show the commands and do not run:</p>
<blockquote class="mycode2"><tt>
python -m pyserini.2cr.mrtydi --condition bm25 --display-commands --dry-run
</tt></blockquote>
<p>This will generate exactly the commands for a specific condition above (corresponding to a row in the table).</p>
<p>For a specific condition and language, just show the commands and do not run:</p>
<blockquote class="mycode2"><tt>
python -m pyserini.2cr.mrtydi --condition bm25 --language ko --display-commands --dry-run
</tt></blockquote>
<p>For all conditions, just show the commands and do not run and skip evaluation:</p>
<blockquote class="mycode2"><tt>
python -m pyserini.2cr.mrtydi --all --display-commands --dry-run --skip-eval
</tt></blockquote>
<p>Finally, to generate this page:</p>
<blockquote class="mycode2"><tt>
python -m pyserini.2cr.mrtydi --generate-report --output docs/2cr/mrtydi.html
</tt></blockquote>
<p>The output file <tt>mrtydi.html</tt> should be identical to this page.</p>
<div style="padding-top: 50px"/>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.0.0/mdb.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.10/clipboard.min.js"></script>
<script>
document.querySelectorAll('pre').forEach(function (codeBlock) {
var button = document.createElement('button');
button.className = 'copy-code-button';
button.type = 'button';
var s = codeBlock.innerText;
button.setAttribute('data-clipboard-text',s);
button.innerText = 'Copy';
// var pre = codeBlock.parentNode;
codeBlock.classList.add('prettyprint');
// pre.parentNode.insertBefore(button, pre);
codeBlock.appendChild(button);
});
var clipboard = new ClipboardJS('.copy-code-button');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
e.trigger.textContent = 'Copied';
window.setTimeout(function() {
e.trigger.textContent = 'Copy';
}, 2000);
e.clearSelection();
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
e.trigger.textContent = 'Error Copying';
window.setTimeout(function() {
e.trigger.textContent = 'Copy';
}, 2000);
e.clearSelection();
});
</script>
</body>
</html>