docs(demo): tighten 1-min script to a scannable half-page

2026-06-28 11:28:13 -07:00
parent 70b41104ad
commit 28f3236d76
5 changed files with 319 additions and 127 deletions
@@ -0,0 +1,64 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
+  <title id="title">PodMan Logo Mark</title>
+  <desc id="desc">A minimal rounded robot head with glowing eyes and a blue-violet antenna orb, optimized for white backgrounds.</desc>
+  <defs>
+    <filter id="softShadow" x="44" y="90" width="424" height="360" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feDropShadow dx="0" dy="14" stdDeviation="20" flood-color="#94A3B8" flood-opacity="0.22"/>
+      <feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#C7D2FE" flood-opacity="0.20"/>
+    </filter>
+    <filter id="eyeGlow" x="138" y="234" width="236" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feColorMatrix in="blur" type="matrix" values="0 0 0 0 0.27  0 0 0 0 0.42  0 0 0 0 1  0 0 0 0.78 0" result="glow"/>
+      <feMerge>
+        <feMergeNode in="glow"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <linearGradient id="shell" x1="122" y1="144" x2="390" y2="420" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#FFFFFF"/>
+      <stop offset="0.56" stop-color="#F7FAFF"/>
+      <stop offset="1" stop-color="#EDF3FF"/>
+    </linearGradient>
+    <linearGradient id="face" x1="154" y1="220" x2="358" y2="334" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#050A1F"/>
+      <stop offset="0.48" stop-color="#081038"/>
+      <stop offset="1" stop-color="#10237A"/>
+    </linearGradient>
+    <linearGradient id="orb" x1="218" y1="38" x2="292" y2="113" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#65D5FF"/>
+      <stop offset="0.46" stop-color="#6A65FF"/>
+      <stop offset="1" stop-color="#9A5CFF"/>
+    </linearGradient>
+    <radialGradient id="eye" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(256 280) rotate(90) scale(18)">
+      <stop offset="0" stop-color="#FFFFFF"/>
+      <stop offset="0.55" stop-color="#F6FBFF"/>
+      <stop offset="1" stop-color="#C8DDFF"/>
+    </radialGradient>
+    <linearGradient id="antenna" x1="256" y1="86" x2="256" y2="158" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#4F63FF"/>
+      <stop offset="1" stop-color="#1E3A8A"/>
+    </linearGradient>
+  </defs>
+
+  <!-- transparent background; tuned to read clearly on white surfaces -->
+
+  <!-- Antenna -->
+  <rect x="250" y="87" width="12" height="82" rx="6" fill="url(#antenna)"/>
+  <circle cx="256" cy="70" r="31" fill="url(#orb)"/>
+  <circle cx="244" cy="56" r="9" fill="white" opacity="0.38"/>
+
+  <!-- Head shell -->
+  <g filter="url(#softShadow)">
+    <rect x="96" y="146" width="320" height="260" rx="92" fill="url(#shell)" stroke="#DDE6F3" stroke-width="2"/>
+    <rect x="104" y="154" width="304" height="244" rx="84" stroke="white" stroke-opacity="0.84" stroke-width="12"/>
+  </g>
+
+  <!-- Face visor -->
+  <g filter="url(#eyeGlow)">
+    <rect x="146" y="226" width="220" height="104" rx="46" fill="url(#face)"/>
+    <circle cx="202" cy="278" r="18" fill="url(#eye)"/>
+    <circle cx="310" cy="278" r="18" fill="url(#eye)"/>
+    <circle cx="202" cy="278" r="8" fill="white" opacity="0.96"/>
+    <circle cx="310" cy="278" r="8" fill="white" opacity="0.96"/>
+  </g>
+</svg>