commit 156f1da82309272d8ad9d8274d6bdc7edb43d43b
Author: root <root@hub.scroll.pub> Date: 2024-12-28 08:31:49 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..2f33cbf --- /dev/null +++ b/body.html @@ -0,0 +1,22 @@ +<header> + <h1>StayInn</h1> + <p>Your Cozy Getaway</p> +</header> + +<main> + <form id="loginForm"> + <div class="form-group"> + <label for="username">Username</label> + <input type="text" id="username" name="username" required> + </div> + <div class="form-group"> + <label for="password">Password</label> + <input type="password" id="password" name="password" required> + </div> + <button type="submit">Login</button> + </form> +</main> + +<footer> + <p>Experience the comfort of home away from home</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..ad795e7 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://stayinn.scroll.pub +metaTags +editButton /edit.html +title StayInn - Your Cozy Getaway +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..540a858 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "0adfd51c-4fd2-4037-9b2a-71cabb637b05", + "object": "chat.completion", + "created": 1735374694, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nstayinn.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://stayinn.scroll.pub\nmetaTags\neditButton /edit.html\ntitle StayInn - Your Cozy Getaway\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>StayInn</h1>\n <p>Your Cozy Getaway</p>\n</header>\n\n<main>\n <form id=\"loginForm\">\n <div class=\"form-group\">\n <label for=\"username\">Username</label>\n <input type=\"text\" id=\"username\" name=\"username\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"password\">Password</label>\n <input type=\"password\" id=\"password\" name=\"password\" required>\n </div>\n <button type=\"submit\">Login</button>\n </form>\n</main>\n\n<footer>\n <p>Experience the comfort of home away from home</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #6D5D6E;\n --secondary-color: #4F4557;\n --accent-color: #F4EEE0;\n --background-color: #393646;\n --text-color: #F4EEE0;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', sans-serif;\n background-color: var(--background-color);\n color: var(--text-color);\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n}\n\nheader {\n text-align: center;\n margin-bottom: 2rem;\n}\n\nheader h1 {\n font-size: 3rem;\n color: var(--accent-color);\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n}\n\nheader p {\n font-size: 1.2rem;\n color: var(--text-color);\n}\n\nform {\n background-color: var(--primary-color);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n width: 100%;\n max-width: 400px;\n}\n\n.form-group {\n margin-bottom: 1.5rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n color: var(--accent-color);\n}\n\ninput {\n width: 100%;\n padding: 0.8rem;\n border: 2px solid var(--secondary-color);\n border-radius: 8px;\n background-color: var(--background-color);\n color: var(--text-color);\n font-size: 1rem;\n transition: border-color 0.3s ease;\n}\n\ninput:focus {\n outline: none;\n border-color: var(--accent-color);\n}\n\nbutton {\n width: 100%;\n padding: 1rem;\n background-color: var(--secondary-color);\n color: var(--text-color);\n border: none;\n border-radius: 8px;\n font-size: 1rem;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n background-color: var(--accent-color);\n color: var(--background-color);\n}\n\nfooter {\n margin-top: 2rem;\n text-align: center;\n color: var(--text-color);\n opacity: 0.8;\n}\n\n@media (max-width: 480px) {\n header h1 {\n font-size: 2.5rem;\n }\n \n form {\n padding: 1.5rem;\n }\n}\n---script.js---\ndocument.getElementById('loginForm').addEventListener('submit', function(event) {\n event.preventDefault();\n \n const username = document.getElementById('username').value;\n const password = document.getElementById('password').value;\n \n if (username === 'admin' && password === 'admin') {\n alert('Login successful!');\n // Redirect to dashboard or main page\n window.location.href = '/dashboard';\n } else {\n alert('Invalid username or password');\n }\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 247, + "completion_tokens": 945, + "total_tokens": 1192, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 247 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..6a0a9b0 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# stayinn.scroll.pub +Website generated by DeepSeek from prompt: 帮我生成一个适合民宿网站登录界面,账号密码都是admin \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..79a7964 --- /dev/null +++ b/script.js @@ -0,0 +1,14 @@ +document.getElementById('loginForm').addEventListener('submit', function(event) { + event.preventDefault(); + + const username = document.getElementById('username').value; + const password = document.getElementById('password').value; + + if (username === 'admin' && password === 'admin') { + alert('Login successful!'); + // Redirect to dashboard or main page + window.location.href = '/dashboard'; + } else { + alert('Invalid username or password'); + } +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..1993de5 --- /dev/null +++ b/style.css @@ -0,0 +1,110 @@ +:root { + --primary-color: #6D5D6E; + --secondary-color: #4F4557; + --accent-color: #F4EEE0; + --background-color: #393646; + --text-color: #F4EEE0; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Segoe UI', sans-serif; + background-color: var(--background-color); + color: var(--text-color); + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1rem; +} + +header { + text-align: center; + margin-bottom: 2rem; +} + +header h1 { + font-size: 3rem; + color: var(--accent-color); + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); +} + +header p { + font-size: 1.2rem; + color: var(--text-color); +} + +form { + background-color: var(--primary-color); + padding: 2rem; + border-radius: 15px; + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); + width: 100%; + max-width: 400px; +} + +.form-group { + margin-bottom: 1.5rem; +} + +label { + display: block; + margin-bottom: 0.5rem; + color: var(--accent-color); +} + +input { + width: 100%; + padding: 0.8rem; + border: 2px solid var(--secondary-color); + border-radius: 8px; + background-color: var(--background-color); + color: var(--text-color); + font-size: 1rem; + transition: border-color 0.3s ease; +} + +input:focus { + outline: none; + border-color: var(--accent-color); +} + +button { + width: 100%; + padding: 1rem; + background-color: var(--secondary-color); + color: var(--text-color); + border: none; + border-radius: 8px; + font-size: 1rem; + cursor: pointer; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: var(--accent-color); + color: var(--background-color); +} + +footer { + margin-top: 2rem; + text-align: center; + color: var(--text-color); + opacity: 0.8; +} + +@media (max-width: 480px) { + header h1 { + font-size: 2.5rem; + } + + form { + padding: 1.5rem; + } +} \ No newline at end of file