| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>80,000 Hours AI Assistant</title> |
| <meta name="description" content="The 80,000 Hours AI Assistant has moved to a new home." /> |
| |
| |
| |
| <meta http-equiv="refresh" content="0; url=https://80000-hrs-ai-assistant.vercel.app/" /> |
| <script> |
| window.location.replace("https://80000-hrs-ai-assistant.vercel.app/"); |
| </script> |
| <style> |
| :root { |
| --bg: #f7f6f3; |
| --fg: #1a1a1a; |
| --muted: #6b6b6b; |
| --accent: #1a1a1a; |
| --accent-fg: #ffffff; |
| } |
| * { box-sizing: border-box; margin: 0; padding: 0; } |
| html, body { height: 100%; } |
| body { |
| background: var(--bg); |
| color: var(--fg); |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| padding: 24px; |
| line-height: 1.5; |
| -webkit-font-smoothing: antialiased; |
| } |
| main { |
| max-width: 560px; |
| width: 100%; |
| text-align: center; |
| } |
| .badge { |
| font-size: 13px; |
| letter-spacing: 0.08em; |
| text-transform: uppercase; |
| color: var(--muted); |
| margin-bottom: 20px; |
| } |
| h1 { |
| font-size: clamp(28px, 6vw, 44px); |
| font-weight: 700; |
| letter-spacing: -0.02em; |
| margin-bottom: 16px; |
| } |
| p { |
| font-size: clamp(15px, 2.5vw, 18px); |
| color: var(--muted); |
| margin-bottom: 36px; |
| } |
| .btn { |
| display: inline-flex; |
| align-items: center; |
| gap: 10px; |
| background: var(--accent); |
| color: var(--accent-fg); |
| text-decoration: none; |
| font-size: clamp(16px, 2.5vw, 19px); |
| font-weight: 600; |
| padding: 18px 32px; |
| border-radius: 9999px; |
| transition: transform 0.15s ease, opacity 0.15s ease; |
| box-shadow: 0 6px 20px rgba(0,0,0,0.12); |
| } |
| .btn:hover { transform: translateY(-2px); opacity: 0.92; } |
| .btn:active { transform: translateY(0); } |
| .btn svg { width: 20px; height: 20px; } |
| footer { |
| margin-top: 40px; |
| font-size: 13px; |
| color: var(--muted); |
| } |
| footer a { color: var(--muted); } |
| </style> |
| </head> |
| <body> |
| <main> |
| <div class="badge">80,000 Hours</div> |
| <h1>The AI Assistant has a new home</h1> |
| <p>We've moved to a faster, redesigned version. Click below to start asking about career planning.</p> |
| <a class="btn" href="https://80000-hrs-ai-assistant.vercel.app/" rel="noopener"> |
| Open the new assistant |
| <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"> |
| <path d="M5 12h14" /> |
| <path d="m12 5 7 7-7 7" /> |
| </svg> |
| </a> |
| <footer> |
| Powered by <a href="https://80000hours.org/" rel="noopener" target="_blank">80,000 Hours</a> content. |
| </footer> |
| </main> |
| </body> |
| </html> |
|
|
