commit 07d64a0bd6918bb77b26c35aecbe27297b41c558
Author: root <root@hub.scroll.pub>
Date: 2024-12-30 01:11:59 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..fe16872
--- /dev/null
+++ b/body.html
@@ -0,0 +1,10 @@
+<main class="search-container">
+ <div class="search-box">
+ <input type="text" id="search-input" placeholder="Search the web..." aria-label="Search input">
+ <button id="search-button" aria-label="Search">
+ <svg viewBox="0 0 24 24" width="24" height="24">
+ <path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
+ </svg>
+ </button>
+ </div>
+</main>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..01ad29d
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://searchly.scroll.pub
+metaTags
+editButton /edit.html
+title Searchly - Simple & Powerful Search
+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..624b2a6
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "24d2bbff-0b11-4b00-9b9a-0ba7a13de431",
+ "object": "chat.completion",
+ "created": 1735521105,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nsearchly.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://searchly.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Searchly - Simple & Powerful Search\nstyle.css\nbody.html\nscript.js\n---body.html---\n<main class=\"search-container\">\n <div class=\"search-box\">\n <input type=\"text\" id=\"search-input\" placeholder=\"Search the web...\" aria-label=\"Search input\">\n <button id=\"search-button\" aria-label=\"Search\">\n <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n <path d=\"M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/>\n </svg>\n </button>\n </div>\n</main>\n---style.css---\n:root {\n --primary-color: #1a73e8;\n --hover-color: #1557b0;\n --shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.search-container {\n width: 90%;\n max-width: 600px;\n padding: 20px;\n}\n\n.search-box {\n display: flex;\n align-items: center;\n background: white;\n border-radius: 30px;\n box-shadow: 0 4px 6px var(--shadow-color);\n padding: 10px 20px;\n transition: all 0.3s ease;\n}\n\n.search-box:hover {\n box-shadow: 0 6px 12px var(--shadow-color);\n}\n\n#search-input {\n flex: 1;\n border: none;\n outline: none;\n font-size: 18px;\n padding: 10px;\n background: transparent;\n}\n\n#search-button {\n background: var(--primary-color);\n border: none;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: background 0.3s ease;\n}\n\n#search-button:hover {\n background: var(--hover-color);\n}\n\n#search-button svg {\n fill: white;\n width: 20px;\n height: 20px;\n}\n\n@media (max-width: 480px) {\n #search-input {\n font-size: 16px;\n }\n \n .search-box {\n padding: 8px 16px;\n }\n}\n---script.js---\ndocument.getElementById('search-button').addEventListener('click', function() {\n const query = document.getElementById('search-input').value.trim();\n if (query) {\n // Implement search functionality here\n alert(`Searching for: ${query}`);\n }\n});\n\ndocument.getElementById('search-input').addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n document.getElementById('search-button').click();\n }\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 242,
+ "completion_tokens": 973,
+ "total_tokens": 1215,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 242
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..35ffcb6
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# searchly.scroll.pub
+Website generated by DeepSeek from prompt: 创建一个搜索首页，只包含搜索框
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..48c137f
--- /dev/null
+++ b/script.js
@@ -0,0 +1,13 @@
+document.getElementById('search-button').addEventListener('click', function() {
+ const query = document.getElementById('search-input').value.trim();
+ if (query) {
+ // Implement search functionality here
+ alert(`Searching for: ${query}`);
+ }
+});
+
+document.getElementById('search-input').addEventListener('keypress', function(e) {
+ if (e.key === 'Enter') {
+ document.getElementById('search-button').click();
+ }
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..49048e3
--- /dev/null
+++ b/style.css
@@ -0,0 +1,82 @@
+:root {
+ --primary-color: #1a73e8;
+ --hover-color: #1557b0;
+ --shadow-color: rgba(0, 0, 0, 0.1);
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.search-container {
+ width: 90%;
+ max-width: 600px;
+ padding: 20px;
+}
+
+.search-box {
+ display: flex;
+ align-items: center;
+ background: white;
+ border-radius: 30px;
+ box-shadow: 0 4px 6px var(--shadow-color);
+ padding: 10px 20px;
+ transition: all 0.3s ease;
+}
+
+.search-box:hover {
+ box-shadow: 0 6px 12px var(--shadow-color);
+}
+
+#search-input {
+ flex: 1;
+ border: none;
+ outline: none;
+ font-size: 18px;
+ padding: 10px;
+ background: transparent;
+}
+
+#search-button {
+ background: var(--primary-color);
+ border: none;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ transition: background 0.3s ease;
+}
+
+#search-button:hover {
+ background: var(--hover-color);
+}
+
+#search-button svg {
+ fill: white;
+ width: 20px;
+ height: 20px;
+}
+
+@media (max-width: 480px) {
+ #search-input {
+ font-size: 16px;
+ }
+
+ .search-box {
+ padding: 8px 16px;
+ }
+}
\ No newline at end of file