Last 10 Commits for investwise2.scroll.pub

commit 650ff740c46075ae6736fc16166ccae05656b0a1 Author: root <root@hub.scroll.pub> Date: 2024-12-27 18:26:46 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..a115e70 --- /dev/null +++ b/body.html @@ -0,0 +1,56 @@ +<header> + <h1>InvestWise</h1> + <p>Your Smart Investment Planning Companion</p> +</header> + +<main> + <section class="calculator"> + <h2>Investment Strategy Calculator</h2> + <form id="investmentForm"> + <div class="form-group"> + <label for="initialAmount">Initial Investment ($):</label> + <input type="number" id="initialAmount" required> + </div> + <div class="form-group"> + <label for="monthlyContribution">Monthly Contribution ($):</label> + <input type="number" id="monthlyContribution" required> + </div> + <div class="form-group"> + <label for="annualReturn">Expected Annual Return (%):</label> + <input type="number" id="annualReturn" required> + </div> + <div class="form-group"> + <label for="years">Investment Period (Years):</label> + <input type="number" id="years" required> + </div> + <button type="submit">Calculate</button> + </form> + <div id="result" class="result"></div> + </section> + + <section class="strategies"> + <h2>Popular Investment Strategies</h2> + <div class="strategy-grid"> + <div class="strategy"> + <h3>Dollar-Cost Averaging</h3> + <p>Invest fixed amounts regularly to reduce market timing risk.</p> + </div> + <div class="strategy"> + <h3>Value Investing</h3> + <p>Focus on undervalued stocks with strong fundamentals.</p> + </div> + <div class="strategy"> + <h3>Growth Investing</h3> + <p>Invest in companies with high growth potential.</p> + </div> + <div class="strategy"> + <h3>Index Investing</h3> + <p>Track market indices for diversified, low-cost exposure.</p> + </div> + </div> + </section> +</main> + +<footer> + <p>InvestWise - Making Investment Planning Simple and Effective</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..7538eaf --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://investwise.scroll.pub +metaTags +editButton /edit.html +title InvestWise - Smart Investment Planning +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..9f94f41 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "46adb7f0-fc40-4a56-96ae-38ce2b1a3f87", + "object": "chat.completion", + "created": 1735323988, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\ninvestwise.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://investwise.scroll.pub\nmetaTags\neditButton /edit.html\ntitle InvestWise - Smart Investment Planning\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>InvestWise</h1>\n <p>Your Smart Investment Planning Companion</p>\n</header>\n\n<main>\n <section class=\"calculator\">\n <h2>Investment Strategy Calculator</h2>\n <form id=\"investmentForm\">\n <div class=\"form-group\">\n <label for=\"initialAmount\">Initial Investment ($):</label>\n <input type=\"number\" id=\"initialAmount\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"monthlyContribution\">Monthly Contribution ($):</label>\n <input type=\"number\" id=\"monthlyContribution\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"annualReturn\">Expected Annual Return (%):</label>\n <input type=\"number\" id=\"annualReturn\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"years\">Investment Period (Years):</label>\n <input type=\"number\" id=\"years\" required>\n </div>\n <button type=\"submit\">Calculate</button>\n </form>\n <div id=\"result\" class=\"result\"></div>\n </section>\n\n <section class=\"strategies\">\n <h2>Popular Investment Strategies</h2>\n <div class=\"strategy-grid\">\n <div class=\"strategy\">\n <h3>Dollar-Cost Averaging</h3>\n <p>Invest fixed amounts regularly to reduce market timing risk.</p>\n </div>\n <div class=\"strategy\">\n <h3>Value Investing</h3>\n <p>Focus on undervalued stocks with strong fundamentals.</p>\n </div>\n <div class=\"strategy\">\n <h3>Growth Investing</h3>\n <p>Invest in companies with high growth potential.</p>\n </div>\n <div class=\"strategy\">\n <h3>Index Investing</h3>\n <p>Track market indices for diversified, low-cost exposure.</p>\n </div>\n </div>\n </section>\n</main>\n\n<footer>\n <p>InvestWise - Making Investment Planning Simple and Effective</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #4CAF50;\n --secondary-color: #388E3C;\n --background-color: #F5F5F5;\n --text-color: #333;\n --card-bg: #FFFFFF;\n --shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\nbody {\n font-family: 'Segoe UI', 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: var(--primary-color);\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\np {\n margin: 0.5rem 0;\n}\n\nmain {\n max-width: 1200px;\n margin: 2rem auto;\n padding: 0 1rem;\n}\n\n.calculator {\n background: var(--card-bg);\n padding: 2rem;\n border-radius: 8px;\n box-shadow: var(--shadow);\n margin-bottom: 2rem;\n}\n\n.form-group {\n margin-bottom: 1rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n}\n\ninput {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\nbutton {\n background: var(--secondary-color);\n color: white;\n padding: 0.75rem 1.5rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background 0.3s;\n}\n\nbutton:hover {\n background: #2E7D32;\n}\n\n.result {\n margin-top: 1rem;\n padding: 1rem;\n background: #E8F5E9;\n border-radius: 4px;\n}\n\n.strategies {\n margin-top: 2rem;\n}\n\n.strategy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n}\n\n.strategy {\n background: var(--card-bg);\n padding: 1.5rem;\n border-radius: 8px;\n box-shadow: var(--shadow);\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: var(--primary-color);\n color: white;\n margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n}\n---script.js---\ndocument.getElementById('investmentForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const initialAmount = parseFloat(document.getElementById('initialAmount').value);\n const monthlyContribution = parseFloat(document.getElementById('monthlyContribution').value);\n const annualReturn = parseFloat(document.getElementById('annualReturn').value) / 100;\n const years = parseInt(document.getElementById('years').value);\n \n const months = years * 12;\n const monthlyReturn = annualReturn / 12;\n \n let futureValue = initialAmount * Math.pow(1 + monthlyReturn, months);\n \n for (let i = 0; i < months; i++) {\n futureValue += monthlyContribution * Math.pow(1 + monthlyReturn, months - i);\n }\n \n const resultElement = document.getElementById('result');\n resultElement.innerHTML = `\n <h3>Projected Investment Value</h3>\n <p>After ${years} years, your investment could grow to:</p>\n <p class=\"highlight\">$${futureValue.toFixed(2)}</p>\n `;\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 251, + "completion_tokens": 1381, + "total_tokens": 1632, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 251 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..05f1c75 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# investwise2.scroll.pub +Website generated by DeepSeek from prompt: I want a website which can calculate multiple investment strategy and help in investment planning.be creative \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..707c0c3 --- /dev/null +++ b/script.js @@ -0,0 +1,24 @@ +document.getElementById('investmentForm').addEventListener('submit', function(e) { + e.preventDefault(); + + const initialAmount = parseFloat(document.getElementById('initialAmount').value); + const monthlyContribution = parseFloat(document.getElementById('monthlyContribution').value); + const annualReturn = parseFloat(document.getElementById('annualReturn').value) / 100; + const years = parseInt(document.getElementById('years').value); + + const months = years * 12; + const monthlyReturn = annualReturn / 12; + + let futureValue = initialAmount * Math.pow(1 + monthlyReturn, months); + + for (let i = 0; i < months; i++) { + futureValue += monthlyContribution * Math.pow(1 + monthlyReturn, months - i); + } + + const resultElement = document.getElementById('result'); + resultElement.innerHTML = ` + <h3>Projected Investment Value</h3> + <p>After ${years} years, your investment could grow to:</p> + <p class="highlight">$${futureValue.toFixed(2)}</p> + `; +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..f7e9f6c --- /dev/null +++ b/style.css @@ -0,0 +1,115 @@ +:root { + --primary-color: #4CAF50; + --secondary-color: #388E3C; + --background-color: #F5F5F5; + --text-color: #333; + --card-bg: #FFFFFF; + --shadow: 0 2px 4px rgba(0,0,0,0.1); +} + +body { + font-family: 'Segoe UI', sans-serif; + line-height: 1.6; + color: var(--text-color); + background-color: var(--background-color); + margin: 0; + padding: 0; +} + +header { + background: var(--primary-color); + color: white; + padding: 2rem; + text-align: center; +} + +h1 { + margin: 0; + font-size: 2.5rem; +} + +p { + margin: 0.5rem 0; +} + +main { + max-width: 1200px; + margin: 2rem auto; + padding: 0 1rem; +} + +.calculator { + background: var(--card-bg); + padding: 2rem; + border-radius: 8px; + box-shadow: var(--shadow); + margin-bottom: 2rem; +} + +.form-group { + margin-bottom: 1rem; +} + +label { + display: block; + margin-bottom: 0.5rem; +} + +input { + width: 100%; + padding: 0.5rem; + border: 1px solid #ddd; + border-radius: 4px; +} + +button { + background: var(--secondary-color); + color: white; + padding: 0.75rem 1.5rem; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background 0.3s; +} + +button:hover { + background: #2E7D32; +} + +.result { + margin-top: 1rem; + padding: 1rem; + background: #E8F5E9; + border-radius: 4px; +} + +.strategies { + margin-top: 2rem; +} + +.strategy-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 1rem; +} + +.strategy { + background: var(--card-bg); + padding: 1.5rem; + border-radius: 8px; + box-shadow: var(--shadow); +} + +footer { + text-align: center; + padding: 1rem; + background: var(--primary-color); + color: white; + margin-top: 2rem; +} + +@media (max-width: 768px) { + h1 { + font-size: 2rem; + } +} \ No newline at end of file