Project-Image-Uploader/frontend/public/index.html
matthias.lotz 25dda32c4e feat: Error handling system and animated error pages
- Add ErrorBoundary component for React error handling
- Create animated error pages (403, 404, 500, 502, 503)
- Implement ErrorAnimation component with seven-segment display
- Add apiClient (axios) and apiFetch (fetch) wrappers with automatic error page redirects
- Migrate critical API calls to use new error handling
- Update font from Roboto to Open Sans across all components
- Remove unused CLIENT_URL from docker-compose files
- Rename 404Page.css to ErrorPage.css for consistency
- Add comprehensive ERROR_HANDLING.md documentation
2025-11-26 22:42:55 +01:00

36 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Favicons: multiple sizes for different platforms -->
<link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/logo-16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/logo-32.png" />
<link rel="icon" type="image/png" sizes="180x180" href="%PUBLIC_URL%/logo-180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="%PUBLIC_URL%/logo-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="%PUBLIC_URL%/logo-512.png" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#323377" />
<meta
name="description"
content="Share your images smoothly over the internet."
/>
<link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/logo-180.png" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/fc1a4a5a71.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="@sweetalert2/theme-material-ui/material-ui.css">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap" rel="stylesheet">
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>Image Uploader</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<script src="sweetalert2/dist/sweetalert2.min.js"></script>
<script src="%PUBLIC_URL%/env-config.js"></script>
<div id="root"></div>
</body>
</html>