Changes to dripfolio.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   DRIPfolio
+   Track Your Dividend Reinvestment Plan Portfolio
+ 
+ 
+ 
+   
+     Portfolio Overview
+     
+       
+         Total Value
+         $25,000
+       
+       
+         Annual Dividends
+         $1,200
+       
+       
+         DRIP Shares
+         142
+       
+     
+   
+ 
+   
+     DRIP Share Accumulation
+     
+       
+       
+         0
+         142
+       
+     
+   
+ 
+   
+     Your Holdings
+     +       
+         
+           
+           
+           
+           
+         
+       
+       
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+       
+     
StockSharesDRIP SharesDividend Yield
XYZ Corp50123.5%
ABC Inc100304.2%
DEF Ltd75202.8%
+   
+ 
+ 
+ 
+   Track your dividend growth with DRIPfolio
+ 

Stock	Shares	DRIP Shares	Dividend Yield
XYZ Corp	50	12	3.5%
ABC Inc	100	30	4.2%
DEF Ltd	75	20	2.8%

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://dripfolio.scroll.pub
+ metaTags
+ editButton /edit.html
+ title DRIPfolio - Track Your Dividend DRIP Portfolio
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "833ac23a-634e-4c8a-9cdc-2c5de0e4afa4",
+   "object": "chat.completion",
+   "created": 1735334895,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ndripfolio.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://dripfolio.scroll.pub\nmetaTags\neditButton /edit.html\ntitle DRIPfolio - Track Your Dividend DRIP Portfolio\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  DRIPfolio\n  Track Your Dividend Reinvestment Plan Portfolio
\n\n\n\n  \n    Portfolio Overview\n    \n      \n        Total Value\n        $25,000
\n      
\n      \n        Annual Dividends\n        $1,200
\n      
\n      \n        DRIP Shares\n        142
\n      
\n    
\n  \n\n  \n    DRIP Share Accumulation\n    \n      
\n      \n        0\n        142\n      
\n    
\n  \n\n  \n    Your Holdings\n    \n      \n        \n          \n          \n          \n          \n        \n      \n      \n        \n          \n          \n          \n          \n        \n        \n          \n          \n          \n          \n        \n        \n          \n          \n          \n          \n        \n      \n    StockSharesDRIP SharesDividend Yield
XYZ Corp50123.5%
ABC Inc100304.2%
DEF Ltd75202.8%
\n  \n\n\n\n  Track your dividend growth with DRIPfolio
\n\n---style.css---\n:root {\n  --primary-color: #2c3e50;\n  --secondary-color: #3498db;\n  --accent-color: #e67e22;\n  --background-color: #f5f6fa;\n  --text-color: #2c3e50;\n  --white: #ffffff;\n  --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Segoe UI', system-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: var(--white);\n  padding: 2rem;\n  text-align: center;\n}\n\nh1 {\n  font-size: 2.5rem;\n  margin: 0;\n}\n\nh2 {\n  color: var(--primary-color);\n  margin-bottom: 1.5rem;\n}\n\nmain {\n  max-width: 1200px;\n  margin: 2rem auto;\n  padding: 0 1rem;\n}\n\n.stats-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 3rem;\n}\n\n.stat-card {\n  background: var(--white);\n  padding: 1.5rem;\n  border-radius: 8px;\n  box-shadow: var(--shadow);\n  text-align: center;\n}\n\n.stat-value {\n  font-size: 2rem;\n  color: var(--secondary-color);\n  margin: 0.5rem 0;\n}\n\n.shares-chart {\n  background: var(--white);\n  padding: 2rem;\n  border-radius: 8px;\n  box-shadow: var(--shadow);\n  margin-bottom: 3rem;\n}\n\n.chart-bar {\n  background: var(--accent-color);\n  width: 100%;\n  border-radius: 4px;\n  transition: height 0.3s ease;\n}\n\n.chart-labels {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 0.5rem;\n  color: var(--text-color);\n}\n\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  background: var(--white);\n  box-shadow: var(--shadow);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\nth, td {\n  padding: 1rem;\n  text-align: left;\n}\n\nth {\n  background: var(--primary-color);\n  color: var(--white);\n}\n\ntr:nth-child(even) {\n  background: var(--background-color);\n}\n\nfooter {\n  text-align: center;\n  padding: 1.5rem;\n  background: var(--primary-color);\n  color: var(--white);\n  margin-top: 3rem;\n}\n\n@media (max-width: 768px) {\n  h1 {\n    font-size: 2rem;\n  }\n  \n  .stats-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  table {\n    display: block;\n    overflow-x: auto;\n  }\n}\n---script.js---\n// Initialize chart animation\ndocument.addEventListener('DOMContentLoaded', () => {\n  const chartBar = document.querySelector('.chart-bar');\n  chartBar.style.height = '0';\n  setTimeout(() => {\n    chartBar.style.height = '70%';\n  }, 300);\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 268,
+     "completion_tokens": 1347,
+     "total_tokens": 1615,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 268
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

Stock	Shares	DRIP Shares	Dividend Yield
XYZ Corp	50	12	3.5%
ABC Inc	100	30	4.2%
DEF Ltd	75	20	2.8%

readme.scroll

Changed around line 1

+ # dripfolio.scroll.pub

+ Website generated by DeepSeek from prompt: create me a dividend DRIP portfolio tracking website. it should show statistics about an investing portfolio with a place highlighting how many "DRIP shares" of stock you have accumulated

script.js

Changed around line 1
+ // Initialize chart animation
+ document.addEventListener('DOMContentLoaded', () => {
+   const chartBar = document.querySelector('.chart-bar');
+   chartBar.style.height = '0';
+   setTimeout(() => {
+     chartBar.style.height = '70%';
+   }, 300);
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2c3e50;
+   --secondary-color: #3498db;
+   --accent-color: #e67e22;
+   --background-color: #f5f6fa;
+   --text-color: #2c3e50;
+   --white: #ffffff;
+   --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Segoe UI', system-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: var(--white);
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin: 0;
+ }
+ 
+ h2 {
+   color: var(--primary-color);
+   margin-bottom: 1.5rem;
+ }
+ 
+ main {
+   max-width: 1200px;
+   margin: 2rem auto;
+   padding: 0 1rem;
+ }
+ 
+ .stats-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 1.5rem;
+   margin-bottom: 3rem;
+ }
+ 
+ .stat-card {
+   background: var(--white);
+   padding: 1.5rem;
+   border-radius: 8px;
+   box-shadow: var(--shadow);
+   text-align: center;
+ }
+ 
+ .stat-value {
+   font-size: 2rem;
+   color: var(--secondary-color);
+   margin: 0.5rem 0;
+ }
+ 
+ .shares-chart {
+   background: var(--white);
+   padding: 2rem;
+   border-radius: 8px;
+   box-shadow: var(--shadow);
+   margin-bottom: 3rem;
+ }
+ 
+ .chart-bar {
+   background: var(--accent-color);
+   width: 100%;
+   border-radius: 4px;
+   transition: height 0.3s ease;
+ }
+ 
+ .chart-labels {
+   display: flex;
+   justify-content: space-between;
+   margin-top: 0.5rem;
+   color: var(--text-color);
+ }
+ 
+ table {
+   width: 100%;
+   border-collapse: collapse;
+   background: var(--white);
+   box-shadow: var(--shadow);
+   border-radius: 8px;
+   overflow: hidden;
+ }
+ 
+ th, td {
+   padding: 1rem;
+   text-align: left;
+ }
+ 
+ th {
+   background: var(--primary-color);
+   color: var(--white);
+ }
+ 
+ tr:nth-child(even) {
+   background: var(--background-color);
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1.5rem;
+   background: var(--primary-color);
+   color: var(--white);
+   margin-top: 3rem;
+ }
+ 
+ @media (max-width: 768px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   .stats-grid {
+     grid-template-columns: 1fr;
+   }
+ 
+   table {
+     display: block;
+     overflow-x: auto;
+   }
+ }