31 lines
1.4 KiB
HTML
31 lines
1.4 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Server Error - QBO Excel Sync{% endblock %}
|
|
{% block content %}
|
|
<div class="error-page">
|
|
<div class="error-content">
|
|
<div class="error-icon">
|
|
<svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
|
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
|
|
<line x1="12" y1="9" x2="12" y2="13"/>
|
|
<line x1="12" y1="17" x2="12.01" y2="17"/>
|
|
</svg>
|
|
</div>
|
|
<h1>500</h1>
|
|
<h2>Server Error</h2>
|
|
<p>Something went wrong on our end. Please try again later.</p>
|
|
<div class="button-group" style="justify-content: center;">
|
|
<a href="{{ url_for('index') }}" class="btn btn-primary">Back to Dashboard</a>
|
|
<button onclick="location.reload()" class="btn btn-secondary">Try Again</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.error-page { display: flex; align-items: center; justify-content: center; min-height: 60vh; }
|
|
.error-content { text-align: center; }
|
|
.error-icon { color: #dc2626; margin-bottom: 24px; }
|
|
.error-page h1 { font-size: 72px; font-weight: 800; color: #fee2e2; margin: 0; }
|
|
.error-page h2 { font-size: 24px; margin: 8px 0 16px; }
|
|
.error-page p { color: #64748b; margin-bottom: 24px; }
|
|
</style>
|
|
{% endblock %}
|