Changes to investwise2.scroll.pub

root

26 days ago

Initial commit

body.html

Changed around line 1
+ 
+   InvestWise
+   Your Smart Investment Planning Companion
+ 
+ 
+ 
+   
+     Investment Strategy Calculator
+     
+       
+         Initial Investment ($):
+         
+       
+       
+         Monthly Contribution ($):
+         
+       
+       
+         Expected Annual Return (%):
+         
+       
+       
+         Investment Period (Years):
+         
+       
+       
+     
+     
+   
+ 
+   
+     Popular Investment Strategies
+     
+       
+         Dollar-Cost Averaging
+         Invest fixed amounts regularly to reduce market timing risk.
+       
+       
+         Value Investing
+         Focus on undervalued stocks with strong fundamentals.
+       
+       
+         Growth Investing
+         Invest in companies with high growth potential.
+       
+       
+         Index Investing
+         Track market indices for diversified, low-cost exposure.
+       
+     
+   
+ 
+ 
+ 
+   InvestWise - Making Investment Planning Simple and Effective
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://investwise.scroll.pub
+ metaTags
+ editButton /edit.html
+ title InvestWise - Smart Investment Planning
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "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\n  InvestWise\n  Your Smart Investment Planning Companion
\n\n\n\n  \n    Investment Strategy Calculator\n    \n      \n        Initial Investment ($):\n        \n      
\n      \n        Monthly Contribution ($):\n        \n      
\n      \n        Expected Annual Return (%):\n        \n      
\n      \n        Investment Period (Years):\n        \n      
\n      \n    \n    
\n  \n\n  \n    Popular Investment Strategies\n    \n      \n        Dollar-Cost Averaging\n        Invest fixed amounts regularly to reduce market timing risk.
\n      
\n      \n        Value Investing\n        Focus on undervalued stocks with strong fundamentals.
\n      
\n      \n        Growth Investing\n        Invest in companies with high growth potential.
\n      
\n      \n        Index Investing\n        Track market indices for diversified, low-cost exposure.
\n      
\n    
\n  \n\n\n\n  InvestWise - Making Investment Planning Simple and Effective
\n\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    Projected Investment Value\n    After ${years} years, your investment could grow to:
\n    $${futureValue.toFixed(2)}
\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"
+ }

readme.scroll

Changed around line 1

+ # 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

script.js

Changed around line 1
+ 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 = `
+     Projected Investment Value
+     After ${years} years, your investment could grow to:
+     $${futureValue.toFixed(2)}
+   `;
+ });

style.css

Changed around line 1
+ :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;
+   }
+ }