Changes to dashio.scroll.pub

root

14 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Dashio
+   
+     
+       Overview
+       Analytics
+       Reports
+       Settings
+     
+   
+ 
+ 
+ 
+   
+     Overview
+     
+       
+         Total Users
+         1,234
+         +12% from last month
+       
+       
+         Revenue
+         $45,678
+         +8% from last month
+       
+       
+         Engagement
+         78%
+         +5% from last month
+       
+     
+   
+ 
+   
+     Analytics
+     
+       
+     
+   
+ 
+   
+     Reports
+     
+       +         
+           
+             
+             
+             
+           
+         
+         
+           
+             
+             
+             
+           
+           
+             
+             
+             
+           
+           
+             
+             
+             
+           
+         
+       
DateCategoryValue
2023-10-01Sales$12,345
2023-10-02Marketing$8,910
2023-10-03Operations$5,678
+     
+   
+ 
+ 
+ 
+   Dashio - Modern Dashboard
+ 

Date	Category	Value
2023-10-01	Sales	$12,345
2023-10-02	Marketing	$8,910
2023-10-03	Operations	$5,678

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://dashio.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Dashio - Modern Dashboard
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "964a6774-fbf9-4772-a336-24fcbf66eae2",
+   "object": "chat.completion",
+   "created": 1736311970,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ndashio.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://dashio.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Dashio - Modern Dashboard\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Dashio\n  \n    \n      Overview
\n      Analytics
\n      Reports
\n      Settings
\n    \n  \n\n\n\n  \n    Overview\n    \n      \n        Total Users\n        1,234
\n        +12% from last month
\n      
\n      \n        Revenue\n        $45,678
\n        +8% from last month
\n      
\n      \n        Engagement\n        78%
\n        +5% from last month
\n      
\n    
\n  \n\n  \n    Analytics\n    \n      \n    
\n  \n\n  \n    Reports\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      DateCategoryValue
2023-10-01Sales$12,345
2023-10-02Marketing$8,910
2023-10-03Operations$5,678
\n    
\n  \n\n\n\n  Dashio - Modern Dashboard
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #f5f5f5;\n  --text-color: #333;\n  --card-bg: #fff;\n  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Segoe UI', sans-serif;\n  margin: 0;\n  padding: 0;\n  color: var(--text-color);\n  background-color: var(--secondary-color);\n}\n\n.dashboard-header {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 1rem;\n  text-align: center;\n}\n\n.dashboard-header h1 {\n  margin: 0;\n  font-size: 2rem;\n}\n\n.dashboard-header nav ul {\n  list-style: none;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.dashboard-header nav a {\n  color: white;\n  text-decoration: none;\n  font-weight: bold;\n}\n\n.dashboard-container {\n  padding: 2rem;\n}\n\n.dashboard-section {\n  margin-bottom: 2rem;\n}\n\n.cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.card {\n  background-color: var(--card-bg);\n  padding: 1rem;\n  border-radius: 8px;\n  box-shadow: var(--shadow);\n  text-align: center;\n}\n\n.card h3 {\n  margin: 0 0 0.5rem;\n  font-size: 1.25rem;\n}\n\n.card .stat {\n  font-size: 2rem;\n  font-weight: bold;\n  margin: 0.5rem 0;\n}\n\n.card .subtext {\n  color: #666;\n  font-size: 0.875rem;\n}\n\n.chart-container {\n  background-color: var(--card-bg);\n  padding: 1rem;\n  border-radius: 8px;\n  box-shadow: var(--shadow);\n}\n\n.table-container {\n  overflow-x: auto;\n}\n\ntable {\n  width: 100%;\n  border-collapse: collapse;\n  background-color: var(--card-bg);\n  box-shadow: var(--shadow);\n}\n\nth, td {\n  padding: 0.75rem;\n  text-align: left;\n  border-bottom: 1px solid #ddd;\n}\n\nth {\n  background-color: var(--primary-color);\n  color: white;\n}\n\n.dashboard-footer {\n  text-align: center;\n  padding: 1rem;\n  background-color: var(--primary-color);\n  color: white;\n}\n\n@media (max-width: 768px) {\n  .cards {\n    grid-template-columns: 1fr;\n  }\n\n  .dashboard-header nav ul {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function () {\n  const ctx = document.getElementById('analyticsChart').getContext('2d');\n  new Chart(ctx, {\n    type: 'line',\n    data: {\n      labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\n      datasets: [{\n        label: 'Users',\n        data: [100, 200, 300, 400, 500, 600, 700],\n        borderColor: '#4a90e2',\n        fill: false,\n      }]\n    },\n    options: {\n      responsive: true,\n      maintainAspectRatio: false,\n      scales: {\n        y: {\n          beginAtZero: true\n        }\n      }\n    }\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 246,
+     "completion_tokens": 1451,
+     "total_tokens": 1697,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 246
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

