csd4ni3l/debt-by-ai
1
0
Fork 0
mirror of https://github.com/csd4ni3l/debt-by-ai.git synced 2026-01-01 12:33:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add login/register system and database and also offensive mode.

Browse Source
This commit is contained in:
csd4ni3l
2025-10-02 19:04:45 +02:00
parent adc2debd2a
commit fb9097f42f
12 changed files with 497 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
templates/index.jinja2
View File

@@ -2,69 +2,18 @@
{% block title %}Debt by AI{% endblock %}
{% block nav %}
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/offensive">Offensive Mode</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/leaderboard">Leaderboard</a>
</li>
{% endblock %}
{% block body %}
<div class="border container position-absolute top-50 start-50 translate-middle">
<h1>Debt by AI</h1>
<div id="scenario-label" class="mt-3">
Scenario: Loading...
</div>
<div id="debt-label" class="mb-3">
Debt amount to convince: Loading...
</div>
<div id="chat" class="border container mt-3 mb-3">
<div class="border container mt-3 mb-3">I am {{ name }}, the AI. Convince me to accept the situation and get me into debt :)</div>
</div>
<div class="form-floating mb-3" action="">
<input class="form-control" id="messageinput" placeholder="Send message...">
<label for="messageinput">Your message</label>
</div>
</div>
<script type="text/javascript">
async function generate_scenario() {
const response = await fetch("/generate_scenario");
const data = await response.json();
document.getElementById("scenario-label").textContent = `Scenario: ${DOMPurify.sanitize(data["scenario"])}`;
document.getElementById("debt-label").textContent = `Debt amount to convince: ${DOMPurify.sanitize(data["debt_amount"])}$`;
}
document.getElementById("messageinput").addEventListener('change', async function(event) {
const value = document.getElementById("messageinput").value;
document.getElementById('chat').innerHTML += `<div class="border container mt-3 mb-3">${DOMPurify.sanitize(value)}</div>`
const response = await fetch("/get_answer", {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
"user_input": value,
"scenario": document.getElementById('scenario-label').textContent.replace('Scenario: ', '')
})
})
.then(response => {
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
return response.json();
})
.then(data => {
document.getElementById('chat').innerHTML += `<div class="border container mt-3 mb-3">${DOMPurify.sanitize(data["story"])}` + '<br><br>Evaluation:<br>Convinced: ' + DOMPurify.sanitize(data["convinced"]) + '<br>Final Debt Amount: ' + DOMPurify.sanitize(data['final_debt_amount']) + '$</div>'
})
.catch(error => {
console.error('Error sending data:', error);
});
})
window.addEventListener('load', generate_scenario);
</script>
{% endblock %}
TBD
{% endblock%}