Changes to solana-charts.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     
+       Solana Address: Loading...
+       SOL Price: $0.00
+     
+     
+   
+ 
+ 
+ 
+   
+     
+   
+ 
+ 
+ 
+   Explore real-time Solana blockchain data and insights.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://solana-charts.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Solana Charts - Real-Time Solana Data
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "9346d1b1-0d7f-4165-a0df-3f5a124576b6",
+   "object": "chat.completion",
+   "created": 1735390883,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nsolana-charts.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://solana-charts.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Solana Charts - Real-Time Solana Data\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    \n      Solana Address: Loading...\n      SOL Price: $0.00\n    
\n    \n  
\n\n\n\n  \n    \n  
\n\n\n\n  Explore real-time Solana blockchain data and insights.
\n\n---style.css---\n:root {\n  --primary-color: #14f195;\n  --secondary-color: #9945ff;\n  --background-color: #1a1a1a;\n  --text-color: #ffffff;\n  --font-family: 'Arial', sans-serif;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: var(--font-family);\n  background-color: var(--background-color);\n  color: var(--text-color);\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n\nheader {\n  background-color: var(--primary-color);\n  padding: 1rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.solana-info {\n  display: flex;\n  gap: 1rem;\n}\n\n.connect-button {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n  border: none;\n  padding: 0.5rem 1rem;\n  border-radius: 5px;\n  cursor: pointer;\n  font-size: 1rem;\n}\n\n.connect-button:hover {\n  opacity: 0.9;\n}\n\nmain {\n  flex: 1;\n  padding: 2rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.chart-container {\n  background-color: #2a2a2a;\n  padding: 1rem;\n  border-radius: 10px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background-color: var(--primary-color);\n  color: var(--text-color);\n}\n\n@media (max-width: 768px) {\n  .header-content {\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .solana-info {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .connect-button {\n    width: 100%;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function () {\n  const solanaAddress = document.getElementById('solana-address');\n  const solanaPrice = document.getElementById('solana-price');\n  const connectWalletButton = document.getElementById('connect-wallet');\n  const chartCanvas = document.getElementById('solana-chart');\n\n  // Mock data for demonstration\n  const mockData = {\n    address: 'So1ana...Address',\n    price: 150.75,\n    chartData: {\n      labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\n      datasets: [{\n        label: 'SOL Transactions',\n        data: [65, 59, 80, 81, 56, 55, 40],\n        fill: false,\n        borderColor: '#14f195',\n        tension: 0.1\n      }]\n    }\n  };\n\n  // Update Solana address and price\n  solanaAddress.textContent = `Solana Address: ${mockData.address}`;\n  solanaPrice.textContent = `SOL Price: $${mockData.price.toFixed(2)}`;\n\n  // Connect Wallet Button\n  connectWalletButton.addEventListener('click', function () {\n    alert('Wallet connection functionality would be implemented here.');\n  });\n\n  // Initialize Chart\n  const ctx = chartCanvas.getContext('2d');\n  new Chart(ctx, {\n    type: 'line',\n    data: mockData.chartData,\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": 273,
+     "completion_tokens": 1038,
+     "total_tokens": 1311,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 273
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # solana-charts.scroll.pub

+ Website generated by DeepSeek from prompt: 开发一个网站，主体部分为图表，顶部带有一个solana的地址和solana代币的价格，顶部右侧有一个连接钱包功能。主体部分的图表为一些solana链的数据

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function () {
+   const solanaAddress = document.getElementById('solana-address');
+   const solanaPrice = document.getElementById('solana-price');
+   const connectWalletButton = document.getElementById('connect-wallet');
+   const chartCanvas = document.getElementById('solana-chart');
+ 
+   // Mock data for demonstration
+   const mockData = {
+     address: 'So1ana...Address',
+     price: 150.75,
+     chartData: {
+       labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+       datasets: [{
+         label: 'SOL Transactions',
+         data: [65, 59, 80, 81, 56, 55, 40],
+         fill: false,
+         borderColor: '#14f195',
+         tension: 0.1
+       }]
+     }
+   };
+ 
+   // Update Solana address and price
+   solanaAddress.textContent = `Solana Address: ${mockData.address}`;
+   solanaPrice.textContent = `SOL Price: $${mockData.price.toFixed(2)}`;
+ 
+   // Connect Wallet Button
+   connectWalletButton.addEventListener('click', function () {
+     alert('Wallet connection functionality would be implemented here.');
+   });
+ 
+   // Initialize Chart
+   const ctx = chartCanvas.getContext('2d');
+   new Chart(ctx, {
+     type: 'line',
+     data: mockData.chartData,
+     options: {
+       responsive: true,
+       maintainAspectRatio: false,
+       scales: {
+         y: {
+           beginAtZero: true
+         }
+       }
+     }
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #14f195;
+   --secondary-color: #9945ff;
+   --background-color: #1a1a1a;
+   --text-color: #ffffff;
+   --font-family: 'Arial', sans-serif;
+ }
+ 
+ body {
+   margin: 0;
+   padding: 0;
+   font-family: var(--font-family);
+   background-color: var(--background-color);
+   color: var(--text-color);
+   display: flex;
+   flex-direction: column;
+   min-height: 100vh;
+ }
+ 
+ header {
+   background-color: var(--primary-color);
+   padding: 1rem;
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+ }
+ 
+ .header-content {
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   width: 100%;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .solana-info {
+   display: flex;
+   gap: 1rem;
+ }
+ 
+ .connect-button {
+   background-color: var(--secondary-color);
+   color: var(--text-color);
+   border: none;
+   padding: 0.5rem 1rem;
+   border-radius: 5px;
+   cursor: pointer;
+   font-size: 1rem;
+ }
+ 
+ .connect-button:hover {
+   opacity: 0.9;
+ }
+ 
+ main {
+   flex: 1;
+   padding: 2rem;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .chart-container {
+   background-color: #2a2a2a;
+   padding: 1rem;
+   border-radius: 10px;
+   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background-color: var(--primary-color);
+   color: var(--text-color);
+ }
+ 
+ @media (max-width: 768px) {
+   .header-content {
+     flex-direction: column;
+     gap: 1rem;
+   }
+ 
+   .solana-info {
+     flex-direction: column;
+     align-items: center;
+   }
+ 
+   .connect-button {
+     width: 100%;
+   }
+ }