Date	Category	Value
2023-10-01	Sales	$12,345
2023-10-02	Marketing	$8,910
2023-10-03	Operations	$5,678

readme.scroll

Changed around line 1

+ # dashio.scroll.pub

+ website generated by DeepSeek from prompt: vamos criar uma dashboard moderna completa, com dados fictícios

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function () {
+   const ctx = document.getElementById('analyticsChart').getContext('2d');
+   new Chart(ctx, {
+     type: 'line',
+     data: {
+       labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+       datasets: [{
+         label: 'Users',
+         data: [100, 200, 300, 400, 500, 600, 700],
+         borderColor: '#4a90e2',
+         fill: false,
+       }]
+     },
+     options: {
+       responsive: true,
+       maintainAspectRatio: false,
+       scales: {
+         y: {
+           beginAtZero: true
+         }
+       }
+     }
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #f5f5f5;
+   --text-color: #333;
+   --card-bg: #fff;
+   --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Segoe UI', sans-serif;
+   margin: 0;
+   padding: 0;
+   color: var(--text-color);
+   background-color: var(--secondary-color);
+ }
+ 
+ .dashboard-header {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 1rem;
+   text-align: center;
+ }
+ 
+ .dashboard-header h1 {
+   margin: 0;
+   font-size: 2rem;
+ }
+ 
+ .dashboard-header nav ul {
+   list-style: none;
+   padding: 0;
+   display: flex;
+   justify-content: center;
+   gap: 1rem;
+ }
+ 
+ .dashboard-header nav a {
+   color: white;
+   text-decoration: none;
+   font-weight: bold;
+ }
+ 
+ .dashboard-container {
+   padding: 2rem;
+ }
+ 
+ .dashboard-section {
+   margin-bottom: 2rem;
+ }
+ 
+ .cards {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 1rem;
+ }
+ 
+ .card {
+   background-color: var(--card-bg);
+   padding: 1rem;
+   border-radius: 8px;
+   box-shadow: var(--shadow);
+   text-align: center;
+ }
+ 
+ .card h3 {
+   margin: 0 0 0.5rem;
+   font-size: 1.25rem;
+ }
+ 
+ .card .stat {
+   font-size: 2rem;
+   font-weight: bold;
+   margin: 0.5rem 0;
+ }
+ 
+ .card .subtext {
+   color: #666;
+   font-size: 0.875rem;
+ }
+ 
+ .chart-container {
+   background-color: var(--card-bg);
+   padding: 1rem;
+   border-radius: 8px;
+   box-shadow: var(--shadow);
+ }
+ 
+ .table-container {
+   overflow-x: auto;
+ }
+ 
+ table {
+   width: 100%;
+   border-collapse: collapse;
+   background-color: var(--card-bg);
+   box-shadow: var(--shadow);
+ }
+ 
+ th, td {
+   padding: 0.75rem;
+   text-align: left;
+   border-bottom: 1px solid #ddd;
+ }
+ 
+ th {
+   background-color: var(--primary-color);
+   color: white;
+ }
+ 
+ .dashboard-footer {
+   text-align: center;
+   padding: 1rem;
+   background-color: var(--primary-color);
+   color: white;
+ }
+ 
+ @media (max-width: 768px) {
+   .cards {
+     grid-template-columns: 1fr;
+   }
+ 
+   .dashboard-header nav ul {
+     flex-direction: column;
+     gap: 0.5rem;
+   }
+ }