| bf6031c | | | 1 | <!DOCTYPE html> |
| bf6031c | | | 2 | <html lang="en"> |
| bf6031c | | | 3 | <head> |
| bf6031c | | | 4 | <meta charset="UTF-8"> |
| bf6031c | | | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| bf6031c | | | 6 | <title>Not Found – Collab</title> |
| bf6031c | | | 7 | <link rel="icon" type="image/svg+xml" href="/favicon.svg"> |
| bf6031c | | | 8 | <style> |
| bf6031c | | | 9 | :root { |
| bf6031c | | | 10 | --bg-page: #faf8f5; |
| bf6031c | | | 11 | --text-primary: #2c2824; |
| bf6031c | | | 12 | --text-muted: #7a746c; |
| bf6031c | | | 13 | --accent: #4d8a78; |
| bf6031c | | | 14 | --accent-text: #ffffff; |
| bf6031c | | | 15 | --border: #e8e4de; |
| bf6031c | | | 16 | } |
| bf6031c | | | 17 | * { margin: 0; padding: 0; box-sizing: border-box; } |
| bf6031c | | | 18 | body { |
| bf6031c | | | 19 | font-family: 'Libre Caslon Text', Georgia, serif; |
| bf6031c | | | 20 | background: var(--bg-page); |
| bf6031c | | | 21 | color: var(--text-primary); |
| bf6031c | | | 22 | } |
| bf6031c | | | 23 | nav { |
| bf6031c | | | 24 | border-bottom: 1px solid var(--border); |
| bf6031c | | | 25 | height: 3.5rem; |
| bf6031c | | | 26 | display: flex; |
| bf6031c | | | 27 | align-items: center; |
| bf6031c | | | 28 | padding: 0 1.5rem; |
| bf6031c | | | 29 | } |
| bf6031c | | | 30 | nav a { |
| bf6031c | | | 31 | display: flex; |
| bf6031c | | | 32 | align-items: center; |
| bf6031c | | | 33 | gap: 0.5rem; |
| bf6031c | | | 34 | text-decoration: none; |
| bf6031c | | | 35 | } |
| bf6031c | | | 36 | .content { |
| bf6031c | | | 37 | max-width: 48rem; |
| bf6031c | | | 38 | margin: 0 auto; |
| bf6031c | | | 39 | padding: 4rem 1rem; |
| bf6031c | | | 40 | text-align: center; |
| bf6031c | | | 41 | } |
| bf6031c | | | 42 | .logo-wrap { opacity: 0.5; margin-bottom: 1.5rem; } |
| bf6031c | | | 43 | h1 { font-size: 1.125rem; margin-bottom: 0.5rem; } |
| bf6031c | | | 44 | p { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 1.5rem; } |
| bf6031c | | | 45 | a.btn { |
| bf6031c | | | 46 | display: inline-block; |
| bf6031c | | | 47 | font-size: 0.875rem; |
| bf6031c | | | 48 | padding: 0.5rem 1rem; |
| bf6031c | | | 49 | background: var(--accent); |
| bf6031c | | | 50 | color: var(--accent-text); |
| bf6031c | | | 51 | text-decoration: none; |
| bf6031c | | | 52 | } |
| bf6031c | | | 53 | </style> |
| bf6031c | | | 54 | </head> |
| bf6031c | | | 55 | <body> |
| bf6031c | | | 56 | <nav> |
| bf6031c | | | 57 | <a href="/"> |
| bf6031c | | | 58 | <svg width="28" height="28" viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="32" fill="var(--accent)"/><path d="M9 16 C9 11, 14 8, 21 8 L35 8 C42 8, 47 11, 47 16 L47 24 C47 29, 42 32, 35 32 L19 32 L13 37 L13 32 C10 31, 9 29, 9 24 Z" fill="white"/><path d="M55 35 C55 30, 50 27, 43 27 L29 27 C22 27, 17 30, 17 35 L17 43 C17 48, 22 51, 29 51 L45 51 L51 56 L51 51 C54 50, 55 48, 55 43 Z" fill="white" opacity="0.65"/></svg> |
| bf6031c | | | 59 | </a> |
| bf6031c | | | 60 | </nav> |
| bf6031c | | | 61 | <div class="content"> |
| bf6031c | | | 62 | <div class="logo-wrap"> |
| bf6031c | | | 63 | <svg width="48" height="48" viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="32" fill="var(--accent)"/><path d="M9 16 C9 11, 14 8, 21 8 L35 8 C42 8, 47 11, 47 16 L47 24 C47 29, 42 32, 35 32 L19 32 L13 37 L13 32 C10 31, 9 29, 9 24 Z" fill="white"/><path d="M55 35 C55 30, 50 27, 43 27 L29 27 C22 27, 17 30, 17 35 L17 43 C17 48, 22 51, 29 51 L45 51 L51 56 L51 51 C54 50, 55 48, 55 43 Z" fill="white" opacity="0.65"/></svg> |
| bf6031c | | | 64 | </div> |
| bf6031c | | | 65 | <h1>Page not found</h1> |
| bf6031c | | | 66 | <p>The page you're looking for doesn't exist or has been moved.</p> |
| bf6031c | | | 67 | <a href="/" class="btn">Go home</a> |
| bf6031c | | | 68 | </div> |
| bf6031c | | | 69 | </body> |
| bf6031c | | | 70 | </html> |