Spaces:
Sleeping
Sleeping
Upload 2 files
Browse files- templates/template.j2 +8 -0
- templates/template_html.j2 +102 -0
templates/template.j2
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
Instructions: Use the following unique documents in the Context section to answer the Query at the end. If you don't know the answer, just say that you don't know, don't try to make up an answer.
|
| 2 |
+
Context:
|
| 3 |
+
{% for doc in documents %}
|
| 4 |
+
---
|
| 5 |
+
{{ doc }}
|
| 6 |
+
{% endfor %}
|
| 7 |
+
---
|
| 8 |
+
Query: {{ query }}
|
templates/template_html.j2
ADDED
|
@@ -0,0 +1,102 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Information Page</title>
|
| 7 |
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap">
|
| 8 |
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap">
|
| 9 |
+
<style>
|
| 10 |
+
* {
|
| 11 |
+
font-family: "Source Sans Pro";
|
| 12 |
+
}
|
| 13 |
+
|
| 14 |
+
.instructions > * {
|
| 15 |
+
color: #111 !important;
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
details.doc-box * {
|
| 19 |
+
color: #111 !important;
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
.dark {
|
| 23 |
+
background: #111;
|
| 24 |
+
color: white;
|
| 25 |
+
}
|
| 26 |
+
|
| 27 |
+
.doc-box {
|
| 28 |
+
padding: 10px;
|
| 29 |
+
margin-top: 10px;
|
| 30 |
+
background-color: #baecc2;
|
| 31 |
+
border-radius: 6px;
|
| 32 |
+
color: #111 !important;
|
| 33 |
+
max-width: 700px;
|
| 34 |
+
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
.doc-full {
|
| 38 |
+
margin: 10px 14px;
|
| 39 |
+
line-height: 1.6rem;
|
| 40 |
+
}
|
| 41 |
+
|
| 42 |
+
.instructions {
|
| 43 |
+
color: #111 !important;
|
| 44 |
+
background: #b7bdfd;
|
| 45 |
+
display: block;
|
| 46 |
+
border-radius: 6px;
|
| 47 |
+
padding: 6px 10px;
|
| 48 |
+
line-height: 1.6rem;
|
| 49 |
+
max-width: 700px;
|
| 50 |
+
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
|
| 51 |
+
}
|
| 52 |
+
|
| 53 |
+
.query {
|
| 54 |
+
color: #111 !important;
|
| 55 |
+
background: #ffbcbc;
|
| 56 |
+
display: block;
|
| 57 |
+
border-radius: 6px;
|
| 58 |
+
padding: 6px 10px;
|
| 59 |
+
line-height: 1.6rem;
|
| 60 |
+
max-width: 700px;
|
| 61 |
+
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
|
| 62 |
+
}
|
| 63 |
+
</style>
|
| 64 |
+
</head>
|
| 65 |
+
<body>
|
| 66 |
+
<div class="prose svelte-1ybaih5" id="component-6">
|
| 67 |
+
<h2>Prompt</h2>
|
| 68 |
+
Below is the prompt that is given to the model. <hr>
|
| 69 |
+
<h2>Instructions</h2>
|
| 70 |
+
<span class="instructions">Use the following pieces of context to answer the question at the end.<br>If you don't know the answer, just say that you don't know, <span style="font-weight: bold;">don't try to make up an answer.</span></span><br>
|
| 71 |
+
<h2>Context</h2>
|
| 72 |
+
{% for doc in documents %}
|
| 73 |
+
<details class="doc-box">
|
| 74 |
+
<summary>
|
| 75 |
+
<b>Doc {{ loop.index }}:</b> <span class="doc-short">{{ doc[:100] }}...</span>
|
| 76 |
+
</summary>
|
| 77 |
+
<div class="doc-full">{{ doc }}</div>
|
| 78 |
+
</details>
|
| 79 |
+
{% endfor %}
|
| 80 |
+
|
| 81 |
+
<h2>Query</h2>
|
| 82 |
+
<span class="query">{{ query }}</span>
|
| 83 |
+
</div>
|
| 84 |
+
|
| 85 |
+
<script>
|
| 86 |
+
document.addEventListener("DOMContentLoaded", function() {
|
| 87 |
+
const detailsElements = document.querySelectorAll('.doc-box');
|
| 88 |
+
|
| 89 |
+
detailsElements.forEach(detail => {
|
| 90 |
+
detail.addEventListener('toggle', function() {
|
| 91 |
+
const docShort = this.querySelector('.doc-short');
|
| 92 |
+
if (this.open) {
|
| 93 |
+
docShort.style.display = 'none';
|
| 94 |
+
} else {
|
| 95 |
+
docShort.style.display = 'inline';
|
| 96 |
+
}
|
| 97 |
+
});
|
| 98 |
+
});
|
| 99 |
+
});
|
| 100 |
+
</script>
|
| 101 |
+
</body>
|
| 102 |
+
</html>
|