release eea-customer-credit 0.2.0

2026-06-23 04:43:46 +00:00
parent 2351a5fc1c
commit 047e6f0aeb
5 changed files with 97 additions and 4 deletions
@@ -0,0 +1,88 @@
+<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_coins" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%"   stop-color="#fbbf24"/>
+      <stop offset="100%" stop-color="#92400e"/>
+    </linearGradient>
+
+    <!-- Specular highlight: white radial over top third -->
+    <radialGradient id="spec_coins" 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_coins">
+      <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_coins" 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_coins" 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_coins" 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_coins" 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_coins)">
+    <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_coins)"/>
+  </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_coins)"/>
+
+  <!-- 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_coins)" clip-path="url(#ticket_clip_coins)"/>
+
+  <!-- Left notch circle -->
+  <circle cx="8" cy="128" r="18" fill="#7a3508"/>
+  <circle cx="8" cy="128" r="18" fill="url(#notch_l_coins)"/>
+
+  <!-- Right notch circle -->
+  <circle cx="248" cy="128" r="18" fill="#7a3508"/>
+  <circle cx="248" cy="128" r="18" fill="url(#notch_r_coins)"/>
+
+  <!-- White glyph with soft drop shadow, scaled 64%, centered -->
+  <g filter="url(#glyph_shadow_coins)">
+    <g transform="translate(128 128) scale(0.64) translate(-128 -128)">
+  <g>
+    <circle cx="148" cy="116" r="45" fill="white"/>
+    <circle cx="148" cy="116" r="30" fill="none" stroke="#0003" stroke-width="7"/>
+    <circle cx="108" cy="148" r="45" fill="white"/>
+    <circle cx="108" cy="148" r="30" fill="none" stroke="#0003" stroke-width="7"/>
+  </g></g>
+  </g>
+</svg>