Changes to picoinexplorer.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Pi Coin Explorer
+   Explore the Pi Coin blockchain with ease.
+ 
+ 
+ 
+   
+     
+     
+   
+ 
+   
+     Search Results
+     
+   
+ 
+   
+     Latest Blocks
+     
+   
+ 
+ 
+ 
+   Pi Coin Explorer - Your gateway to the Pi blockchain.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://picoinexplorer.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Pi Coin Explorer
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "2f6130a9-f2bd-4ae1-ab6b-b2fb26f0e6d8",
+   "object": "chat.completion",
+   "created": 1735364136,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\npicoinexplorer.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://picoinexplorer.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Pi Coin Explorer\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Pi Coin Explorer\n  Explore the Pi Coin blockchain with ease.
\n\n\n\n  \n    \n    \n  \n\n  \n    Search Results\n    
\n  \n\n  \n    Latest Blocks\n    
\n  \n\n\n\n  Pi Coin Explorer - Your gateway to the Pi blockchain.
\n\n---style.css---\nbody {\n  font-family: 'Arial', sans-serif;\n  margin: 0;\n  padding: 0;\n  background-color: #f4f4f9;\n  color: #333;\n}\n\nheader {\n  background-color: #4a90e2;\n  color: white;\n  padding: 20px;\n  text-align: center;\n}\n\nheader h1 {\n  margin: 0;\n  font-size: 2.5em;\n}\n\nheader p {\n  margin: 5px 0 0;\n  font-size: 1.2em;\n}\n\nmain {\n  padding: 20px;\n}\n\n#search {\n  text-align: center;\n  margin-bottom: 30px;\n}\n\n#searchInput {\n  width: 80%;\n  max-width: 500px;\n  padding: 10px;\n  font-size: 1em;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\n#searchButton {\n  padding: 10px 20px;\n  font-size: 1em;\n  background-color: #4a90e2;\n  color: white;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  margin-left: 10px;\n}\n\n#searchButton:hover {\n  background-color: #357abd;\n}\n\n#results, #latestBlocks {\n  margin-top: 20px;\n}\n\n#results h2, #latestBlocks h2 {\n  font-size: 1.8em;\n  margin-bottom: 10px;\n}\n\n#resultsContent, #blocksContent {\n  background-color: white;\n  padding: 15px;\n  border-radius: 5px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\nfooter {\n  text-align: center;\n  padding: 10px;\n  background-color: #4a90e2;\n  color: white;\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n}\n\n@media (max-width: 600px) {\n  header h1 {\n    font-size: 2em;\n  }\n\n  header p {\n    font-size: 1em;\n  }\n\n  #searchInput {\n    width: 70%;\n  }\n\n  #searchButton {\n    width: 25%;\n  }\n}\n---script.js---\ndocument.getElementById('searchButton').addEventListener('click', function() {\n  const searchInput = document.getElementById('searchInput').value;\n  const resultsContent = document.getElementById('resultsContent');\n\n  if (searchInput) {\n    resultsContent.innerHTML = `Searching for: ${searchInput}
`;\n    // Here you would typically make an API call to fetch the search results\n    // For now, we'll just simulate a response\n    setTimeout(() => {\n      resultsContent.innerHTML = `\n        Search results for: ${searchInput}
\n        \n          Block Hash: 123abc
\n          Transaction ID: 456def
\n          Address: 789ghi
\n        \n      `;\n    }, 1000);\n  } else {\n    resultsContent.innerHTML = `Please enter a search term.
`;\n  }\n});\n\n// Simulate fetching latest blocks\ndocument.addEventListener('DOMContentLoaded', function() {\n  const blocksContent = document.getElementById('blocksContent');\n  blocksContent.innerHTML = `\n    \n      Block 1 - Hash: 123abc
\n      Block 2 - Hash: 456def
\n      Block 3 - Hash: 789ghi
\n    \n  `;\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 243,
+     "completion_tokens": 1037,
+     "total_tokens": 1280,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 243
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # picoinexplorer.scroll.pub

+ Website generated by DeepSeek from prompt: create a fully functional, pi coin explorer website

script.js

Changed around line 1
+ document.getElementById('searchButton').addEventListener('click', function() {
+   const searchInput = document.getElementById('searchInput').value;
+   const resultsContent = document.getElementById('resultsContent');
+ 
+   if (searchInput) {
+     resultsContent.innerHTML = `Searching for: ${searchInput}
`;
+     // Here you would typically make an API call to fetch the search results
+     // For now, we'll just simulate a response
+     setTimeout(() => {
+       resultsContent.innerHTML = `
+         Search results for: ${searchInput}
+         
+           Block Hash: 123abc
+           Transaction ID: 456def
+           Address: 789ghi
+         
+       `;
+     }, 1000);
+   } else {
+     resultsContent.innerHTML = `Please enter a search term.
`;
+   }
+ });
+ 
+ // Simulate fetching latest blocks
+ document.addEventListener('DOMContentLoaded', function() {
+   const blocksContent = document.getElementById('blocksContent');
+   blocksContent.innerHTML = `
+     
+       Block 1 - Hash: 123abc
+       Block 2 - Hash: 456def
+       Block 3 - Hash: 789ghi
+     
+   `;
+ });

style.css

Changed around line 1
+ body {
+   font-family: 'Arial', sans-serif;
+   margin: 0;
+   padding: 0;
+   background-color: #f4f4f9;
+   color: #333;
+ }
+ 
+ header {
+   background-color: #4a90e2;
+   color: white;
+   padding: 20px;
+   text-align: center;
+ }
+ 
+ header h1 {
+   margin: 0;
+   font-size: 2.5em;
+ }
+ 
+ header p {
+   margin: 5px 0 0;
+   font-size: 1.2em;
+ }
+ 
+ main {
+   padding: 20px;
+ }
+ 
+ #search {
+   text-align: center;
+   margin-bottom: 30px;
+ }
+ 
+ #searchInput {
+   width: 80%;
+   max-width: 500px;
+   padding: 10px;
+   font-size: 1em;
+   border: 1px solid #ccc;
+   border-radius: 5px;
+ }
+ 
+ #searchButton {
+   padding: 10px 20px;
+   font-size: 1em;
+   background-color: #4a90e2;
+   color: white;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+   margin-left: 10px;
+ }
+ 
+ #searchButton:hover {
+   background-color: #357abd;
+ }
+ 
+ #results, #latestBlocks {
+   margin-top: 20px;
+ }
+ 
+ #results h2, #latestBlocks h2 {
+   font-size: 1.8em;
+   margin-bottom: 10px;
+ }
+ 
+ #resultsContent, #blocksContent {
+   background-color: white;
+   padding: 15px;
+   border-radius: 5px;
+   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 10px;
+   background-color: #4a90e2;
+   color: white;
+   position: fixed;
+   width: 100%;
+   bottom: 0;
+ }
+ 
+ @media (max-width: 600px) {
+   header h1 {
+     font-size: 2em;
+   }
+ 
+   header p {
+     font-size: 1em;
+   }
+ 
+   #searchInput {
+     width: 70%;
+   }
+ 
+   #searchButton {
+     width: 25%;
+   }
+ }