Changes to loginscape1.scroll.pub

root
root
23 days ago
Initial commit
body.html
Changed around line 1
+
+

Welcome to LoginScape

+

Your gateway to secure and seamless authentication

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Remember me
+
+ Forgot password?
+
+
+

Don't have an account? Register here

+
+
+
+
+
+

Scan this QR code with your mobile device

+
+
+
+
+
+
+
+

Experience the future of authentication

+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://loginscape.scroll.pub
+ metaTags
+ editButton /edit.html
+ title LoginScape - Seamless Login Experience
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "aa45d52c-0df7-431c-8150-7a094a628961",
+ "object": "chat.completion",
+ "created": 1735525631,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nloginscape.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://loginscape.scroll.pub\nmetaTags\neditButton /edit.html\ntitle LoginScape - Seamless Login Experience\nstyle.css\nbody.html\nscript.js\n---body.html---\n
\n

Welcome to LoginScape

\n

Your gateway to secure and seamless authentication

\n
\n\n
\n
\n
\n \n \n
\n\n
\n
\n
\n \n \n
\n
\n \n \n
\n
\n \n Forgot password?\n
\n \n

Don't have an account? Register here

\n
\n\n
\n
\n
\n

Scan this QR code with your mobile device

\n
\n
\n
\n
\n
\n\n
\n

Experience the future of authentication

