Kubestronaut Golden 'link' -
.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>
<!-- Astronaut helmet (center) --> <circle cx="100" cy="100" r="32" fill="#2a2a3e" stroke="url(#goldGradient)" stroke-width="2.5"/> <circle cx="100" cy="100" r="28" fill="#1e1e2e" stroke="#DAA520" stroke-width="1"/> <!-- Visor --> <ellipse cx="100" cy="95" rx="18" ry="14" fill="#0a0a1e" stroke="url(#goldGradient)" stroke-width="1.5"/> <ellipse cx="100" cy="95" rx="15" ry="11" fill="url(#centerGlow)"/> <!-- Visor reflection --> <ellipse cx="94" cy="91" rx="4" ry="3" fill="rgba(255,255,255,0.3)"/> kubestronaut golden
This design represents the highest tier of Kubernetes mastery - the Golden Kubestronaut status! .star { color: gold
<!-- Background circle --> <circle cx="100" cy="100" r="80" fill="#1a1a2e" stroke="url(#goldGradient)" stroke-width="3"/> <!-- Center glow --> <circle cx="100" cy="100" r="78" fill="url(#centerGlow)"/> div style="text-align: center
<!-- 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>
<radialGradient id="centerGlow" cx="50%" cy="50%" r="50%"> <stop offset="0%" style="stop-color:#FFD700;stop-opacity:0.3" /> <stop offset="100%" style="stop-color:#FFA500;stop-opacity:0" /> </radialGradient>
/* Achievement text */ .achievement-text { text-align: center; margin-top: 80px; color: white; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; }