`views/partials/vertical-glyph.ejs`

65 lines
<%
  // Vertical glyph SVG renderer. Replaces the emoji-on-gradient look with a
  // line-art SVG that picks up text color from the parent .vertical-hero-* gradient
  // (we set color: rgba(255,255,255,0.92) on those classes — see public.css).
  // Falls back to a centered dot for unknown verticals.
  // Locals: verticalKey (string)
  var _vk = String(typeof verticalKey === 'undefined' ? '' : verticalKey || '');
%>
<% if (_vk === 'food') { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <path d="M22 12 v22 a4 4 0 0 1 -8 0 V12 M18 12 v22 M42 12 c0 6 -4 10 -4 14 v26 M50 12 c0 6 4 10 4 14 v26"/>
</svg>
<% } else if (_vk === 'beauty') { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <path d="M32 8 L36 28 L56 32 L36 36 L32 56 L28 36 L8 32 L28 28 Z"/>
  <circle cx="50" cy="14" r="2.5"/>
  <circle cx="14" cy="50" r="2.5"/>
</svg>
<% } else if (_vk === 'retail') { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <path d="M14 22 h36 l-3 32 H17 Z"/>
  <path d="M22 22 v-4 a10 10 0 0 1 20 0 v4"/>
</svg>
<% } else if (_vk === 'fitness') { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <rect x="6" y="26" width="6" height="12" rx="1.5"/>
  <rect x="14" y="22" width="4" height="20" rx="1.5"/>
  <line x1="18" y1="32" x2="46" y2="32"/>
  <rect x="46" y="22" width="4" height="20" rx="1.5"/>
  <rect x="52" y="26" width="6" height="12" rx="1.5"/>
</svg>
<% } else if (_vk === 'pet_services') { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <ellipse cx="32" cy="42" rx="11" ry="9"/>
  <ellipse cx="16" cy="24" rx="5" ry="6"/>
  <ellipse cx="48" cy="24" rx="5" ry="6"/>
  <ellipse cx="22" cy="14" rx="4" ry="5"/>
  <ellipse cx="42" cy="14" rx="4" ry="5"/>
</svg>
<% } else if (_vk === 'auto_detail') { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <path d="M8 38 l4 -10 a6 6 0 0 1 5 -4 h30 a6 6 0 0 1 5 4 l4 10 v10 h-6 a4 4 0 0 1 -8 0 H22 a4 4 0 0 1 -8 0 H8 Z"/>
  <line x1="14" y1="38" x2="50" y2="38"/>
</svg>
<% } else if (_vk === 'cleaning') { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <line x1="42" y1="12" x2="22" y2="32"/>
  <path d="M18 28 l18 18 l-2 8 l-22 -4 z"/>
  <line x1="20" y1="32" x2="34" y2="46"/>
  <line x1="16" y1="38" x2="30" y2="50"/>
</svg>
<% } else if (_vk === 'creative') { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <path d="M32 8 a22 22 0 1 0 0 44 c4 0 6 -3 4 -6 c-2 -3 0 -6 4 -6 h6 a8 8 0 0 0 8 -8 a22 22 0 0 0 -22 -24 z"/>
  <circle cx="20" cy="22" r="2.5"/>
  <circle cx="32" cy="16" r="2.5"/>
  <circle cx="44" cy="22" r="2.5"/>
  <circle cx="48" cy="34" r="2.5"/>
</svg>
<% } else { %>
<svg class="biz-card-glyph-svg" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
  <circle cx="32" cy="32" r="6"/>
</svg>
<% } %>