[work] — Kubestronaut Golden
<!-- Stars decoration --> <g fill="#FFD700"> <polygon points="70,70 72,66 74,70 78,70 75,73 76,77 72,75 68,77 69,73 66,70" /> <polygon points="130,70 132,66 134,70 138,70 135,73 136,77 132,75 128,77 129,73 126,70" /> <polygon points="70,130 72,126 74,130 78,130 75,133 76,137 72,135 68,137 69,133 66,130" /> <polygon points="130,130 132,126 134,130 138,130 135,133 136,137 132,135 128,137 129,133 126,130" /> </g>
.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> kubestronaut golden
<!-- Golden laurel leaves (left side) --> <g fill="none" stroke="#DAA520" stroke-width="1.5"> <path d="M 60 85 Q 55 80 58 75"/> <path d="M 58 88 Q 52 83 55 78"/> <path d="M 56 91 Q 50 86 52 81"/> </g> !-- Stars decoration -->
.badge-container:hover { transform: scale(1.05); filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5)); } .star { color: gold
<!-- 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>
<!-- Helmet detail lines --> <path d="M 85 112 Q 100 118 115 112" fill="none" stroke="url(#goldGradient)" stroke-width="1.5"/>
<!-- Outer ring --> <circle cx="100" cy="100" r="92" fill="none" stroke="url(#goldGradient)" stroke-width="6" filter="url(#glow)"/> <circle cx="100" cy="100" r="84" fill="none" stroke="url(#darkGold)" stroke-width="2"/> <!-- Decorative dots on outer ring --> <g fill="#FFD700"> <circle cx="100" cy="12" r="2.5"/> <circle cx="100" cy="188" r="2.5"/> <circle cx="12" cy="100" r="2.5"/> <circle cx="188" cy="100" r="2.5"/> <circle cx="38" cy="38" r="2"/> <circle cx="162" cy="38" r="2"/> <circle cx="38" cy="162" r="2"/> <circle cx="162" cy="162" r="2"/> </g>