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

Basic working version with only Hackclub AI support, starting UI and offensive mode(convince to get into debt)

Browse Source
This commit is contained in:
csd4ni3l
2025-10-02 16:38:12 +02:00
commit adc2debd2a
12 changed files with 1679 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
templates/base.jinja2 Normal file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<title>{% block title %} {% endblock %}</title>
{% block head %} {% endblock %}
</head>
<body>
{% block body %}
{% endblock %}
<script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.8/dist/purify.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
</body>
</html>

70
templates/index.jinja2 Normal file
View File

@@ -0,0 +1,70 @@
{% extends "base.jinja2" %}
{% block title %}Debt by AI{% 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 %}