| <!doctype html> |
| <html lang="en"> |
|
|
| <head> |
| <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <title>Server Error — AI Medical Intelligence Pipeline</title> |
| |
| <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" /> |
| <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-192.png') }}" /> |
| <link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='apple-touch-icon.png') }}" /> |
| <meta name="description" content="An internal server error occurred. Our team has been notified." /> |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" |
| rel="stylesheet" /> |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/error_pages.css') }}" /> |
| </head> |
|
|
| <body> |
| <div class="error-page error-page-500"> |
| <div class="error-orb"></div> |
| <div class="error-orb"></div> |
| <div class="error-orb"></div> |
|
|
| <span class="error-badge error-badge-500"> |
| <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.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> |
| Error 500 |
| </span> |
|
|
| <div class="error-code-wrap"> |
| <div class="error-code">500</div> |
| <div class="error-scanline"></div> |
| </div> |
|
|
| |
| <div class="error-illustration"> |
| <svg width="160" height="110" viewBox="0 0 160 110" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| |
| <rect x="30" y="20" width="100" height="70" rx="8" fill="#111c33" stroke="#243356" stroke-width="1.5" /> |
| |
| <rect x="42" y="32" width="76" height="10" rx="3" fill="#0c1427" stroke="#1e3060" stroke-width="1" /> |
| <rect x="42" y="48" width="76" height="10" rx="3" fill="#0c1427" stroke="#1e3060" stroke-width="1" /> |
| <rect x="42" y="64" width="76" height="10" rx="3" fill="#0c1427" stroke="#1e3060" stroke-width="1" /> |
| |
| <circle cx="50" cy="37" r="2.5" fill="#fb7185" opacity=".9" /> |
| <circle cx="50" cy="53" r="2.5" fill="#fbbf24" opacity=".7" /> |
| <circle cx="50" cy="69" r="2.5" fill="#243356" /> |
| |
| <path d="M92 14 L78 46 H88 L76 82 L104 44 H93 L104 14 Z" fill="url(#boltgrad)" opacity=".85" /> |
| <defs> |
| <linearGradient id="boltgrad" x1="0" y1="0" x2="0" y2="1"> |
| <stop offset="0%" stop-color="#fb7185" /> |
| <stop offset="100%" stop-color="#f97316" /> |
| </linearGradient> |
| </defs> |
| </svg> |
| </div> |
|
|
| <h1 class="error-title">Something Went Wrong</h1> |
| <p class="error-desc"> |
| An unexpected error occurred on the server. Our team has been notified. |
| Please try again in a moment, or return to the home page. |
| </p> |
|
|
| <div class="error-actions"> |
| <a href="{{ url_for('home') }}" class="btn-err-primary"> |
| <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" |
| stroke-linecap="round"> |
| <path d="M3 12L12 3l9 9" /> |
| <path d="M9 21V12h6v9" /> |
| </svg> |
| Back to Home |
| </a> |
| <button onclick="location.reload()" class="btn-err-secondary"> |
| <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" |
| stroke-linecap="round"> |
| <polyline points="23 4 23 10 17 10" /> |
| <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10" /> |
| </svg> |
| Retry |
| </button> |
| </div> |
|
|
| <p class="error-footer"> |
| <a href="{{ url_for('home') }}">AI Medical Intelligence Pipeline</a> — CT Scan Analysis |
| </p> |
| </div> |
| </body> |
|
|
| </html> |