\n
\n---style.css---\n:root {\n --primary-color: #2563eb;\n --secondary-color: #1e40af;\n --background-color: #f8fafc;\n --text-color: #1e293b;\n --transition-speed: 0.3s;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n background-color: var(--background-color);\n color: var(--text-color);\n line-height: 1.6;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\nheader {\n text-align: center;\n padding: 2rem;\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\nmain {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2rem;\n}\n\n.login-container {\n background: white;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n width: 100%;\n max-width: 400px;\n overflow: hidden;\n}\n\n.login-switcher {\n display: flex;\n background: var(--background-color);\n}\n\n.login-switcher button {\n flex: 1;\n padding: 1rem;\n border: none;\n background: transparent;\n cursor: pointer;\n font-weight: 500;\n transition: all var(--transition-speed) ease;\n}\n\n.login-switcher button.active {\n background: white;\n color: var(--primary-color);\n}\n\n.login-content {\n padding: 2rem;\n position: relative;\n}\n\n.login-form {\n display: none;\n opacity: 0;\n transition: opacity var(--transition-speed) ease;\n}\n\n.login-form.active {\n display: block;\n opacity: 1;\n}\n\n.form-group {\n margin-bottom: 1.5rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 500;\n}\n\ninput {\n width: 100%;\n padding: 0.75rem;\n border: 1px solid #e2e8f0;\n border-radius: 0.5rem;\n transition: border-color var(--transition-speed) ease;\n}\n\ninput:focus {\n outline: none;\n border-color: var(--primary-color);\n}\n\n.form-options {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 1rem 0;\n}\n\nbutton[type=\"submit\"] {\n width: 100%;\n padding: 0.75rem;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 0.5rem;\n cursor: pointer;\n transition: background-color var(--transition-speed) ease;\n}\n\nbutton[type=\"submit\"]:hover {\n background: var(--secondary-color);\n}\n\n.qr-container {\n text-align: center;\n}\n\n.qr-code {\n width: 200px;\n height: 200px;\n margin: 0 auto 1rem;\n background: #e2e8f0;\n border-radius: 0.5rem;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: var(--background-color);\n}\n\n@media (max-width: 480px) {\n h1 {\n font-size: 2rem;\n }\n \n .login-container {\n border-radius: 0;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const switcherButtons = document.querySelectorAll('.login-switcher button');\n const loginForms = document.querySelectorAll('.login-form');\n\n switcherButtons.forEach(button => {\n button.addEventListener('click', function() {\n // Remove active class from all buttons and forms\n switcherButtons.forEach(btn => btn.classList.remove('active'));\n loginForms.forEach(form => form.classList.remove('active'));\n\n // Add active class to clicked button and corresponding form\n this.classList.add('active');\n const targetForm = document.getElementById(`${this.dataset.mode}-login`);\n targetForm.classList.add('active');\n });\n });\n\n // Handle form submission\n const loginForm = document.getElementById('password-login');\n loginForm.addEventListener('submit', function(e) {\n e.preventDefault();\n // Add your login logic here\n console.log('Login submitted');\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 262,
+ "completion_tokens": 1444,
+ "total_tokens": 1706,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 262
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # loginscape1.scroll.pub
+ Website generated by DeepSeek from prompt: 创建一个登录页面，页面要包含普通的登录方式，二维码扫描登录方式。登录方式切换需要有动画演示，注册，记住密码等功能
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+ const switcherButtons = document.querySelectorAll('.login-switcher button');
+ const loginForms = document.querySelectorAll('.login-form');
+
+ switcherButtons.forEach(button => {
+ button.addEventListener('click', function() {
+ // Remove active class from all buttons and forms
+ switcherButtons.forEach(btn => btn.classList.remove('active'));
+ loginForms.forEach(form => form.classList.remove('active'));
+
+ // Add active class to clicked button and corresponding form
+ this.classList.add('active');
+ const targetForm = document.getElementById(`${this.dataset.mode}-login`);
+ targetForm.classList.add('active');
+ });
+ });
+
+ // Handle form submission
+ const loginForm = document.getElementById('password-login');
+ loginForm.addEventListener('submit', function(e) {
+ e.preventDefault();
+ // Add your login logic here
+ console.log('Login submitted');
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #2563eb;
+ --secondary-color: #1e40af;
+ --background-color: #f8fafc;
+ --text-color: #1e293b;
+ --transition-speed: 0.3s;
+ }
+
+ * {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ }
+
+ body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ background-color: var(--background-color);
+ color: var(--text-color);
+ line-height: 1.6;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ }
+
+ header {
+ text-align: center;
+ padding: 2rem;
+ background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+ color: white;
+ }
+
+ h1 {
+ font-size: 2.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ main {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 2rem;
+ }
+
+ .login-container {
+ background: white;
+ border-radius: 1rem;
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+ width: 100%;
+ max-width: 400px;
+ overflow: hidden;
+ }
+
+ .login-switcher {
+ display: flex;
+ background: var(--background-color);
+ }
+
+ .login-switcher button {
+ flex: 1;
+ padding: 1rem;
+ border: none;
+ background: transparent;
+ cursor: pointer;
+ font-weight: 500;
+ transition: all var(--transition-speed) ease;
+ }
+
+ .login-switcher button.active {
+ background: white;
+ color: var(--primary-color);
+ }
+
+ .login-content {
+ padding: 2rem;
+ position: relative;
+ }
+
+ .login-form {
+ display: none;
+ opacity: 0;
+ transition: opacity var(--transition-speed) ease;
+ }
+
+ .login-form.active {
+ display: block;
+ opacity: 1;
+ }
+
+ .form-group {
+ margin-bottom: 1.5rem;
+ }
+
+ label {
+ display: block;
+ margin-bottom: 0.5rem;
+ font-weight: 500;
+ }
+
+ input {
+ width: 100%;
+ padding: 0.75rem;
+ border: 1px solid #e2e8f0;
+ border-radius: 0.5rem;
+ transition: border-color var(--transition-speed) ease;
+ }
+
+ input:focus {
+ outline: none;
+ border-color: var(--primary-color);
+ }
+
+ .form-options {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 1rem 0;
+ }
+
+ button[type="submit"] {
+ width: 100%;
+ padding: 0.75rem;
+ background: var(--primary-color);
+ color: white;
+ border: none;
+ border-radius: 0.5rem;
+ cursor: pointer;
+ transition: background-color var(--transition-speed) ease;
+ }
+
+ button[type="submit"]:hover {
+ background: var(--secondary-color);
+ }
+
+ .qr-container {
+ text-align: center;
+ }
+
+ .qr-code {
+ width: 200px;
+ height: 200px;
+ margin: 0 auto 1rem;
+ background: #e2e8f0;
+ border-radius: 0.5rem;
+ }
+
+ footer {
+ text-align: center;
+ padding: 1rem;
+ background: var(--background-color);
+ }
+
+ @media (max-width: 480px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ .login-container {
+ border-radius: 0;
+ }
+ }