FOH release bot
88 lines
4.1 KiB
XML
88 lines
4.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256">
|
|
<defs>
|
|
<!-- Main vertical gradient for ticket face -->
|
|
<linearGradient id="grad_card" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#6366f1"/>
|
|
<stop offset="100%" stop-color="#3730a3"/>
|
|
</linearGradient>
|
|
|
|
<!-- Specular highlight: white radial over top third -->
|
|
<radialGradient id="spec_card" cx="50%" cy="15%" r="60%" fx="50%" fy="8%">
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.24"/>
|
|
<stop offset="70%" stop-color="#ffffff" stop-opacity="0.08"/>
|
|
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
|
</radialGradient>
|
|
|
|
<!-- Clip path for the rounded ticket shape (with notch arcs) -->
|
|
<clipPath id="ticket_clip_card">
|
|
<path d="M 8 56 Q 8 8 56 8 L 200 8 Q 248 8 248 56 L 248 110 A 18 18 0 0 0 248 146 L 248 200 Q 248 248 200 248 L 56 248 Q 8 248 8 200 L 8 146 A 18 18 0 0 0 8 110 Z"/>
|
|
</clipPath>
|
|
|
|
<!-- Notch inner-shadow gradients -->
|
|
<radialGradient id="notch_l_card" cx="100%" cy="50%" r="100%">
|
|
<stop offset="0%" stop-color="#000000" stop-opacity="0.30"/>
|
|
<stop offset="100%" stop-color="#000000" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="notch_r_card" cx="0%" cy="50%" r="100%">
|
|
<stop offset="0%" stop-color="#000000" stop-opacity="0.30"/>
|
|
<stop offset="100%" stop-color="#000000" stop-opacity="0"/>
|
|
</radialGradient>
|
|
|
|
<!-- Card outer drop shadow -->
|
|
<filter id="card_shadow_card" x="-25%" y="-25%" width="150%" height="150%" color-interpolation-filters="sRGB">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="10" result="blur"/>
|
|
<feOffset dx="0" dy="7" result="offset"/>
|
|
<feFlood flood-color="#000000" flood-opacity="0.3" result="flood"/>
|
|
<feComposite in="flood" in2="offset" operator="in" result="shadow"/>
|
|
<feMerge>
|
|
<feMergeNode in="shadow"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<!-- Glyph drop shadow -->
|
|
<filter id="glyph_shadow_card" x="-25%" y="-25%" width="150%" height="150%" color-interpolation-filters="sRGB">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="5" result="blur"/>
|
|
<feOffset dx="0" dy="3" result="offset"/>
|
|
<feFlood flood-color="#000000" flood-opacity="0.4" result="flood"/>
|
|
<feComposite in="flood" in2="offset" operator="in" result="shadow"/>
|
|
<feMerge>
|
|
<feMergeNode in="shadow"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Card base with outer drop shadow -->
|
|
<g filter="url(#card_shadow_card)">
|
|
<path d="M 8 56 Q 8 8 56 8 L 200 8 Q 248 8 248 56 L 248 110 A 18 18 0 0 0 248 146 L 248 200 Q 248 248 200 248 L 56 248 Q 8 248 8 200 L 8 146 A 18 18 0 0 0 8 110 Z" fill="url(#grad_card)"/>
|
|
</g>
|
|
|
|
<!-- Subtle perforation line (vertical center) -->
|
|
<line x1="128" y1="22" x2="128" y2="234"
|
|
stroke="#ffffff" stroke-width="1.5" stroke-opacity="0.14"
|
|
stroke-dasharray="5 9" stroke-linecap="round"
|
|
clip-path="url(#ticket_clip_card)"/>
|
|
|
|
<!-- Specular highlight over top ~35% of the card -->
|
|
<path d="M 8 56 Q 8 8 56 8 L 200 8 Q 248 8 248 56 L 248 110 A 18 18 0 0 0 248 146 L 248 200 Q 248 248 200 248 L 56 248 Q 8 248 8 200 L 8 146 A 18 18 0 0 0 8 110 Z" fill="url(#spec_card)" clip-path="url(#ticket_clip_card)"/>
|
|
|
|
<!-- Left notch circle -->
|
|
<circle cx="8" cy="128" r="18" fill="#2e278c"/>
|
|
<circle cx="8" cy="128" r="18" fill="url(#notch_l_card)"/>
|
|
|
|
<!-- Right notch circle -->
|
|
<circle cx="248" cy="128" r="18" fill="#2e278c"/>
|
|
<circle cx="248" cy="128" r="18" fill="url(#notch_r_card)"/>
|
|
|
|
<!-- White glyph with soft drop shadow, scaled 64%, centered -->
|
|
<g filter="url(#glyph_shadow_card)">
|
|
<g transform="translate(128 128) scale(0.64) translate(-128 -128)">
|
|
<g>
|
|
<rect x="44" y="76" width="168" height="106" rx="15" fill="white"/>
|
|
<rect x="44" y="98" width="168" height="24" fill="#0003"/>
|
|
<rect x="60" y="150" width="46" height="13" rx="6.5" fill="#0003"/>
|
|
<rect x="116" y="150" width="30" height="13" rx="6.5" fill="#0003"/>
|
|
</g></g>
|
|
</g>
|
|
</svg> |