commit cdc2fa481644223cbf1dabfbad1e3e0edbb8d8c0
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 15:01:00 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..921dca8
--- /dev/null
+++ b/body.html
@@ -0,0 +1,40 @@
+<header>
+ <h1>Unlock the Income Potential of Your 3-Bedroom Home</h1>
+ <p>Transform your single-family home into a profitable asset with our proven strategies.</p>
+</header>
+
+<section id="strategies">
+ <h2>Income-Generating Strategies</h2>
+ <div class="strategy-grid">
+ <div class="strategy">
+ <h3>Rent Out Rooms</h3>
+ <p>Maximize your space by renting out individual rooms to long-term tenants or short-term guests.</p>
+ </div>
+ <div class="strategy">
+ <h3>Basement Suite</h3>
+ <p>Convert your finished basement into a separate rental unit for additional income.</p>
+ </div>
+ <div class="strategy">
+ <h3>Home Sharing</h3>
+ <p>Partner with a roommate to share expenses and generate monthly income.</p>
+ </div>
+ </div>
+</section>
+
+<section id="calculator">
+ <h2>Income Potential Calculator</h2>
+ <form id="income-calculator">
+ <label for="rent">Monthly Rent:</label>
+ <input type="number" id="rent" name="rent" required>
+
+ <label for="rooms">Number of Rooms to Rent:</label>
+ <input type="number" id="rooms" name="rooms" min="1" max="3" required>
+
+ <button type="submit">Calculate</button>
+ </form>
+ <div id="result"></div>
+</section>
+
+<footer>
+ <p>Start maximizing your home's income potential today!</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..ddf0692
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://incomehome.scroll.pub
+metaTags
+editButton /edit.html
+title Maximize Income from Your 3-Bedroom Home
+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..7ab109d
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "dd8634b1-5079-43e2-b8af-4badcdb173c9",
+ "object": "chat.completion",
+ "created": 1735311642,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nincomehome.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://incomehome.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Maximize Income from Your 3-Bedroom Home\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Unlock the Income Potential of Your 3-Bedroom Home</h1>\n <p>Transform your single-family home into a profitable asset with our proven strategies.</p>\n</header>\n\n<section id=\"strategies\">\n <h2>Income-Generating Strategies</h2>\n <div class=\"strategy-grid\">\n <div class=\"strategy\">\n <h3>Rent Out Rooms</h3>\n <p>Maximize your space by renting out individual rooms to long-term tenants or short-term guests.</p>\n </div>\n <div class=\"strategy\">\n <h3>Basement Suite</h3>\n <p>Convert your finished basement into a separate rental unit for additional income.</p>\n </div>\n <div class=\"strategy\">\n <h3>Home Sharing</h3>\n <p>Partner with a roommate to share expenses and generate monthly income.</p>\n </div>\n </div>\n</section>\n\n<section id=\"calculator\">\n <h2>Income Potential Calculator</h2>\n <form id=\"income-calculator\">\n <label for=\"rent\">Monthly Rent:</label>\n <input type=\"number\" id=\"rent\" name=\"rent\" required>\n \n <label for=\"rooms\">Number of Rooms to Rent:</label>\n <input type=\"number\" id=\"rooms\" name=\"rooms\" min=\"1\" max=\"3\" required>\n \n <button type=\"submit\">Calculate</button>\n </form>\n <div id=\"result\"></div>\n</section>\n\n<footer>\n <p>Start maximizing your home's income potential today!</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #4a90e2;\n --secondary-color: #50e3c2;\n --text-color: #333;\n --background-color: #f5f5f5;\n}\n\nbody {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n margin: 0;\n padding: 0;\n}\n\nheader {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n}\n\nh2 {\n color: var(--primary-color);\n margin-top: 2rem;\n}\n\n.strategy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n padding: 1rem;\n}\n\n.strategy {\n background: white;\n padding: 1.5rem;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n#calculator {\n max-width: 600px;\n margin: 2rem auto;\n padding: 1rem;\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\nform {\n display: grid;\n gap: 1rem;\n}\n\ninput, button {\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\nbutton {\n background-color: var(--primary-color);\n color: white;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357abd;\n}\n\n#result {\n margin-top: 1rem;\n padding: 1rem;\n background-color: #e9f5ff;\n border-radius: 4px;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background-color: var(--primary-color);\n color: white;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n \n .strategy-grid {\n grid-template-columns: 1fr;\n }\n}\n---script.js---\ndocument.getElementById('income-calculator').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const rent = parseFloat(document.getElementById('rent').value);\n const rooms = parseInt(document.getElementById('rooms').value);\n \n if (isNaN(rent) || isNaN(rooms)) {\n alert('Please enter valid numbers');\n return;\n }\n \n const potentialIncome = rent * rooms;\n const resultElement = document.getElementById('result');\n resultElement.innerHTML = `\n <h3>Potential Monthly Income:</h3>\n <p>$${potentialIncome.toLocaleString()}</p>\n <p>Based on renting ${rooms} room(s) at $${rent.toLocaleString()} each</p>\n `;\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 256,
+ "completion_tokens": 1132,
+ "total_tokens": 1388,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 256
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..6da8d98
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# incomehome.scroll.pub
+Website generated by DeepSeek from prompt: create we website that help generate income in single family home with three bed room and two bathroom with fully finish basement
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..5c4c555
--- /dev/null
+++ b/script.js
@@ -0,0 +1,19 @@
+document.getElementById('income-calculator').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ const rent = parseFloat(document.getElementById('rent').value);
+ const rooms = parseInt(document.getElementById('rooms').value);
+
+ if (isNaN(rent) || isNaN(rooms)) {
+ alert('Please enter valid numbers');
+ return;
+ }
+
+ const potentialIncome = rent * rooms;
+ const resultElement = document.getElementById('result');
+ resultElement.innerHTML = `
+ <h3>Potential Monthly Income:</h3>
+ <p>$${potentialIncome.toLocaleString()}</p>
+ <p>Based on renting ${rooms} room(s) at $${rent.toLocaleString()} each</p>
+ `;
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..182bbdb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,100 @@
+:root {
+ --primary-color: #4a90e2;
+ --secondary-color: #50e3c2;
+ --text-color: #333;
+ --background-color: #f5f5f5;
+}
+
+body {
+ font-family: 'Arial', sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+ background-color: var(--background-color);
+ margin: 0;
+ padding: 0;
+}
+
+header {
+ background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+ color: white;
+ padding: 2rem;
+ text-align: center;
+}
+
+h1 {
+ font-size: 2.5rem;
+ margin-bottom: 1rem;
+}
+
+h2 {
+ color: var(--primary-color);
+ margin-top: 2rem;
+}
+
+.strategy-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 1.5rem;
+ padding: 1rem;
+}
+
+.strategy {
+ background: white;
+ padding: 1.5rem;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+#calculator {
+ max-width: 600px;
+ margin: 2rem auto;
+ padding: 1rem;
+ background: white;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+form {
+ display: grid;
+ gap: 1rem;
+}
+
+input, button {
+ padding: 0.5rem;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+}
+
+button {
+ background-color: var(--primary-color);
+ color: white;
+ cursor: pointer;
+}
+
+button:hover {
+ background-color: #357abd;
+}
+
+#result {
+ margin-top: 1rem;
+ padding: 1rem;
+ background-color: #e9f5ff;
+ border-radius: 4px;
+}
+
+footer {
+ text-align: center;
+ padding: 1rem;
+ background-color: var(--primary-color);
+ color: white;
+}
+
+@media (max-width: 768px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ .strategy-grid {
+ grid-template-columns: 1fr;
+ }
+}
\ No newline at end of file