diff --git a/extension/html/drive-auth.html b/extension/html/drive-auth.html index 77ee7c5..8bf3aa7 100644 --- a/extension/html/drive-auth.html +++ b/extension/html/drive-auth.html @@ -1,8 +1,8 @@ - + - Загрузка в Google Drive + Upload to Google Drive +
diff --git a/extension/html/terms-of-service.html b/extension/html/terms-of-service.html index f04c436..a08fdff 100644 --- a/extension/html/terms-of-service.html +++ b/extension/html/terms-of-service.html @@ -4,121 +4,7 @@ Terms of Service - Screen Area Recorder Pro - +
diff --git a/extension/styles/privacy-policy.css b/extension/styles/privacy-policy.css new file mode 100644 index 0000000..6e6dbd8 --- /dev/null +++ b/extension/styles/privacy-policy.css @@ -0,0 +1,128 @@ + body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + line-height: 1.6; + color: #333; + max-width: 900px; + margin: 0 auto; + padding: 20px; + background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); + min-height: 100vh; + } + .container { + background: white; + padding: 40px; + border-radius: 12px; + box-shadow: 0 10px 30px rgba(0,0,0,0.1); + border: 1px solid rgba(255,255,255,0.2); + } + h1 { + color: #2c3e50; + border-bottom: 4px solid #3498db; + padding-bottom: 15px; + font-size: 2.2em; + margin-bottom: 10px; + } + h2 { + color: #34495e; + margin-top: 35px; + border-left: 5px solid #3498db; + padding-left: 20px; + font-size: 1.4em; + } + h3 { + color: #2c3e50; + margin-top: 25px; + font-size: 1.2em; + } + .highlight { + background: linear-gradient(135deg, #e8f4fd 0%, #c8e6f5 100%); + padding: 20px; + border-radius: 8px; + border-left: 5px solid #3498db; + margin: 25px 0; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + } + .warning { + background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%); + padding: 20px; + border-radius: 8px; + border-left: 5px solid #f39c12; + margin: 25px 0; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + } + .success { + background: linear-gradient(135deg, #d4edda 0%, #a8e6cf 100%); + padding: 20px; + border-radius: 8px; + border-left: 5px solid #27ae60; + margin: 25px 0; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + } + ul, ol { + margin: 15px 0; + padding-left: 30px; + } + li { + margin: 8px 0; + line-height: 1.5; + } + .last-updated { + font-style: italic; + color: #7f8c8d; + text-align: center; + margin-bottom: 30px; + background: #ecf0f1; + padding: 10px; + border-radius: 5px; + } + .contact-info { + background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); + padding: 25px; + border-radius: 8px; + margin: 30px 0; + border: 1px solid #dee2e6; + } + .emoji { + font-size: 1.2em; + margin-right: 8px; + } + .table-container { + overflow-x: auto; + margin: 20px 0; + } + table { + width: 100%; + border-collapse: collapse; + background: white; + border-radius: 8px; + overflow: hidden; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + } + th, td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #ddd; + } + th { + background: #3498db; + color: white; + font-weight: 600; + } + .privacy-feature { + display: flex; + align-items: center; + margin: 10px 0; + padding: 10px; + background: #f8f9fa; + border-radius: 5px; + } + .check { + color: #27ae60; + font-size: 1.3em; + margin-right: 10px; + } + .cross { + color: #e74c3c; + font-size: 1.3em; + margin-right: 10px; + } diff --git a/extension/styles/terms-of-service.css b/extension/styles/terms-of-service.css new file mode 100644 index 0000000..6df02db --- /dev/null +++ b/extension/styles/terms-of-service.css @@ -0,0 +1,113 @@ + body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + line-height: 1.6; + color: #333; + max-width: 900px; + margin: 0 auto; + padding: 20px; + background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%); + min-height: 100vh; + } + .container { + background: white; + padding: 40px; + border-radius: 12px; + box-shadow: 0 10px 30px rgba(0,0,0,0.1); + border: 1px solid rgba(255,255,255,0.2); + } + h1 { + color: #2c3e50; + border-bottom: 4px solid #e74c3c; + padding-bottom: 15px; + font-size: 2.2em; + margin-bottom: 10px; + } + h2 { + color: #34495e; + margin-top: 35px; + border-left: 5px solid #e74c3c; + padding-left: 20px; + font-size: 1.4em; + } + h3 { + color: #2c3e50; + margin-top: 25px; + font-size: 1.2em; + } + .highlight { + background: linear-gradient(135deg, #fff5f5 0%, #ffebee 100%); + padding: 20px; + border-radius: 8px; + border-left: 5px solid #e74c3c; + margin: 25px 0; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + } + .warning { + background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%); + padding: 20px; + border-radius: 8px; + border-left: 5px solid #f39c12; + margin: 25px 0; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + } + .success { + background: linear-gradient(135deg, #d4edda 0%, #a8e6cf 100%); + padding: 20px; + border-radius: 8px; + border-left: 5px solid #27ae60; + margin: 25px 0; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + } + .legal-box { + background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); + padding: 25px; + border-radius: 8px; + border: 2px solid #6c757d; + margin: 25px 0; + font-weight: 500; + } + ul, ol { + margin: 15px 0; + padding-left: 30px; + } + li { + margin: 8px 0; + line-height: 1.5; + } + .last-updated { + font-style: italic; + color: #7f8c8d; + text-align: center; + margin-bottom: 30px; + background: #ecf0f1; + padding: 10px; + border-radius: 5px; + } + .caps { + text-transform: uppercase; + font-weight: bold; + font-size: 1.1em; + } + .emoji { + font-size: 1.2em; + margin-right: 8px; + } + .prohibited-list { + background: #ffebee; + padding: 15px; + border-radius: 5px; + border-left: 4px solid #f44336; + } + .allowed-list { + background: #e8f5e8; + padding: 15px; + border-radius: 5px; + border-left: 4px solid #4caf50; + } + .contact-info { + background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); + padding: 25px; + border-radius: 8px; + margin: 30px 0; + border: 1px solid #dee2e6; + } diff --git a/website/MyWebApp/Views/Account/ForgotPassword.cshtml b/website/MyWebApp/Views/Account/ForgotPassword.cshtml index d8ef692..a708af6 100644 --- a/website/MyWebApp/Views/Account/ForgotPassword.cshtml +++ b/website/MyWebApp/Views/Account/ForgotPassword.cshtml @@ -11,7 +11,7 @@
-
+
captcha
diff --git a/website/MyWebApp/Views/Account/Login.cshtml b/website/MyWebApp/Views/Account/Login.cshtml index 06bf5ac..97dec13 100644 --- a/website/MyWebApp/Views/Account/Login.cshtml +++ b/website/MyWebApp/Views/Account/Login.cshtml @@ -21,7 +21,7 @@
-
+
captcha
@@ -31,7 +31,7 @@
-
+
Forgot Password? | Register diff --git a/website/MyWebApp/Views/Account/Register.cshtml b/website/MyWebApp/Views/Account/Register.cshtml index b38238a..d85ac3a 100644 --- a/website/MyWebApp/Views/Account/Register.cshtml +++ b/website/MyWebApp/Views/Account/Register.cshtml @@ -68,7 +68,7 @@ *
-
+
captcha
diff --git a/website/MyWebApp/Views/Account/ResetPassword.cshtml b/website/MyWebApp/Views/Account/ResetPassword.cshtml index 91af517..c02a867 100644 --- a/website/MyWebApp/Views/Account/ResetPassword.cshtml +++ b/website/MyWebApp/Views/Account/ResetPassword.cshtml @@ -8,7 +8,7 @@
-
+
captcha
diff --git a/website/MyWebApp/wwwroot/css/site.css b/website/MyWebApp/wwwroot/css/site.css index ec8965e..d12d09d 100644 --- a/website/MyWebApp/wwwroot/css/site.css +++ b/website/MyWebApp/wwwroot/css/site.css @@ -5,7 +5,7 @@ /* Form container */ form[method="post"] { max-width: 400px !important; - width: 400px !important; + width: 100% !important; margin: 1rem auto 0 auto !important; /* Remove bottom margin */ padding: 2rem !important; background: #ffffff !important; @@ -19,7 +19,7 @@ form[method="post"] { /* Wide forms */ form[action*="Register"] { max-width: 500px !important; - width: 500px !important; + width: 100% !important; } /* Input fields remain as is */ @@ -101,21 +101,21 @@ form[method="post"] input[type="checkbox"] { accent-color: #0d6efd !important; } -form[method="post"] > div:has(input[type="checkbox"]) { +.form-check { display: flex !important; align-items: center !important; margin-bottom: 1.5rem !important; cursor: pointer !important; } - form[method="post"] > div:has(input[type="checkbox"]) label { + .form-check label { margin: 0 !important; cursor: pointer !important; font-size: 0.9rem !important; } /* Captcha remains as is */ -form[method="post"] > div:has(img[src*="captcha"]) { +.captcha-container { display: flex !important; align-items: center !important; gap: 1rem !important; @@ -140,7 +140,7 @@ form[method="post"] img[src*="captcha" i] { border-color: #0d6efd !important; } -form[method="post"] > div:has(img[src*="captcha"]) input[type="text"] { +.captcha-container input[type="text"] { flex: 1 !important; margin-bottom: 0 !important; min-width: 100px !important; @@ -151,8 +151,8 @@ form[method="post"] > div:has(img[src*="captcha"]) input[type="text"] { ========================================== */ /* Links block - FULLY MERGED with form */ -form[method="post"] + div:has(a) { - width: 400px !important; +form[method="post"] + .form-links { + width: 100% !important; max-width: 400px !important; margin: 0 auto 2rem auto !important; /* WITHOUT negative margin */ text-align: center !important; @@ -168,8 +168,8 @@ form[method="post"] + div:has(a) { } /* For wide forms */ -form[action*="Register"] + div:has(a) { - width: 500px !important; +form[action*="Register"] + .form-links { + width: 100% !important; max-width: 500px !important; } @@ -204,7 +204,7 @@ form[method="post"] + div { padding: 1.5rem !important; } - form[method="post"] + div:has(a) { + form[method="post"] + .form-links { width: calc(100vw - 2rem) !important; max-width: none !important; margin: 0 1rem 2rem 1rem !important; @@ -217,13 +217,13 @@ form[method="post"] + div { font-size: 16px !important; } - form[method="post"] > div:has(img[src*="captcha"]) { + .captcha-container { flex-direction: column !important; align-items: center !important; gap: 0.75rem !important; } - form[method="post"] > div:has(img[src*="captcha"]) input[type="text"] { + .captcha-container input[type="text"] { width: 100% !important; } } @@ -232,13 +232,8 @@ form[method="post"] + div { ADDITIONAL FIXES ========================================== */ -/* Remove any margins between form and links block */ -form[method="post"]:has(+ div:has(a)) { - margin-bottom: 0 !important; -} - /* Ensure smooth transition */ -form[method="post"] + div:has(a):before { +form[method="post"] + .form-links:before { content: ""; position: absolute; top: -1px; @@ -248,3 +243,14 @@ form[method="post"] + div:has(a):before { background: #ffffff; z-index: 1; } + +/* Error styling shared across themes */ +.error { + color: #dc2626; + background: #fef2f2; + border: 1px solid #fecaca; + padding: var(--space-md, 1rem); + border-radius: var(--radius-md, 0.375rem); + margin-bottom: var(--space-md, 1rem); + font-weight: 500; +}