|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <title>Roadmap Planner | RMKR Dev</title> |
| 7 | + <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFC300' d='M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0z'/%3E%3C/svg%3E"> |
| 8 | + <script src="https://cdn.tailwindcss.com"></script> |
| 9 | + <style> |
| 10 | + :root { --color-bg: #0C1524; --color-card: #18233C; --color-accent: #FFC300; --color-line: #2D3748; } |
| 11 | + body { font-family: 'Inter', sans-serif; background: var(--color-bg); color: #F0F4F8; } |
| 12 | + .roadmap-container { display: flex; overflow-x: auto; padding-bottom: 20px; gap: 4px; } |
| 13 | + .quarter { min-width: 250px; background: var(--color-card); border: 1px solid var(--color-line); border-radius: 12px; padding: 1rem; } |
| 14 | + .item { background: #080E1A; border-left: 3px solid var(--color-accent); padding: 10px; border-radius: 4px; margin-top: 10px; font-size: 0.75rem; } |
| 15 | + </style> |
| 16 | +</head> |
| 17 | +<body class="p-8"> |
| 18 | + <div class="max-w-6xl mx-auto"> |
| 19 | + <header class="flex justify-between items-center mb-8 border-b border-[--color-line] pb-4"> |
| 20 | + <h1 class="text-2xl font-black italic uppercase">Architecture<span class="text-[--color-accent] not-italic ml-2">Roadmap</span></h1> |
| 21 | + <a href="../" class="text-xs font-bold text-[--color-accent] hover:underline">Back to Hub</a> |
| 22 | + </header> |
| 23 | + |
| 24 | + <div class="roadmap-container"> |
| 25 | + <div class="quarter"> |
| 26 | + <h3 class="font-black text-[--color-accent] text-xs uppercase border-b border-[--color-line] pb-2">Q1 2026</h3> |
| 27 | + <div class="item">Foundation & API Gateway Migration</div> |
| 28 | + <div class="item">Auth Service Consolidation</div> |
| 29 | + </div> |
| 30 | + <div class="quarter"> |
| 31 | + <h3 class="font-black text-[--color-accent] text-xs uppercase border-b border-[--color-line] pb-2">Q2 2026</h3> |
| 32 | + <div class="item">Data Lakehouse Integration</div> |
| 33 | + <div class="item">Observability Mesh Rollout</div> |
| 34 | + </div> |
| 35 | + <div class="quarter"> |
| 36 | + <h3 class="font-black text-[--color-accent] text-xs uppercase border-b border-[--color-line] pb-2">Q3 2026</h3> |
| 37 | + <div class="item">Multi-Region Failover Tests</div> |
| 38 | + </div> |
| 39 | + <div class="quarter"> |
| 40 | + <h3 class="font-black text-[--color-accent] text-xs uppercase border-b border-[--color-line] pb-2">Q4 2026</h3> |
| 41 | + <div class="item">Global Edge Deployment</div> |
| 42 | + </div> |
| 43 | + </div> |
| 44 | + <p class="mt-8 text-[10px] text-[--color-muted] font-bold uppercase italic">Note: Static template. Visualizing strategic architectural direction.</p> |
| 45 | + </div> |
| 46 | +</body> |
| 47 | +</html> |
0 commit comments