commit 2940e90333c7209873abe1be81f6724ada467465
Author: root <root@hub.scroll.pub> Date: 2025-01-03 14:50:44 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..f2ab66c --- /dev/null +++ b/body.html @@ -0,0 +1,12 @@ +<div class="container"> + <div class="proxy-form"> + <input type="text" id="url-input" placeholder="Enter website URL" class="rounded-input" aria-label="Enter website URL"> + <input type="password" id="password-input" placeholder="Enter password" class="rounded-input" aria-label="Enter password"> + <button id="access-button" aria-label="Access website through proxy"> + <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path d="M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20ZM12 6C8.686 6 6 8.686 6 12C6 15.314 8.686 18 12 18C15.314 18 18 15.314 18 12C18 8.686 15.314 6 12 6ZM12 16C9.791 16 8 14.209 8 12C8 9.791 9.791 8 12 8C14.209 8 16 9.791 16 12C16 14.209 14.209 16 12 16Z" fill="white"/> + </svg> + </button> + </div> + <iframe id="proxy-frame" class="hidden" aria-label="Proxy website content"></iframe> +</div> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..9640f8f --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://proxyglobe.scroll.pub +metaTags +editButton /edit.html +title ProxyGlobe - Secure and Seamless Proxy Access +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..3efa5ae --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "ceb1aafb-4e90-429d-9bcb-eb2f7fb49327", + "object": "chat.completion", + "created": 1735915824, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nproxyglobe.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://proxyglobe.scroll.pub\nmetaTags\neditButton /edit.html\ntitle ProxyGlobe - Secure and Seamless Proxy Access\nstyle.css\nbody.html\nscript.js\n---body.html---\n<div class=\"container\">\n <div class=\"proxy-form\">\n <input type=\"text\" id=\"url-input\" placeholder=\"Enter website URL\" class=\"rounded-input\" aria-label=\"Enter website URL\">\n <input type=\"password\" id=\"password-input\" placeholder=\"Enter password\" class=\"rounded-input\" aria-label=\"Enter password\">\n <button id=\"access-button\" aria-label=\"Access website through proxy\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20ZM12 6C8.686 6 6 8.686 6 12C6 15.314 8.686 18 12 18C15.314 18 18 15.314 18 12C18 8.686 15.314 6 12 6ZM12 16C9.791 16 8 14.209 8 12C8 9.791 9.791 8 12 8C14.209 8 16 9.791 16 12C16 14.209 14.209 16 12 16Z\" fill=\"white\"/>\n </svg>\n </button>\n </div>\n <iframe id=\"proxy-frame\" class=\"hidden\" aria-label=\"Proxy website content\"></iframe>\n</div>\n---style.css---\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Arial', sans-serif;\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n color: white;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n.container {\n text-align: center;\n width: 90%;\n max-width: 600px;\n}\n\n.proxy-form {\n display: flex;\n flex-direction: column;\n gap: 15px;\n align-items: center;\n}\n\n.rounded-input {\n width: 100%;\n padding: 10px;\n border: 2px solid #ccc;\n border-radius: 25px;\n font-size: 16px;\n outline: none;\n transition: border-color 0.3s ease;\n}\n\n.rounded-input:focus {\n border-color: #007bff;\n}\n\n#access-button {\n background-color: #007bff;\n border: none;\n border-radius: 50%;\n width: 60px;\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\n#access-button:hover {\n background-color: #0056b3;\n}\n\n#access-button svg {\n width: 30px;\n height: 30px;\n}\n\n#proxy-frame {\n width: 100%;\n height: 80vh;\n border: none;\n margin-top: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n}\n\n.hidden {\n display: none;\n}\n\n@media (max-width: 768px) {\n .rounded-input {\n font-size: 14px;\n }\n\n #access-button {\n width: 50px;\n height: 50px;\n }\n\n #access-button svg {\n width: 25px;\n height: 25px;\n }\n}\n---script.js---\ndocument.getElementById('access-button').addEventListener('click', function() {\n const url = document.getElementById('url-input').value;\n const password = document.getElementById('password-input').value;\n const proxyFrame = document.getElementById('proxy-frame');\n\n if (password === 'xiaoiec123456' && url) {\n proxyFrame.src = `/proxy?url=${encodeURIComponent(url)}`;\n proxyFrame.classList.remove('hidden');\n } else {\n alert('Invalid password or URL');\n }\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 485, + "completion_tokens": 1086, + "total_tokens": 1571, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 485 + }, + "system_fingerprint": "fp_3a5770e1b4" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..22b8e78 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# proxyglobe.scroll.pub +Website generated by DeepSeek from prompt: Here is the traI need a proxy website. The homepage of the website looks like this: - **Right in the center of the webpage, there are two input boxes and a globe-shaped "Access" button.** - **Input Box 1:** Users can enter the URL of the website they want to access through the proxy in this input box. - **Input Box 2:** Users must enter a password; only after clicking the "Access" button on the right will the proxy begin accessing the website entered in Input Box 1. The password is "xiaoiec123456". - **Access Button:** The button is an SVG of a globe, white in color, but with a blue background. It is circular. - **Both input boxes have rounded corners.** After clicking the access button, the website will display the proxy-accessed website on the current page. The server hosting this website will access the URL entered in Input Box 1, then send the page back to the user's device, enabling proxy access. All user activities on the website accessed through this proxy, such as watching videos on a video streaming site or clicking hyperlinks to navigate to another website, will be proxied, ensuring seamless proxy access. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..76bf983 --- /dev/null +++ b/script.js @@ -0,0 +1,12 @@ +document.getElementById('access-button').addEventListener('click', function() { + const url = document.getElementById('url-input').value; + const password = document.getElementById('password-input').value; + const proxyFrame = document.getElementById('proxy-frame'); + + if (password === 'xiaoiec123456' && url) { + proxyFrame.src = `/proxy?url=${encodeURIComponent(url)}`; + proxyFrame.classList.remove('hidden'); + } else { + alert('Invalid password or URL'); + } +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0890f7f --- /dev/null +++ b/style.css @@ -0,0 +1,89 @@ +body { + margin: 0; + padding: 0; + font-family: 'Arial', sans-serif; + background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); + color: white; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.container { + text-align: center; + width: 90%; + max-width: 600px; +} + +.proxy-form { + display: flex; + flex-direction: column; + gap: 15px; + align-items: center; +} + +.rounded-input { + width: 100%; + padding: 10px; + border: 2px solid #ccc; + border-radius: 25px; + font-size: 16px; + outline: none; + transition: border-color 0.3s ease; +} + +.rounded-input:focus { + border-color: #007bff; +} + +#access-button { + background-color: #007bff; + border: none; + border-radius: 50%; + width: 60px; + height: 60px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + transition: background-color 0.3s ease; +} + +#access-button:hover { + background-color: #0056b3; +} + +#access-button svg { + width: 30px; + height: 30px; +} + +#proxy-frame { + width: 100%; + height: 80vh; + border: none; + margin-top: 20px; + border-radius: 10px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); +} + +.hidden { + display: none; +} + +@media (max-width: 768px) { + .rounded-input { + font-size: 14px; + } + + #access-button { + width: 50px; + height: 50px; + } + + #access-button svg { + width: 25px; + height: 25px; + } +} \ No newline at end of file