<!-- Kubernetes Helms (Ship Steering Wheel) - Top --> <g stroke="url(#goldGradient)" stroke-width="3" fill="none"> <!-- Main helm lines --> <line x1="100" y1="30" x2="100" y2="65"/> <line x1="100" y1="135" x2="100" y2="170"/> <line x1="30" y1="100" x2="65" y2="100"/> <line x1="135" y1="100" x2="170" y2="100"/> <line x1="50" y1="50" x2="75" y2="75"/> <line x1="125" y1="125" x2="150" y2="150"/> <line x1="50" y1="150" x2="75" y2="125"/> <line x1="150" y1="50" x2="125" y2="75"/> </g>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kubestronaut Golden Badge</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } kubestronaut golden
/* Tooltip */ .tooltip { position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.9); color: gold; padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: bold; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; border: 1px solid gold; font-family: monospace; } !-- Main helm lines -->
.star { color: gold; font-size: 20px; } </style> </head> <body> <div style="text-align: center;"> <div class="badge-container"> <svg class="kubestronaut-badge" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <defs> <!-- Gradients --> <linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" /> <stop offset="50%" style="stop-color:#FFA500;stop-opacity:1" /> <stop offset="100%" style="stop-color:#FFD700;stop-opacity:1" /> </linearGradient> <linearGradient id="darkGold" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#B8860B;stop-opacity:1" /> <stop offset="100%" style="stop-color:#DAA520;stop-opacity:1" /> </linearGradient> line x1="100" y1="30" x2="100" y2="65"/>