commit 09c0a4bc319fc67e12a20af49beaca19c798edf5
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 05:35:49 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..6b0280d
--- /dev/null
+++ b/body.html
@@ -0,0 +1,25 @@
+<header>
+ <h1>Pi Coin Explorer</h1>
+ <p>Explore the Pi Coin blockchain with ease.</p>
+</header>
+
+<main>
+ <section id="search">
+ <input type="text" id="searchInput" placeholder="Enter block hash, transaction ID, or address">
+ <button id="searchButton">Search</button>
+ </section>
+
+ <section id="results">
+ <h2>Search Results</h2>
+ <div id="resultsContent"></div>
+ </section>
+
+ <section id="latestBlocks">
+ <h2>Latest Blocks</h2>
+ <div id="blocksContent"></div>
+ </section>
+</main>
+
+<footer>
+ <p>Pi Coin Explorer - Your gateway to the Pi blockchain.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..4eef798
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://picoinexplorer.scroll.pub
+metaTags
+editButton /edit.html
+title Pi Coin Explorer
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..69856e0
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "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<header>\n <h1>Pi Coin Explorer</h1>\n <p>Explore the Pi Coin blockchain with ease.</p>\n</header>\n\n<main>\n <section id=\"search\">\n <input type=\"text\" id=\"searchInput\" placeholder=\"Enter block hash, transaction ID, or address\">\n <button id=\"searchButton\">Search</button>\n </section>\n\n <section id=\"results\">\n <h2>Search Results</h2>\n <div id=\"resultsContent\"></div>\n </section>\n\n <section id=\"latestBlocks\">\n <h2>Latest Blocks</h2>\n <div id=\"blocksContent\"></div>\n </section>\n</main>\n\n<footer>\n <p>Pi Coin Explorer - Your gateway to the Pi blockchain.</p>\n</footer>\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 = `<p>Searching for: ${searchInput}</p>`;\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 <p>Search results for: ${searchInput}</p>\n <ul>\n <li>Block Hash: 123abc</li>\n <li>Transaction ID: 456def</li>\n <li>Address: 789ghi</li>\n </ul>\n `;\n }, 1000);\n } else {\n resultsContent.innerHTML = `<p>Please enter a search term.</p>`;\n }\n});\n\n// Simulate fetching latest blocks\ndocument.addEventListener('DOMContentLoaded', function() {\n const blocksContent = document.getElementById('blocksContent');\n blocksContent.innerHTML = `\n <ul>\n <li>Block 1 - Hash: 123abc</li>\n <li>Block 2 - Hash: 456def</li>\n <li>Block 3 - Hash: 789ghi</li>\n </ul>\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"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..7e72f2e
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# picoinexplorer.scroll.pub
+Website generated by DeepSeek from prompt: create a fully functional, pi coin explorer website
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..a9e5023
--- /dev/null
+++ b/script.js
@@ -0,0 +1,34 @@
+document.getElementById('searchButton').addEventListener('click', function() {
+ const searchInput = document.getElementById('searchInput').value;
+ const resultsContent = document.getElementById('resultsContent');
+
+ if (searchInput) {
+ resultsContent.innerHTML = `<p>Searching for: ${searchInput}</p>`;
+ // Here you would typically make an API call to fetch the search results
+ // For now, we'll just simulate a response
+ setTimeout(() => {
+ resultsContent.innerHTML = `
+ <p>Search results for: ${searchInput}</p>
+ <ul>
+ <li>Block Hash: 123abc</li>
+ <li>Transaction ID: 456def</li>
+ <li>Address: 789ghi</li>
+ </ul>
+ `;
+ }, 1000);
+ } else {
+ resultsContent.innerHTML = `<p>Please enter a search term.</p>`;
+ }
+});
+
+// Simulate fetching latest blocks
+document.addEventListener('DOMContentLoaded', function() {
+ const blocksContent = document.getElementById('blocksContent');
+ blocksContent.innerHTML = `
+ <ul>
+ <li>Block 1 - Hash: 123abc</li>
+ <li>Block 2 - Hash: 456def</li>
+ <li>Block 3 - Hash: 789ghi</li>
+ </ul>
+ `;
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..9496cfe
--- /dev/null
+++ b/style.css
@@ -0,0 +1,101 @@
+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%;
+ }
+}
\ No newline at end of file