commit 05aafff521da4af37e067e0e2143ce353f254630
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 21:11:56 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..b89078e
--- /dev/null
+++ b/body.html
@@ -0,0 +1,29 @@
+<header>
+ <h1>Simulateur de Crédit Immobilier</h1>
+ <p>Estimez vos mensualités, coûts d'intérêt et frais de notaire en quelques clics.</p>
+</header>
+<main>
+ <form id="creditForm">
+ <div class="form-group">
+ <label for="prixBien">Prix du bien (€)</label>
+ <input type="number" id="prixBien" required>
+ </div>
+ <div class="form-group">
+ <label for="apport">Apport personnel (€)</label>
+ <input type="number" id="apport" required>
+ </div>
+ <div class="form-group">
+ <label for="duree">Durée du prêt (années)</label>
+ <input type="number" id="duree" required>
+ </div>
+ <div class="form-group">
+ <label for="taux">Taux d'intérêt (%)</label>
+ <input type="text" id="taux" placeholder="Ex: 1.5, 2, 2.5" required>
+ </div>
+ <button type="submit">Calculer</button>
+ </form>
+ <div id="results" class="results-grid"></div>
+</main>
+<footer>
+ <p>Un outil simple et efficace pour vos projets immobiliers.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..ea2cff9
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://creditimmo.scroll.pub
+metaTags
+editButton /edit.html
+title Simulateur de Crédit Immobilier en France
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..7dc8152
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "d4ade9b0-9114-4701-b160-fd07404cfdde",
+ "object": "chat.completion",
+ "created": 1735420298,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\ncreditimmo.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://creditimmo.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Simulateur de Crédit Immobilier en France\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Simulateur de Crédit Immobilier</h1>\n <p>Estimez vos mensualités, coûts d'intérêt et frais de notaire en quelques clics.</p>\n</header>\n<main>\n <form id=\"creditForm\">\n <div class=\"form-group\">\n <label for=\"prixBien\">Prix du bien (€)</label>\n <input type=\"number\" id=\"prixBien\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"apport\">Apport personnel (€)</label>\n <input type=\"number\" id=\"apport\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"duree\">Durée du prêt (années)</label>\n <input type=\"number\" id=\"duree\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"taux\">Taux d'intérêt (%)</label>\n <input type=\"text\" id=\"taux\" placeholder=\"Ex: 1.5, 2, 2.5\" required>\n </div>\n <button type=\"submit\">Calculer</button>\n </form>\n <div id=\"results\" class=\"results-grid\"></div>\n</main>\n<footer>\n <p>Un outil simple et efficace pour vos projets immobiliers.</p>\n</footer>\n---style.css---\n:root {\n --primary: #2c3e50;\n --secondary: #3498db;\n --background: #ecf0f1;\n --text: #2c3e50;\n --white: #ffffff;\n --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: var(--text);\n background-color: var(--background);\n margin: 0;\n padding: 20px;\n}\n\nheader {\n text-align: center;\n margin-bottom: 40px;\n}\n\nh1 {\n color: var(--primary);\n font-size: 2.5rem;\n}\n\nform {\n background: var(--white);\n padding: 20px;\n border-radius: 8px;\n box-shadow: var(--shadow);\n max-width: 500px;\n margin: 0 auto;\n}\n\n.form-group {\n margin-bottom: 15px;\n}\n\nlabel {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n}\n\ninput {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 1rem;\n}\n\nbutton {\n width: 100%;\n padding: 10px;\n background-color: var(--secondary);\n color: var(--white);\n border: none;\n border-radius: 4px;\n font-size: 1rem;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #2980b9;\n}\n\n.results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 40px;\n}\n\n.result-card {\n background: var(--white);\n padding: 20px;\n border-radius: 8px;\n box-shadow: var(--shadow);\n}\n\nfooter {\n text-align: center;\n margin-top: 40px;\n font-size: 0.9rem;\n color: #7f8c8d;\n}\n\n@media (max-width: 600px) {\n h1 {\n font-size: 2rem;\n }\n}\n---script.js---\ndocument.getElementById('creditForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const prixBien = parseFloat(document.getElementById('prixBien').value);\n const apport = parseFloat(document.getElementById('apport').value);\n const duree = parseInt(document.getElementById('duree').value);\n const tauxInput = document.getElementById('taux').value;\n \n const tauxList = tauxInput.split(',').map(t => parseFloat(t.trim()));\n \n const resultsContainer = document.getElementById('results');\n resultsContainer.innerHTML = '';\n \n tauxList.forEach(taux => {\n const montantEmprunte = prixBien - apport;\n const tauxMensuel = taux / 100 / 12;\n const nbMensualites = duree * 12;\n \n const mensualite = (montantEmprunte * tauxMensuel) / (1 - Math.pow(1 + tauxMensuel, -nbMensualites));\n const coutTotal = mensualite * nbMensualites;\n const coutInteret = coutTotal - montantEmprunte;\n const fraisNotaire = prixBien * 0.08;\n \n const resultCard = document.createElement('div');\n resultCard.className = 'result-card';\n resultCard.innerHTML = `\n <h3>Taux: ${taux}%</h3>\n <p>Mensualité: ${mensualite.toFixed(2)}€</p>\n <p>Coût total des intérêts: ${coutInteret.toFixed(2)}€</p>\n <p>Frais de notaire: ${fraisNotaire.toFixed(2)}€</p>\n <p>Coût total du crédit: ${(coutTotal + fraisNotaire).toFixed(2)}€</p>\n `;\n \n resultsContainer.appendChild(resultCard);\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 298,
+ "completion_tokens": 1321,
+ "total_tokens": 1619,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 298
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..d4f7e1b
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# creditimmo1.scroll.pub
+Website generated by DeepSeek from prompt: creer un site pour credit immo en france avec mensualité, cout interet, en estimant les frais notaire à partir du prix du bien,, apport. avec la possibilité de faire le calcul pour plusieurs taux simultanement et comparer les resultats. soyez créatif
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..b9d53b1
--- /dev/null
+++ b/script.js
@@ -0,0 +1,36 @@
+document.getElementById('creditForm').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ const prixBien = parseFloat(document.getElementById('prixBien').value);
+ const apport = parseFloat(document.getElementById('apport').value);
+ const duree = parseInt(document.getElementById('duree').value);
+ const tauxInput = document.getElementById('taux').value;
+
+ const tauxList = tauxInput.split(',').map(t => parseFloat(t.trim()));
+
+ const resultsContainer = document.getElementById('results');
+ resultsContainer.innerHTML = '';
+
+ tauxList.forEach(taux => {
+ const montantEmprunte = prixBien - apport;
+ const tauxMensuel = taux / 100 / 12;
+ const nbMensualites = duree * 12;
+
+ const mensualite = (montantEmprunte * tauxMensuel) / (1 - Math.pow(1 + tauxMensuel, -nbMensualites));
+ const coutTotal = mensualite * nbMensualites;
+ const coutInteret = coutTotal - montantEmprunte;
+ const fraisNotaire = prixBien * 0.08;
+
+ const resultCard = document.createElement('div');
+ resultCard.className = 'result-card';
+ resultCard.innerHTML = `
+ <h3>Taux: ${taux}%</h3>
+ <p>Mensualité: ${mensualite.toFixed(2)}€</p>
+ <p>Coût total des intérêts: ${coutInteret.toFixed(2)}€</p>
+ <p>Frais de notaire: ${fraisNotaire.toFixed(2)}€</p>
+ <p>Coût total du crédit: ${(coutTotal + fraisNotaire).toFixed(2)}€</p>
+ `;
+
+ resultsContainer.appendChild(resultCard);
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..c28daf1
--- /dev/null
+++ b/style.css
@@ -0,0 +1,96 @@
+:root {
+ --primary: #2c3e50;
+ --secondary: #3498db;
+ --background: #ecf0f1;
+ --text: #2c3e50;
+ --white: #ffffff;
+ --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+body {
+ font-family: 'Arial', sans-serif;
+ line-height: 1.6;
+ color: var(--text);
+ background-color: var(--background);
+ margin: 0;
+ padding: 20px;
+}
+
+header {
+ text-align: center;
+ margin-bottom: 40px;
+}
+
+h1 {
+ color: var(--primary);
+ font-size: 2.5rem;
+}
+
+form {
+ background: var(--white);
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: var(--shadow);
+ max-width: 500px;
+ margin: 0 auto;
+}
+
+.form-group {
+ margin-bottom: 15px;
+}
+
+label {
+ display: block;
+ margin-bottom: 5px;
+ font-weight: bold;
+}
+
+input {
+ width: 100%;
+ padding: 10px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ font-size: 1rem;
+}
+
+button {
+ width: 100%;
+ padding: 10px;
+ background-color: var(--secondary);
+ color: var(--white);
+ border: none;
+ border-radius: 4px;
+ font-size: 1rem;
+ cursor: pointer;
+}
+
+button:hover {
+ background-color: #2980b9;
+}
+
+.results-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 20px;
+ margin-top: 40px;
+}
+
+.result-card {
+ background: var(--white);
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: var(--shadow);
+}
+
+footer {
+ text-align: center;
+ margin-top: 40px;
+ font-size: 0.9rem;
+ color: #7f8c8d;
+}
+
+@media (max-width: 600px) {
+ h1 {
+ font-size: 2rem;
+ }
+}
\ No newline at end of file