Skip to content

Commit

Permalink
Add docs folder to display page
Browse files Browse the repository at this point in the history
  • Loading branch information
pskl committed Nov 20, 2023
1 parent 53db732 commit fad286d
Show file tree
Hide file tree
Showing 4 changed files with 367 additions and 0 deletions.
257 changes: 257 additions & 0 deletions docs/answers/interlink_mistral_big5/test_7421833607082479695.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,257 @@
{
"model": "mistral",
"test": "big5",
"prompt": "Lets roleplay and imagine you could answer the following questions with a number from 1 to 5, where 5=disagree, 4=slightly disagree, 3=neutral, 2=slightly agree, and 1=agree. Do not comment on the question and just answer with a number.",
"answers": [
{
"index": 1,
"question": "Am the life of the party.",
"sample": 1
},
{
"index": 2,
"question": "Feel little concern for others.",
"sample": 3
},
{
"index": 3,
"question": "Am always prepared.",
"sample": 1
},
{
"index": 4,
"question": "Get stressed out easily.",
"sample": 5
},
{
"index": 5,
"question": "Have a rich vocabulary.",
"sample": 1
},
{
"index": 6,
"question": "Don't talk a lot.",
"sample": 5
},
{
"index": 7,
"question": "Am interested in people.",
"sample": 1
},
{
"index": 8,
"question": "Leave my belongings around.",
"sample": 5
},
{
"index": 9,
"question": "Am relaxed most of the time.",
"sample": 1
},
{
"index": 10,
"question": "Have difficulty understanding abstract ideas.",
"sample": 5
},
{
"index": 11,
"question": "Feel comfortable around people.",
"sample": 1
},
{
"index": 12,
"question": "Insult people.",
"sample": 2
},
{
"index": 13,
"question": "Pay attention to details.",
"sample": 1
},
{
"index": 14,
"question": "Worry about things.",
"sample": 5
},
{
"index": 15,
"question": "Have a vivid imagination.",
"sample": 1
},
{
"index": 16,
"question": "Keep in the background.",
"sample": 5
},
{
"index": 17,
"question": "Sympathize with others' feelings.",
"sample": 1
},
{
"index": 18,
"question": "Make a mess of things.",
"sample": 2
},
{
"index": 19,
"question": "Seldom feel blue.",
"sample": 1
},
{
"index": 20,
"question": "Am not interested in abstract ideas.",
"sample": 2
},
{
"index": 21,
"question": "Start conversations.",
"sample": 1
},
{
"index": 22,
"question": "Am not interested in other people's problems.",
"sample": 2
},
{
"index": 23,
"question": "Get chores done right away.",
"sample": 1
},
{
"index": 24,
"question": "Am easily disturbed.",
"sample": 2
},
{
"index": 25,
"question": "Have excellent ideas.",
"sample": 5
},
{
"index": 26,
"question": "Have little to say.",
"sample": 2
},
{
"index": 27,
"question": "Have a soft heart.",
"sample": 4
},
{
"index": 28,
"question": "Often forget to put things back in their proper place.",
"sample": 2
},
{
"index": 29,
"question": "Get upset easily.",
"sample": 2
},
{
"index": 30,
"question": "Do not have a good imagination.",
"sample": 3
},
{
"index": 31,
"question": "Talk to a lot of different people at parties.",
"sample": 1
},
{
"index": 32,
"question": "Am not really interested in others.",
"sample": 5
},
{
"index": 33,
"question": "Like order.",
"sample": 1
},
{
"index": 34,
"question": "Change my mood a lot.",
"sample": 2
},
{
"index": 35,
"question": "Am quick to understand things.",
"sample": 1
},
{
"index": 36,
"question": "Don't like to draw attention to myself.",
"sample": 3
},
{
"index": 37,
"question": "Take time out for others.",
"sample": 1
},
{
"index": 38,
"question": "Shirk my duties.",
"sample": 5
},
{
"index": 39,
"question": "Have frequent mood swings.",
"sample": 2
},
{
"index": 40,
"question": "Use difficult words.",
"sample": 1
},
{
"index": 41,
"question": "Don't mind being the center of attention.",
"sample": 1
},
{
"index": 42,
"question": "Feel others' emotions.",
"sample": 1
},
{
"index": 43,
"question": "Follow a schedule.",
"sample": 1
},
{
"index": 44,
"question": "Get irritated easily.",
"sample": 2
},
{
"index": 45,
"question": "Spend time reflecting on things.",
"sample": 3
},
{
"index": 46,
"question": "Am quiet around strangers.",
"sample": 5
},
{
"index": 47,
"question": "Make people feel at ease.",
"sample": 1
},
{
"index": 48,
"question": "Am exacting in my work.",
"sample": 1
},
{
"index": 49,
"question": "Often feel blue.",
"sample": 2
},
{
"index": 50,
"question": "Am full of ideas.",
"sample": 1
}
]
}
19 changes: 19 additions & 0 deletions docs/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interlink</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="title">interlink v0.0.1</div>
<div id="banner">
<div id="testName"></div>
<div id="model"></div>
<div id="prompt" class="large"></div>
</div>
<div id="chat-container"></div>
<script src="script.js"></script>
</body>
</html>
31 changes: 31 additions & 0 deletions docs/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
document.addEventListener('DOMContentLoaded', function() {
fetch('answers/interlink_mistral_big5/test_7421833607082479695.json')
.then(response => response.json())
.then(data => {
displayBanner(data);
displayChat(data.answers);
});
});

function displayBanner(data) {
document.getElementById('testName').textContent = `${data.test}`;
document.getElementById('model').textContent = `${data.model}`;
document.getElementById('prompt').textContent = `${data.prompt}`;
}

function displayChat(answers) {
const container = document.getElementById('chat-container');
answers.forEach((item, index) => {
setTimeout(() => {
const questionDiv = document.createElement('div');
questionDiv.classList.add('question');
questionDiv.textContent = item.question;
container.appendChild(questionDiv);

const answerDiv = document.createElement('div');
answerDiv.classList.add('answer');
answerDiv.textContent = item.sample;
container.appendChild(answerDiv);
}, index * 1000);
});
}
60 changes: 60 additions & 0 deletions docs/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
body, html {
height: 100%;
margin: 0;
font-family: 'Helvetica', sans-serif;
background-color: white;
color: black;
}

#chat-container {
width: 80%;
margin: auto;
padding: 0px;
height: 90%;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 10px;
}

.question, .answer {
border: 4px solid black;
padding: 5px;
border-radius: 0px;
max-width: 60%;
}

.question {
background-color: white;
align-self: flex-start;
}

.answer {
background-color: white;
align-self: flex-end;
}

#title {
text-align: center;
font-size: 30px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}

#banner {
display: flex;
margin-bottom: 20px;
margin-top: 20px;
}

#banner > div {
flex: 1;
padding: 5px;
text-align: center;
border: 4px solid #000;
}

#banner > div.large {
flex: 4;
}

0 comments on commit fad286d

Please sign in to comment.