`public/watches/constellation.svg`

58 lines
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
  <defs>
    <linearGradient id="case-grad-con" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#d4af37"/>
      <stop offset="50%" style="stop-color:#f4e5b0"/>
      <stop offset="100%" style="stop-color:#b8960c"/>
    </linearGradient>
    <linearGradient id="dial-grad-con" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#f5f5f5"/>
      <stop offset="100%" style="stop-color:#e0e0e0"/>
    </linearGradient>
    <filter id="shadow-con" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="2" dy="4" stdDeviation="8" flood-opacity="0.3"/>
    </filter>
  </defs>
  <!-- Watch Case - Gold -->
  <circle cx="200" cy="200" r="175" fill="url(#case-grad-con)" filter="url(#shadow-con)"/>
  <!-- Claws/Griffes at 3 and 9 -->
  <path d="M365,180 Q380,200 365,220 L350,210 L350,190 Z" fill="url(#case-grad-con)"/>
  <path d="M35,180 Q20,200 35,220 L50,210 L50,190 Z" fill="url(#case-grad-con)"/>
  <!-- Inner bezel -->
  <circle cx="200" cy="200" r="160" fill="#333"/>
  <circle cx="200" cy="200" r="155" fill="url(#dial-grad-con)"/>
  <!-- Roman numerals -->
  <g fill="#333" font-family="Times New Roman, serif" font-size="18" font-weight="bold">
    <text x="200" y="75" text-anchor="middle">XII</text>
    <text x="200" y="340" text-anchor="middle">VI</text>
    <text x="70" y="205" text-anchor="middle">IX</text>
    <text x="330" y="205" text-anchor="middle">III</text>
  </g>
  <!-- Hour markers -->
  <g fill="#d4af37">
    <circle cx="240" cy="80" r="4"/>
    <circle cx="280" cy="100" r="4"/>
    <circle cx="310" cy="135" r="4"/>
    <circle cx="325" cy="170" r="4"/>
  </g>
  <!-- Star logo -->
  <g transform="translate(200,120)" fill="#d4af37">
    <polygon points="0,-12 3,-4 12,-4 5,2 7,10 0,5 -7,10 -5,2 -12,-4 -3,-4"/>
  </g>
  <!-- Date window -->
  <rect x="258" y="193" width="28" height="16" rx="2" fill="#fff" stroke="#d4af37" stroke-width="1"/>
  <text x="272" y="205" text-anchor="middle" fill="#333" font-family="Arial" font-size="11" font-weight="bold">15</text>
  <!-- Hands - gold/dauphine style -->
  <polygon points="200,80 195,190 200,200 205,190" fill="#d4af37"/>
  <polygon points="200,120 197,190 200,198 203,190" fill="#d4af37"/>
  <line x1="200" y1="200" x2="200" y2="95" stroke="#333" stroke-width="1"/>
  <!-- Center -->
  <circle cx="200" cy="200" r="8" fill="#d4af37"/>
  <circle cx="200" cy="200" r="4" fill="#333"/>
  <!-- OMEGA text -->
  <text x="200" y="155" text-anchor="middle" fill="#333" font-family="Arial, sans-serif" font-size="10" font-weight="bold">Ω OMEGA</text>
  <text x="200" y="255" text-anchor="middle" fill="#666" font-family="Arial, sans-serif" font-size="8">CONSTELLATION</text>
  <text x="200" y="268" text-anchor="middle" fill="#888" font-family="Arial, sans-serif" font-size="7">Co-Axial</text>
  <!-- Crown -->
  <rect x="370" y="192" width="18" height="16" rx="4" fill="url(#case-grad-con)"/>
</svg>