Changes to dripgrowth.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+

Dividend Growth Calculator

+

Calculate the growth of your investments by DRIPing a percentage of your total dividends.

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Result

+

Your investment will grow to:

+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://dripgrowth.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Dividend Growth Calculator with Partial DRIP
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "96e345a5-91e1-4b6f-ba0d-e8891e9e88c5",
+ "object": "chat.completion",
+ "created": 1735343520,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\ndripgrowth.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://dripgrowth.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Dividend Growth Calculator with Partial DRIP\nstyle.css\nbody.html\nscript.js\n---body.html---\n
\n

Dividend Growth Calculator

\n

Calculate the growth of your investments by DRIPing a percentage of your total dividends.

\n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n \n
\n
\n

Result

\n

Your investment will grow to:

\n
\n
\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n background-color: #f4f4f9;\n color: #333;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n.container {\n background: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n max-width: 400px;\n width: 100%;\n}\n\nh1 {\n font-size: 2rem;\n margin-bottom: 1rem;\n text-align: center;\n}\n\np {\n font-size: 1rem;\n margin-bottom: 2rem;\n text-align: center;\n}\n\n.form-group {\n margin-bottom: 1rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: bold;\n}\n\ninput {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-size: 1rem;\n}\n\nbutton {\n width: 100%;\n padding: 0.75rem;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 5px;\n font-size: 1rem;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #0056b3;\n}\n\n#result {\n margin-top: 2rem;\n text-align: center;\n}\n\n.hidden {\n display: none;\n}\n\n#finalAmount {\n font-weight: bold;\n color: #007bff;\n}\n---script.js---\ndocument.getElementById('calculator-form').addEventListener('submit', function(event) {\n event.preventDefault();\n\n const initialInvestment = parseFloat(document.getElementById('initialInvestment').value);\n const annualDividendYield = parseFloat(document.getElementById('annualDividendYield').value) / 100;\n const dripPercentage = parseFloat(document.getElementById('dripPercentage').value) / 100;\n const years = parseInt(document.getElementById('years').value);\n\n let finalAmount = initialInvestment;\n\n for (let i = 0; i < years; i++) {\n const dividends = finalAmount * annualDividendYield;\n const reinvestedDividends = dividends * dripPercentage;\n finalAmount += reinvestedDividends;\n }\n\n document.getElementById('finalAmount').textContent = `$${finalAmount.toFixed(2)}`;\n document.getElementById('result').classList.remove('hidden');\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 255,
+ "completion_tokens": 918,
+ "total_tokens": 1173,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 255
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # dripgrowth.scroll.pub
+ Website generated by DeepSeek from prompt: A dividend growth calculator which allows you to see growth if only DRIPing a percentage of the total dividends
script.js
Changed around line 1
+ document.getElementById('calculator-form').addEventListener('submit', function(event) {
+ event.preventDefault();
+
+ const initialInvestment = parseFloat(document.getElementById('initialInvestment').value);
+ const annualDividendYield = parseFloat(document.getElementById('annualDividendYield').value) / 100;
+ const dripPercentage = parseFloat(document.getElementById('dripPercentage').value) / 100;
+ const years = parseInt(document.getElementById('years').value);
+
+ let finalAmount = initialInvestment;
+
+ for (let i = 0; i < years; i++) {
+ const dividends = finalAmount * annualDividendYield;
+ const reinvestedDividends = dividends * dripPercentage;
+ finalAmount += reinvestedDividends;
+ }
+
+ document.getElementById('finalAmount').textContent = `$${finalAmount.toFixed(2)}`;
+ document.getElementById('result').classList.remove('hidden');
+ });
style.css
Changed around line 1
+ body {
+ font-family: 'Arial', sans-serif;
+ background-color: #f4f4f9;
+ color: #333;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ }
+
+ .container {
+ background: white;
+ padding: 2rem;
+ border-radius: 10px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ max-width: 400px;
+ width: 100%;
+ }
+
+ h1 {
+ font-size: 2rem;
+ margin-bottom: 1rem;
+ text-align: center;
+ }
+
+ p {
+ font-size: 1rem;
+ margin-bottom: 2rem;
+ text-align: center;
+ }
+
+ .form-group {
+ margin-bottom: 1rem;
+ }
+
+ label {
+ display: block;
+ margin-bottom: 0.5rem;
+ font-weight: bold;
+ }
+
+ input {
+ width: 100%;
+ padding: 0.5rem;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ font-size: 1rem;
+ }
+
+ button {
+ width: 100%;
+ padding: 0.75rem;
+ background-color: #007bff;
+ color: white;
+ border: none;
+ border-radius: 5px;
+ font-size: 1rem;
+ cursor: pointer;
+ }
+
+ button:hover {
+ background-color: #0056b3;
+ }
+
+ #result {
+ margin-top: 2rem;
+ text-align: center;
+ }
+
+ .hidden {
+ display: none;
+ }
+
+ #finalAmount {
+ font-weight: bold;
+ color: #007bff;
+ }