retrieval-study-js / index.html
ebrowne's picture
Update index.html
a07df95 verified
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title> Legal Retrieval Study </title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!-- Normal CSS -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1 style="font-weight: bold;"> &#128269; Legal Retriever Evaluation Study </h1>
<hr />
<p> We really appreciate your participation in our study, which will help us better understand how to best evaluate and use legal retrieval models. </p>
<ul class="repeating-counter-rule">
<li> You'll be asked to answer a number of Multistate Bar Exam questions using your knowledge. </li>
<li> After answering each question, we'll show you passages from case law that a legal model retrieved, as well as an auto-generated summary of that information. You'll evaluate how helpful these responses are in arriving at and understanding the correct answer. </li>
<li> You don't need to answer every question in the same session. Feel free to start and stop when convenient! </li>
</ul>
<p> Use the <strong>same email</strong> each time to save your progress. Thanks again for participating! </p>
<div class="alert alert-danger" role="alert" id="email warning" style="display: none;">
Provide an email, please!
</div>
<input type="text" id="email" placeholder="Email"/>
<br /> <br />
<button id="submit" onclick="launch();"><strong>Let's go!</strong></button>
</body>
<script>
function launch() {
var email = document.getElementById("email").value;
if (email == "") {
document.getElementById("email warning").style.display = "block";
} else {
window.location.href = "study.html?id=" + email;
}
}
</script>
</html>