Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Delete Your Account</title> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; | |
| line-height: 1.6; | |
| color: #333; | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| min-height: 100vh; | |
| padding: 20px; | |
| } | |
| .container { | |
| max-width: 800px; | |
| margin: 0 auto; | |
| background: white; | |
| border-radius: 12px; | |
| box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); | |
| overflow: hidden; | |
| } | |
| .header { | |
| background: linear-gradient(135deg, #ff6b6b, #ee5a52); | |
| color: white; | |
| padding: 40px 30px; | |
| text-align: center; | |
| } | |
| .header h1 { | |
| font-size: 2.5rem; | |
| font-weight: 300; | |
| margin-bottom: 10px; | |
| } | |
| .header p { | |
| font-size: 1.1rem; | |
| opacity: 0.9; | |
| } | |
| .content { | |
| padding: 40px 30px; | |
| } | |
| .section { | |
| margin-bottom: 30px; | |
| } | |
| .section h2 { | |
| color: #2c3e50; | |
| font-size: 1.5rem; | |
| margin-bottom: 15px; | |
| border-bottom: 2px solid #f8f9fa; | |
| padding-bottom: 8px; | |
| } | |
| .data-list { | |
| background: #f8f9fa; | |
| border-radius: 8px; | |
| padding: 20px; | |
| margin: 15px 0; | |
| } | |
| .data-item { | |
| display: flex; | |
| align-items: center; | |
| padding: 8px 0; | |
| border-bottom: 1px solid #e9ecef; | |
| } | |
| .data-item:last-child { | |
| border-bottom: none; | |
| } | |
| .data-icon { | |
| width: 20px; | |
| height: 20px; | |
| margin-right: 12px; | |
| opacity: 0.7; | |
| } | |
| .warning-box { | |
| background: linear-gradient(135deg, #ffeaa7, #fdcb6e); | |
| border-radius: 8px; | |
| padding: 20px; | |
| margin: 20px 0; | |
| border-left: 4px solid #f39c12; | |
| } | |
| .warning-box h3 { | |
| color: #d63031; | |
| margin-bottom: 10px; | |
| display: flex; | |
| align-items: center; | |
| } | |
| .warning-icon { | |
| margin-right: 8px; | |
| font-size: 1.2rem; | |
| } | |
| .cta-section { | |
| background: linear-gradient(135deg, #a29bfe, #6c5ce7); | |
| border-radius: 12px; | |
| padding: 30px; | |
| text-align: center; | |
| margin-top: 30px; | |
| } | |
| .cta-section h2 { | |
| color: white; | |
| border: none; | |
| margin-bottom: 15px; | |
| } | |
| .cta-section p { | |
| color: rgba(255, 255, 255, 0.9); | |
| margin-bottom: 25px; | |
| } | |
| .delete-button { | |
| background: linear-gradient(135deg, #ff7675, #d63031); | |
| color: white; | |
| padding: 15px 30px; | |
| font-size: 1.1rem; | |
| font-weight: 600; | |
| border: none; | |
| border-radius: 50px; | |
| cursor: pointer; | |
| text-decoration: none; | |
| display: inline-block; | |
| transition: all 0.3s ease; | |
| box-shadow: 0 4px 15px rgba(214, 48, 49, 0.3); | |
| } | |
| .delete-button:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 6px 20px rgba(214, 48, 49, 0.4); | |
| } | |
| .footer { | |
| background: #2d3436; | |
| color: white; | |
| padding: 20px 30px; | |
| text-align: center; | |
| font-size: 0.9rem; | |
| opacity: 0.8; | |
| } | |
| @media (max-width: 768px) { | |
| body { | |
| padding: 10px; | |
| } | |
| .header { | |
| padding: 30px 20px; | |
| } | |
| .header h1 { | |
| font-size: 2rem; | |
| } | |
| .content, .cta-section { | |
| padding: 25px 20px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <h1>Delete Your Account</h1> | |
| <p>We're sorry to see you go. Here's what you need to know.</p> | |
| </div> | |
| <div class="content"> | |
| <div class="section"> | |
| <h2>Data We Collect</h2> | |
| <p>Before proceeding with account deletion, please review the personal information we currently store:</p> | |
| <div class="data-list"> | |
| <div class="data-item"> | |
| <svg class="data-icon" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/> | |
| </svg> | |
| <span><strong>Username:</strong> Your unique account identifier</span> | |
| </div> | |
| <div class="data-item"> | |
| <svg class="data-icon" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/> | |
| </svg> | |
| <span><strong>Password:</strong> Encrypted authentication credentials</span> | |
| </div> | |
| <div class="data-item"> | |
| <svg class="data-icon" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/> | |
| </svg> | |
| <span><strong>Interests:</strong> Your preferences and selected topics</span> | |
| </div> | |
| <div class="data-item"> | |
| <svg class="data-icon" viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"/> | |
| </svg> | |
| <span><strong>Profile Picture:</strong> Your uploaded avatar image</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="section"> | |
| <h2>What Happens When You Delete Your Account?</h2> | |
| <div class="warning-box"> | |
| <h3> | |
| <span class="warning-icon">⚠️</span> | |
| This action cannot be undone | |
| </h3> | |
| <p>Once your account is deleted, all your personal data will be permanently removed from our servers within 30 days. This includes:</p> | |
| <ul style="margin-left: 20px; margin-top: 10px;"> | |
| <li>All account information and preferences</li> | |
| <li>Your profile and uploaded content</li> | |
| <li>Any associated data or activity history</li> | |
| </ul> | |
| </div> | |
| <p>We are committed to protecting your privacy and will ensure complete removal of your personal information in accordance with applicable data protection laws.</p> | |
| </div> | |
| <div class="cta-section"> | |
| <h2>Ready to Delete Your Account?</h2> | |
| <p>Click the button below to send us a deletion request. We'll process your request and confirm when your account has been permanently deleted.</p> | |
| <a href="mailto:dubem.space@gmail.com?subject=Account%20Deletion%20Request&body=Hello,%0D%0A%0D%0AI%20would%20like%20to%20request%20the%20deletion%20of%20my%20account.%0D%0A%0D%0AAccount%20Details:%0D%0AUsername:%20[Please%20enter%20your%20username]%0D%0AEmail:%20[Please%20enter%20the%20email%20associated%20with%20your%20account]%0D%0A%0D%0AI%20understand%20that%20this%20action%20cannot%20be%20undone%20and%20all%20my%20data%20will%20be%20permanently%20deleted.%0D%0A%0D%0AThank%20you." class="delete-button"> | |
| Request Account Deletion | |
| </a> | |
| </div> | |
| </div> | |
| <div class="footer"> | |
| <p>For questions about data deletion or privacy concerns, please contact us at dubem.space@gmail.com</p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |