Spaces:
Paused
Paused
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <style> | |
| body { margin: 0; padding: 0; background-color: #f8fafc; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } | |
| .container { max-width: 560px; margin: 0 auto; background: #ffffff; } | |
| .header { background: linear-gradient(135deg, #6366f1, #10b981); padding: 32px 40px; text-align: center; } | |
| .header h1 { color: #ffffff; font-size: 24px; margin: 0; font-weight: 700; letter-spacing: -0.02em; } | |
| .content { padding: 32px 40px; } | |
| .content h2 { color: #1e293b; font-size: 20px; margin: 0 0 16px; } | |
| .content p { color: #475569; font-size: 15px; line-height: 1.6; margin: 0 0 16px; } | |
| .btn { display: inline-block; background: #6366f1; color: #ffffff ; text-decoration: none; padding: 12px 28px; border-radius: 10px; font-weight: 600; font-size: 14px; margin: 8px 0; } | |
| .btn:hover { background: #4f46e5; } | |
| .info-box { background: #f1f5f9; border-radius: 10px; padding: 16px 20px; margin: 20px 0; } | |
| .info-box p { margin: 4px 0; font-size: 14px; color: #475569; } | |
| .info-box strong { color: #1e293b; } | |
| .footer { padding: 24px 40px; border-top: 1px solid #e2e8f0; text-align: center; } | |
| .footer p { color: #94a3b8; font-size: 12px; margin: 4px 0; } | |
| .footer a { color: #6366f1; text-decoration: none; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <h1>CrowData</h1> | |
| </div> | |
| <div class="content"> | |
| {% block content %}{% endblock %} | |
| </div> | |
| <div class="footer"> | |
| <p>CrowData — Datos públicos argentinos en tiempo real</p> | |
| <p><a href="mailto:{{ support_email }}">{{ support_email }}</a> · Soporte técnico</p> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |