diff --git a/SpaceSaver/index.html b/SpaceSaver/index.html new file mode 100644 index 00000000..e7aebbdf --- /dev/null +++ b/SpaceSaver/index.html @@ -0,0 +1,35 @@ + + + + + + + SpaceSaver + + +
+ SpaceSaver (Безопасное хранилище) +
+
+
+ + + + +
+ +
+ + + + +
+ + + +
Неверный пароль или имя пользователя
+
+
+ + + \ No newline at end of file diff --git a/SpaceSaver/script.js b/SpaceSaver/script.js new file mode 100644 index 00000000..9028d1d2 --- /dev/null +++ b/SpaceSaver/script.js @@ -0,0 +1,6 @@ +document.getElementById('loginForm').addEventListener('submit', function(e) { + e.preventDefault(); + document.getElementById('errorMsg').style.display = 'block'; + document.querySelector('input[name="username"]').value = ''; + document.querySelector('input[name="password"]').value = ''; + }); \ No newline at end of file diff --git a/SpaceSaver/style.css b/SpaceSaver/style.css new file mode 100644 index 00000000..b946a8af --- /dev/null +++ b/SpaceSaver/style.css @@ -0,0 +1,64 @@ +body { + min-height: 100vh; + background: #0a0e14; + color: #e0e7ff; + font-family: system-ui, sans-serif; + + display: flex; + justify-content: center; + align-items: center; + } + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + +.error-message { + color: #f85149; + font-size: 0.95rem; + margin-top: 1rem; + min-height: 1.2rem; + display: none; + } + +.input-group { + position: relative; + margin-bottom: 1.2rem; + } + +.icon { + position: absolute; + left: 1rem; + top: 50%; + transform: translateY(-50%); + width: 20px; + height: 20px; + color: #8b949e; + pointer-events: none; + } + +input { + width: 100%; + height: 44px; + padding: 0 1rem 0 2.8rem; + background: #0d1117; + border: 1px solid #30363d; + border-radius: 6px; + color: #e6edf3; + font-size: 1rem; + line-height: 1.4; + } + +button { + width: 100%; + padding: 0.95rem; + background: #238636; + color: white; + border: none; + border-radius: 6px; + font-size: 1.05rem; + cursor: pointer; + margin-top: 0.8rem; + } \ No newline at end of file