Jesse ZhangandClaude Opus 4.8
3d5bf6967c
Rename all output artifacts to their canonical case-id names (mythos-craft.html / pelican-cycling.svg / skeleton-watch.html, with -2 suffixes for variants) and drop the now-redundant "file" overrides from the corresponding models/*.json runs. Register new Claude Code runs for Opus 4.6 and 4.7 (new model JSONs), add the GPT-5.5 Pro skeleton-watch run, and regenerate the README registry tables. Remove stray .DS_Store files from outputs/. Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
562 lines
29 KiB
XML
562 lines
29 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 580" width="900" height="580">
|
||
<defs>
|
||
<!-- Sky gradient: deep cerulean to hazy horizon -->
|
||
<linearGradient id="skyG" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#0b3d8c"/>
|
||
<stop offset="38%" stop-color="#1a7ecb"/>
|
||
<stop offset="70%" stop-color="#54b4e8"/>
|
||
<stop offset="100%" stop-color="#a8ddf5"/>
|
||
</linearGradient>
|
||
<!-- Sun radial -->
|
||
<radialGradient id="sunG" cx="50%" cy="50%" r="50%">
|
||
<stop offset="0%" stop-color="#fffde7"/>
|
||
<stop offset="28%" stop-color="#ffee58"/>
|
||
<stop offset="58%" stop-color="#ffc107" stop-opacity="0.55"/>
|
||
<stop offset="100%" stop-color="#ff8f00" stop-opacity="0"/>
|
||
</radialGradient>
|
||
<!-- Ocean gradient -->
|
||
<linearGradient id="oceanG" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#0e5ea0"/>
|
||
<stop offset="55%" stop-color="#1e90d4"/>
|
||
<stop offset="100%" stop-color="#5cbde8"/>
|
||
</linearGradient>
|
||
<!-- Beach sand -->
|
||
<linearGradient id="sandG" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#e9cc88"/>
|
||
<stop offset="55%" stop-color="#d4b060"/>
|
||
<stop offset="100%" stop-color="#bfa050"/>
|
||
</linearGradient>
|
||
<!-- Pelican body: warm dark-brown with iridescent olive sheen -->
|
||
<linearGradient id="pbodyG" x1="0.2" y1="0" x2="0.85" y2="1">
|
||
<stop offset="0%" stop-color="#6c5030"/>
|
||
<stop offset="45%" stop-color="#4e3820"/>
|
||
<stop offset="100%" stop-color="#2e2010"/>
|
||
</linearGradient>
|
||
<radialGradient id="pbodySheen" cx="35%" cy="30%" r="55%">
|
||
<stop offset="0%" stop-color="#9a8850" stop-opacity="0.55"/>
|
||
<stop offset="100%" stop-color="#2e2010" stop-opacity="0"/>
|
||
</radialGradient>
|
||
<!-- Wing gradient: near-black at primaries, soft brown toward body -->
|
||
<linearGradient id="wingG" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="#3a2a18"/>
|
||
<stop offset="100%" stop-color="#1a1008"/>
|
||
</linearGradient>
|
||
<!-- Pouch: warm amber-orange -->
|
||
<linearGradient id="pouchG" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#e8980e"/>
|
||
<stop offset="100%" stop-color="#c07006"/>
|
||
</linearGradient>
|
||
<!-- Bike frame: vivid red-orange -->
|
||
<linearGradient id="frameG" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#e8381c"/>
|
||
<stop offset="100%" stop-color="#bf2010"/>
|
||
</linearGradient>
|
||
<!-- Tyre rubber -->
|
||
<linearGradient id="tyreG" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="#2a2a2a"/>
|
||
<stop offset="100%" stop-color="#101010"/>
|
||
</linearGradient>
|
||
|
||
<!-- Soft drop shadow -->
|
||
<filter id="ds" x="-15%" y="-15%" width="130%" height="130%">
|
||
<feDropShadow dx="3" dy="5" stdDeviation="5" flood-color="#00000038"/>
|
||
</filter>
|
||
<!-- Very soft glow for eye catchlight -->
|
||
<filter id="glint">
|
||
<feGaussianBlur in="SourceGraphic" stdDeviation="0.8" result="b"/>
|
||
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
</filter>
|
||
<!-- Feather texture: subtle ripple displacement -->
|
||
<filter id="ftex" x="0%" y="0%" width="100%" height="100%">
|
||
<feTurbulence type="fractalNoise" baseFrequency="0.08 0.12" numOctaves="3" result="n"/>
|
||
<feDisplacementMap in="SourceGraphic" in2="n" scale="2.2" xChannelSelector="R" yChannelSelector="G"/>
|
||
</filter>
|
||
</defs>
|
||
|
||
<!-- ══════════════ SKY ══════════════ -->
|
||
<rect width="900" height="580" fill="url(#skyG)"/>
|
||
|
||
<!-- Sun halo + disk -->
|
||
<circle cx="790" cy="82" r="90" fill="url(#sunG)" opacity="0.7"/>
|
||
<circle cx="790" cy="82" r="44" fill="#fff59d" opacity="0.85"/>
|
||
<circle cx="790" cy="82" r="33" fill="#fff176"/>
|
||
|
||
<!-- Atmospheric horizon haze -->
|
||
<rect x="0" y="305" width="900" height="28" fill="white" opacity="0.06"/>
|
||
|
||
<!-- Clouds -->
|
||
<g fill="white">
|
||
<!-- Cloud left -->
|
||
<ellipse cx="148" cy="89" rx="74" ry="28" opacity="0.92"/>
|
||
<ellipse cx="110" cy="100" rx="46" ry="23" opacity="0.92"/>
|
||
<ellipse cx="190" cy="98" rx="54" ry="22" opacity="0.92"/>
|
||
<ellipse cx="150" cy="76" rx="58" ry="26" opacity="0.92"/>
|
||
<!-- Cloud centre -->
|
||
<ellipse cx="474" cy="64" rx="63" ry="24" opacity="0.84"/>
|
||
<ellipse cx="436" cy="74" rx="43" ry="20" opacity="0.84"/>
|
||
<ellipse cx="514" cy="72" rx="46" ry="19" opacity="0.84"/>
|
||
<ellipse cx="475" cy="50" rx="48" ry="22" opacity="0.84"/>
|
||
<!-- Cloud fragment right -->
|
||
<ellipse cx="876" cy="118" rx="55" ry="21" opacity="0.70"/>
|
||
<ellipse cx="843" cy="128" rx="38" ry="18" opacity="0.70"/>
|
||
</g>
|
||
|
||
<!-- ══════════════ OCEAN ══════════════ -->
|
||
<path d="M0,326 Q225,315 450,322 Q675,329 900,318 L900,498 Q675,506 450,499 Q225,492 0,500Z"
|
||
fill="url(#oceanG)"/>
|
||
|
||
<!-- Deep water undertone (darker at left) -->
|
||
<path d="M0,326 Q120,318 240,322 L240,498 Q120,494 0,500Z"
|
||
fill="#0a4880" opacity="0.25"/>
|
||
|
||
<!-- Sun path reflection on water -->
|
||
<ellipse cx="792" cy="390" rx="68" ry="15" fill="#fff9c4" opacity="0.22"/>
|
||
<ellipse cx="792" cy="412" rx="42" ry="9" fill="#ffe082" opacity="0.15"/>
|
||
|
||
<!-- Wave layers (dark blue undertones) -->
|
||
<path d="M0,362 Q75,352 150,362 Q225,372 300,362 Q375,352 450,362 Q525,372 600,362 Q675,352 750,362 Q825,372 900,362 L900,498 L0,498Z"
|
||
fill="#167ab8" opacity="0.22"/>
|
||
<path d="M0,384 Q60,373 120,384 Q180,395 240,384 Q300,373 360,384 Q420,395 480,384 Q540,373 600,384 Q660,395 720,384 Q780,373 860,380 L900,384 L900,498 L0,498Z"
|
||
fill="#1a86c2" opacity="0.28"/>
|
||
<path d="M0,406 Q50,396 100,406 Q150,416 200,406 Q250,396 300,406 Q350,416 400,406 Q450,396 500,406 Q550,416 600,406 Q650,396 700,404 Q760,412 830,404 L900,405 L900,498 L0,498Z"
|
||
fill="#1e90ca" opacity="0.24"/>
|
||
|
||
<!-- Wave crests / whitecaps -->
|
||
<g fill="none" stroke="white" stroke-linecap="round" opacity="0.32">
|
||
<path d="M18,368 Q44,362 70,368" stroke-width="2.8"/>
|
||
<path d="M182,355 Q212,349 242,355" stroke-width="2.5"/>
|
||
<path d="M488,364 Q524,358 560,364" stroke-width="2.5"/>
|
||
<path d="M718,353 Q750,347 782,353" stroke-width="2.5"/>
|
||
<path d="M62,390 Q88,384 114,390" stroke-width="2"/>
|
||
<path d="M328,400 Q354,394 380,400" stroke-width="2"/>
|
||
<path d="M640,392 Q666,386 692,392" stroke-width="2"/>
|
||
</g>
|
||
|
||
<!-- Ocean sparkle highlights (sun path) -->
|
||
<g fill="white" opacity="0.35">
|
||
<ellipse cx="168" cy="366" rx="11" ry="2.8" transform="rotate(-7 168 366)"/>
|
||
<ellipse cx="306" cy="378" rx="8" ry="2.2" transform="rotate(5 306 378)"/>
|
||
<ellipse cx="512" cy="360" rx="12" ry="2.5" transform="rotate(-9 512 360)"/>
|
||
<ellipse cx="670" cy="374" rx="10" ry="2.5" transform="rotate(6 670 374)"/>
|
||
<ellipse cx="818" cy="362" rx="8" ry="2.2" transform="rotate(-4 818 362)"/>
|
||
<ellipse cx="740" cy="388" rx="7" ry="2" transform="rotate(7 740 388)"/>
|
||
<ellipse cx="430" cy="398" rx="6" ry="1.8" transform="rotate(-3 430 398)"/>
|
||
</g>
|
||
|
||
<!-- Foam line at shore -->
|
||
<path d="M0,490 Q112,478 224,488 Q338,498 452,488 Q566,478 680,488 Q794,498 900,488"
|
||
fill="none" stroke="white" stroke-width="3.2" stroke-linecap="round" opacity="0.50"/>
|
||
<path d="M0,499 Q120,486 240,497 Q460,516 680,497 Q790,487 900,498"
|
||
fill="none" stroke="white" stroke-width="1.6" stroke-linecap="round" opacity="0.28"/>
|
||
|
||
<!-- Distant sailboat L -->
|
||
<g transform="translate(180,318)" opacity="0.65">
|
||
<line x1="0" y1="6" x2="0" y2="-34" stroke="#4a3818" stroke-width="1.6"/>
|
||
<polygon points="0,6 0,-31 -20,6" fill="white" opacity="0.90"/>
|
||
<polygon points="0,6 0,-22 19,6" fill="#f0eed8" opacity="0.85"/>
|
||
<rect x="-24" y="6" width="44" height="8" rx="3" fill="#6e3810"/>
|
||
</g>
|
||
<!-- Distant sailboat R -->
|
||
<g transform="translate(820,312)" opacity="0.46">
|
||
<line x1="0" y1="4" x2="0" y2="-22" stroke="#4a3818" stroke-width="1.2"/>
|
||
<polygon points="0,4 0,-19 -13,4" fill="white" opacity="0.88"/>
|
||
<rect x="-15" y="4" width="28" height="6" rx="2" fill="#6e3810"/>
|
||
</g>
|
||
|
||
<!-- ══════════════ BEACH ══════════════ -->
|
||
<path d="M0,487 Q160,468 320,478 Q480,488 640,473 Q780,459 900,470 L900,580 L0,580Z"
|
||
fill="url(#sandG)"/>
|
||
<!-- Wet sand near water (darker, reflective) -->
|
||
<path d="M0,490 Q160,471 320,481 Q480,491 640,476 Q780,462 900,473 L900,516 Q780,504 640,518 Q480,532 320,519 Q160,506 0,523Z"
|
||
fill="#c8ae68" opacity="0.42"/>
|
||
<!-- Sand surface micro-ripples -->
|
||
<g stroke="#b09848" stroke-width="0.7" fill="none" opacity="0.20">
|
||
<path d="M28,535 Q148,529 268,535"/>
|
||
<path d="M40,552 Q174,545 308,552"/>
|
||
<path d="M310,526 Q442,520 574,526"/>
|
||
<path d="M582,542 Q718,535 854,542"/>
|
||
<path d="M622,558 Q752,551 882,558"/>
|
||
</g>
|
||
<!-- Tyre tracks in wet sand behind bike -->
|
||
<g opacity="0.28" fill="none" stroke="#9a8848" stroke-width="4" stroke-dasharray="7,5">
|
||
<path d="M180,494 Q250,487 306,489"/>
|
||
<path d="M176,498 Q246,491 302,493"/>
|
||
</g>
|
||
|
||
<!-- Beach umbrella (left bg) -->
|
||
<g transform="translate(112,468)" opacity="0.80">
|
||
<line x1="0" y1="6" x2="0" y2="-98" stroke="#8B4513" stroke-width="5.5"/>
|
||
<path d="M-68,-98 Q0,-130 68,-98 Q46,-73 0,-81 Q-46,-73 -68,-98Z" fill="#cc1a14"/>
|
||
<path d="M-68,-98 L-34,-81 L0,-81Z" fill="#ff3a30" opacity="0.30"/>
|
||
<path d="M0,-81 L34,-81 L68,-98Z" fill="#ff3a30" opacity="0.30"/>
|
||
<ellipse cx="0" cy="-98" rx="68" ry="5" fill="#a81208" opacity="0.40"/>
|
||
</g>
|
||
|
||
<!-- ══════════════ BICYCLE (red road bike) ══════════════ -->
|
||
<!-- Ground y≈490; wheel r=62; wheel centres y=428 -->
|
||
<!-- Rear wheel: (328,428) Front wheel: (558,428) -->
|
||
<!-- BB: (440,428) Seat tube top: (408,328) Head tube: (540,330) -->
|
||
|
||
<!-- Bike shadow on sand -->
|
||
<ellipse cx="444" cy="495" rx="124" ry="9" fill="#6a4c14" opacity="0.18"/>
|
||
|
||
<g id="bike" filter="url(#ds)">
|
||
|
||
<!-- ── REAR WHEEL ── -->
|
||
<circle cx="328" cy="428" r="62" fill="none" stroke="url(#tyreG)" stroke-width="11"/>
|
||
<circle cx="328" cy="428" r="51" fill="none" stroke="#2a2a2a" stroke-width="2.5" opacity="0.45"/>
|
||
<circle cx="328" cy="428" r="11" fill="#2a2a2a" stroke="#181818" stroke-width="2"/>
|
||
<circle cx="328" cy="428" r="5.5" fill="#bfbfbf"/>
|
||
<g stroke="#484848" stroke-width="1.7">
|
||
<!-- 8 spokes -->
|
||
<line x1="328" y1="366" x2="328" y2="490"/>
|
||
<line x1="266" y1="428" x2="390" y2="428"/>
|
||
<line x1="284.1" y1="384.1" x2="371.9" y2="471.9"/>
|
||
<line x1="371.9" y1="384.1" x2="284.1" y2="471.9"/>
|
||
<line x1="267.8" y1="406.6" x2="388.2" y2="449.4"/>
|
||
<line x1="267.8" y1="449.4" x2="388.2" y2="406.6"/>
|
||
<line x1="308.6" y1="367.0" x2="347.4" y2="489.0"/>
|
||
<line x1="347.4" y1="367.0" x2="308.6" y2="489.0"/>
|
||
</g>
|
||
|
||
<!-- ── FRONT WHEEL ── -->
|
||
<circle cx="558" cy="428" r="62" fill="none" stroke="url(#tyreG)" stroke-width="11"/>
|
||
<circle cx="558" cy="428" r="51" fill="none" stroke="#2a2a2a" stroke-width="2.5" opacity="0.45"/>
|
||
<circle cx="558" cy="428" r="11" fill="#2a2a2a" stroke="#181818" stroke-width="2"/>
|
||
<circle cx="558" cy="428" r="5.5" fill="#bfbfbf"/>
|
||
<g stroke="#484848" stroke-width="1.7">
|
||
<line x1="558" y1="366" x2="558" y2="490"/>
|
||
<line x1="496" y1="428" x2="620" y2="428"/>
|
||
<line x1="514.1" y1="384.1" x2="601.9" y2="471.9"/>
|
||
<line x1="601.9" y1="384.1" x2="514.1" y2="471.9"/>
|
||
<line x1="497.8" y1="406.6" x2="618.2" y2="449.4"/>
|
||
<line x1="497.8" y1="449.4" x2="618.2" y2="406.6"/>
|
||
<line x1="538.6" y1="367.0" x2="577.4" y2="489.0"/>
|
||
<line x1="577.4" y1="367.0" x2="538.6" y2="489.0"/>
|
||
</g>
|
||
|
||
<!-- ── FRAME TUBES ── -->
|
||
<!-- Chain stay: rear axle → BB -->
|
||
<line x1="328" y1="428" x2="440" y2="428" stroke="url(#frameG)" stroke-width="8" stroke-linecap="round"/>
|
||
<!-- Seat stay: rear axle → seat junction -->
|
||
<line x1="328" y1="428" x2="408" y2="328" stroke="url(#frameG)" stroke-width="6.5" stroke-linecap="round"/>
|
||
<!-- Down tube: BB → head tube -->
|
||
<line x1="440" y1="428" x2="540" y2="330" stroke="url(#frameG)" stroke-width="9" stroke-linecap="round"/>
|
||
<!-- Top tube: seat junction → head tube -->
|
||
<line x1="408" y1="328" x2="540" y2="330" stroke="url(#frameG)" stroke-width="7" stroke-linecap="round"/>
|
||
<!-- Fork: head tube → front axle -->
|
||
<path d="M540,330 Q548,378 558,428" fill="none" stroke="url(#frameG)" stroke-width="8" stroke-linecap="round"/>
|
||
|
||
<!-- Seat tube: seat junction → BB -->
|
||
<line x1="408" y1="328" x2="440" y2="428" stroke="url(#frameG)" stroke-width="7.5" stroke-linecap="round"/>
|
||
|
||
<!-- ── BOTTOM BRACKET ── -->
|
||
<circle cx="440" cy="428" r="20" fill="#1e1e1e" stroke="#111" stroke-width="2"/>
|
||
<!-- Chainring -->
|
||
<circle cx="440" cy="428" r="26" fill="none" stroke="#e0a010" stroke-width="3.5"/>
|
||
<circle cx="440" cy="428" r="10" fill="#d09808"/>
|
||
<!-- Chainring teeth hint -->
|
||
<circle cx="440" cy="428" r="28" fill="none" stroke="#c09008" stroke-width="1.2" stroke-dasharray="4,4"/>
|
||
|
||
<!-- ── CRANKS (pelican pedaling: left crank down-fwd, right crank up-back) ── -->
|
||
<!-- Left crank → forward-lower pedal at ~(464,453) -->
|
||
<line x1="440" y1="428" x2="462" y2="451" stroke="#1e1e1e" stroke-width="8" stroke-linecap="round"/>
|
||
<!-- Right crank → rear-upper pedal at ~(418,405) -->
|
||
<line x1="440" y1="428" x2="418" y2="405" stroke="#1e1e1e" stroke-width="8" stroke-linecap="round"/>
|
||
|
||
<!-- Pedals -->
|
||
<rect x="450" y="448" width="26" height="10" rx="3" fill="#111" transform="rotate(-15 463 453)"/>
|
||
<rect x="406" y="401" width="26" height="10" rx="3" fill="#111" transform="rotate(-15 419 406)"/>
|
||
|
||
<!-- Chain (simplified arc) -->
|
||
<path d="M440,402 Q390,390 328,412 Q328,444 440,454 Q440,440 440,428"
|
||
fill="none" stroke="#2e2e2e" stroke-width="2.8" opacity="0.65"/>
|
||
|
||
<!-- ── SEAT POST + SADDLE ── -->
|
||
<line x1="418" y1="328" x2="413" y2="290" stroke="#6a7f8c" stroke-width="8" stroke-linecap="round"/>
|
||
<!-- Saddle base -->
|
||
<path d="M382,281 Q412,268 442,281 Q446,287 436,293 L388,293 Q378,287 382,281Z"
|
||
fill="#4a1000" stroke="#360c00" stroke-width="1.5"/>
|
||
<!-- Saddle top surface -->
|
||
<path d="M384,282 Q412,270 440,282"
|
||
fill="none" stroke="#6a2808" stroke-width="2.2" opacity="0.65"/>
|
||
<!-- Saddle highlight -->
|
||
<path d="M388,280 Q412,272 436,280"
|
||
fill="none" stroke="#7a3810" stroke-width="1" opacity="0.35"/>
|
||
|
||
<!-- ── HANDLEBAR STEM + DROP BARS ── -->
|
||
<line x1="540" y1="330" x2="544" y2="282" stroke="#6a7f8c" stroke-width="8" stroke-linecap="round"/>
|
||
<path d="M516,279 Q544,266 572,279"
|
||
fill="none" stroke="#1a1a1a" stroke-width="10.5" stroke-linecap="round"/>
|
||
<ellipse cx="515" cy="281" rx="9" ry="11" fill="#181818"/>
|
||
<ellipse cx="573" cy="281" rx="9" ry="11" fill="#181818"/>
|
||
<!-- Brake lever -->
|
||
<path d="M517,277 Q512,283 510,295" fill="none" stroke="#303030" stroke-width="4.5" stroke-linecap="round"/>
|
||
|
||
</g><!-- end #bike -->
|
||
|
||
<!-- ══════════════ PELICAN (Brown Pelican – Pelecanus occidentalis) ══════════════ -->
|
||
<!--
|
||
Anatomy anchors (absolute):
|
||
Body centre: (435, 268) rx=56 ry=43 → body bottom y≈311 (≈ saddle top y≈281–293)
|
||
Neck top: leading from body front-top toward head
|
||
Head centre: (470, 228) rx=29 ry=25
|
||
Bill tip: (~574, 222)
|
||
Right leg (fwd): body bottom (448,308) → knee (458,368) → foot (464,454) [on fwd pedal]
|
||
Left leg (back): body bottom (420,308) → knee (424,360) → foot (419,408) [on rear pedal]
|
||
-->
|
||
|
||
<g id="pelican" filter="url(#ds)">
|
||
|
||
<!-- ── TAIL FEATHERS ── -->
|
||
<path d="M405,302 Q393,320 388,334 Q394,342 403,333 Q408,342 417,333 Q423,344 432,334 Q438,323 428,305Z"
|
||
fill="#3e2e18" stroke="#2a1e10" stroke-width="1.2"/>
|
||
<!-- Tail feather division lines -->
|
||
<path d="M408,307 Q400,322 397,333" fill="none" stroke="#2a1a0c" stroke-width="0.9" opacity="0.55"/>
|
||
<path d="M419,306 Q416,320 415,331" fill="none" stroke="#2a1a0c" stroke-width="0.9" opacity="0.55"/>
|
||
|
||
<!-- ── LEFT (FAR) WING ── -->
|
||
<path d="M375,258 Q344,240 315,252 Q298,268 306,290 Q320,306 348,304 Q372,301 392,289Z"
|
||
fill="url(#wingG)" filter="url(#ftex)"/>
|
||
<!-- Far wing primary tips (darker, fanned slightly) -->
|
||
<path d="M302,290 Q290,302 284,316 Q296,318 306,305Z" fill="#181008"/>
|
||
<path d="M296,303 Q285,316 281,330 Q292,330 300,317Z" fill="#181008"/>
|
||
<path d="M310,308 Q300,322 298,336 Q308,334 314,321Z" fill="#201408"/>
|
||
<!-- Far wing feather striping -->
|
||
<g stroke="#1e1208" stroke-width="0.9" fill="none" opacity="0.62">
|
||
<path d="M374,262 Q349,246 322,254 Q308,265 312,280"/>
|
||
<path d="M374,270 Q351,256 326,262 Q313,272 316,286"/>
|
||
<path d="M374,278 Q353,267 330,271 Q318,280 320,293"/>
|
||
<path d="M374,286 Q356,278 334,281 Q322,289 323,301"/>
|
||
</g>
|
||
|
||
<!-- ── RIGHT (NEAR) WING ── -->
|
||
<path d="M495,258 Q526,240 555,252 Q572,268 564,290 Q550,306 522,304 Q498,301 488,289Z"
|
||
fill="url(#wingG)" filter="url(#ftex)"/>
|
||
<!-- Near wing primary tips -->
|
||
<path d="M568,290 Q580,302 586,316 Q574,318 564,305Z" fill="#181008"/>
|
||
<path d="M574,303 Q585,316 589,330 Q578,330 570,317Z" fill="#181008"/>
|
||
<path d="M560,308 Q570,322 572,336 Q562,334 556,321Z" fill="#201408"/>
|
||
<!-- Near wing feather striping (more detail, facing camera) -->
|
||
<g stroke="#1e1208" stroke-width="0.9" fill="none" opacity="0.70">
|
||
<path d="M496,262 Q521,246 548,254 Q562,265 558,280"/>
|
||
<path d="M496,270 Q519,256 544,262 Q557,272 554,286"/>
|
||
<path d="M496,278 Q517,267 540,271 Q552,280 550,293"/>
|
||
<path d="M496,286 Q514,278 536,281 Q548,289 547,301"/>
|
||
</g>
|
||
|
||
<!-- Wing secondary/covert panel (silver-grey) -->
|
||
<path d="M384,264 Q412,254 440,260 Q460,268 458,283 Q444,294 420,292 Q396,289 384,276Z"
|
||
fill="#8a8878" opacity="0.32"/>
|
||
<path d="M440,260 Q468,254 496,258 Q512,264 510,278 Q498,288 478,286 Q458,283 458,271Z"
|
||
fill="#8a8878" opacity="0.28"/>
|
||
|
||
<!-- ── MAIN BODY ── -->
|
||
<ellipse cx="435" cy="268" rx="56" ry="43" fill="url(#pbodyG)"/>
|
||
<ellipse cx="435" cy="268" rx="56" ry="43" fill="url(#pbodySheen)"/>
|
||
<!-- Belly / breast lighter area -->
|
||
<ellipse cx="430" cy="286" rx="34" ry="24" fill="#6a5830" opacity="0.35"/>
|
||
<!-- Body specular highlight (iridescent bronze) -->
|
||
<ellipse cx="420" cy="250" rx="24" ry="14" fill="#b8a060" opacity="0.18"/>
|
||
|
||
<!-- ── NECK (white, S-curved forward like a riding pelican) ── -->
|
||
<path d="M418,232 Q412,205 416,178 Q419,161 428,152 Q438,145 450,152 Q462,161 463,180 Q465,205 458,232 Q448,250 435,254 Q420,252 418,240Z"
|
||
fill="#f4f0e2"/>
|
||
<!-- Neck shadow side (gives roundness) -->
|
||
<path d="M420,230 Q414,204 418,178 Q420,162 428,154"
|
||
fill="none" stroke="#d8d2be" stroke-width="3.2" stroke-linecap="round" opacity="0.65"/>
|
||
<!-- Neck highlight side -->
|
||
<path d="M457,230 Q462,206 463,182 Q462,165 455,155"
|
||
fill="none" stroke="white" stroke-width="2.4" stroke-linecap="round" opacity="0.32"/>
|
||
<!-- Neck dark median stripe (breeding plumage hint) -->
|
||
<path d="M434,250 Q437,225 440,198 Q442,176 440,158 Q436,152 432,157 Q430,174 432,196 Q434,222 436,248Z"
|
||
fill="#7a6040" opacity="0.20"/>
|
||
|
||
<!-- ── HEAD ── -->
|
||
<ellipse cx="458" cy="218" rx="30" ry="26" fill="#f2eed8"/>
|
||
<!-- Yellow crown wash -->
|
||
<ellipse cx="456" cy="207" rx="25" ry="19" fill="#e6d478"/>
|
||
<!-- Crown cap sheen -->
|
||
<ellipse cx="453" cy="200" rx="22" ry="15" fill="#dcc860" opacity="0.55"/>
|
||
<!-- Head shading (cheek shadow) -->
|
||
<ellipse cx="462" cy="228" rx="20" ry="10" fill="#d8d0b8" opacity="0.38"/>
|
||
|
||
<!-- Crown crest feathers (characteristic nuptial crest) -->
|
||
<path d="M446,198 Q456,183 466,198"
|
||
fill="none" stroke="#c4a218" stroke-width="2.8" stroke-linecap="round"/>
|
||
<line x1="450" y1="190" x2="448" y2="181" stroke="#c4a218" stroke-width="1.8" stroke-linecap="round"/>
|
||
<line x1="456" y1="185" x2="456" y2="174" stroke="#c4a218" stroke-width="2.2" stroke-linecap="round"/>
|
||
<line x1="462" y1="190" x2="464" y2="181" stroke="#c4a218" stroke-width="1.8" stroke-linecap="round"/>
|
||
<!-- Fine filament crest wisps -->
|
||
<path d="M453,188 Q451,178 453,171" fill="none" stroke="#c8a820" stroke-width="1.0" stroke-linecap="round" opacity="0.65"/>
|
||
<path d="M459,185 Q458,175 459,168" fill="none" stroke="#c8a820" stroke-width="1.0" stroke-linecap="round" opacity="0.65"/>
|
||
|
||
<!-- ── EYE (yellow-green orbital ring, large dark pupil) ── -->
|
||
<!-- Bare orbital skin patch -->
|
||
<ellipse cx="472" cy="217" rx="13" ry="12" fill="#3a7a10" opacity="0.70"/>
|
||
<!-- Eyeball -->
|
||
<circle cx="472" cy="217" r="9.5" fill="#080400"/>
|
||
<circle cx="472" cy="217" r="7.5" fill="#040200"/>
|
||
<!-- Iris ring (pale ice-blue) -->
|
||
<circle cx="472" cy="217" r="9.8" fill="none" stroke="#b0d0e0" stroke-width="1.5" opacity="0.70"/>
|
||
<!-- Main catchlight -->
|
||
<circle cx="475" cy="213.5" r="2.8" fill="white" filter="url(#glint)" opacity="0.95"/>
|
||
<!-- Secondary catchlight -->
|
||
<circle cx="468" cy="220" r="1.2" fill="white" opacity="0.48"/>
|
||
|
||
<!-- ── UPPER MANDIBLE (long, yellow-orange) ── -->
|
||
<path d="M479,216 Q510,210 550,212 Q570,213 582,218 Q577,228 562,230 Q540,232 509,230 Q488,228 479,222Z"
|
||
fill="#d89012"/>
|
||
<!-- Culmen ridge -->
|
||
<path d="M481,215 Q512,209 552,211 Q570,213 580,218"
|
||
fill="none" stroke="#a87008" stroke-width="2.2" opacity="0.85"/>
|
||
<!-- Lateral groove line -->
|
||
<path d="M482,220 Q511,215 548,217 Q562,219 573,224"
|
||
fill="none" stroke="#c08010" stroke-width="1" opacity="0.55"/>
|
||
<!-- Nostril slit -->
|
||
<ellipse cx="508" cy="209" rx="7" ry="2" fill="#906008" opacity="0.58" transform="rotate(-5 508 209)"/>
|
||
<!-- Bill highlight -->
|
||
<path d="M486,214 Q516,210 551,212 Q566,213 577,217"
|
||
fill="none" stroke="#f0c030" stroke-width="1.4" opacity="0.40"/>
|
||
|
||
<!-- ── BILL HOOK (tip) ── -->
|
||
<path d="M580,218 Q594,215 596,222 Q595,230 586,232 Q578,231 578,226 Q579,221 580,218Z"
|
||
fill="#9e6808" stroke="#7a5006" stroke-width="1"/>
|
||
|
||
<!-- ── LOWER MANDIBLE ── -->
|
||
<path d="M479,222 Q508,230 562,230 Q568,234 567,244 Q560,260 540,268 Q515,275 490,272 Q466,267 461,252 Q457,238 462,228 Q468,220 479,222Z"
|
||
fill="url(#pouchG)"/>
|
||
|
||
<!-- Throat pouch interior (distended, bulging) -->
|
||
<path d="M482,230 Q508,237 558,234 Q563,239 562,248 Q554,260 534,266 Q512,272 491,268 Q471,263 464,249 Q460,238 465,230"
|
||
fill="#f0a820" opacity="0.36"/>
|
||
<!-- Pouch skin folds (characteristic texture) -->
|
||
<path d="M484,238 Q508,244 554,241" fill="none" stroke="#9a6008" stroke-width="1.6" opacity="0.60"/>
|
||
<path d="M481,252 Q504,260 538,256" fill="none" stroke="#9a6008" stroke-width="1.3" opacity="0.50"/>
|
||
<path d="M466,263 Q488,270 514,267" fill="none" stroke="#9a6008" stroke-width="1.0" opacity="0.38"/>
|
||
<!-- Pouch bulge highlight -->
|
||
<ellipse cx="510" cy="252" rx="22" ry="16" fill="#e8a818" opacity="0.18"/>
|
||
|
||
<!-- ── LEGS (yellow-olive, scaly) ── -->
|
||
<!-- RIGHT leg: body bottom (448,308) → knee (460,368) → foot on fwd pedal (464,454) -->
|
||
<path d="M448,308 Q452,338 460,368 Q462,400 464,452"
|
||
stroke="#c0a034" stroke-width="8" fill="none" stroke-linecap="round"/>
|
||
<!-- Scale texture right leg -->
|
||
<g stroke="#9a8020" stroke-width="0.8" fill="none" opacity="0.50">
|
||
<path d="M450,316 Q455,321 453,327"/>
|
||
<path d="M452,330 Q457,336 455,342"/>
|
||
<path d="M454,344 Q460,350 458,357"/>
|
||
<path d="M457,361 Q462,368 460,374"/>
|
||
</g>
|
||
<!-- Right knee -->
|
||
<ellipse cx="460" cy="369" rx="7" ry="8.5" fill="#b09030"/>
|
||
|
||
<!-- LEFT leg: body bottom (422,308) → knee (424,362) → foot on rear pedal (419,408) -->
|
||
<path d="M422,308 Q424,335 425,362 Q423,385 420,407"
|
||
stroke="#c0a034" stroke-width="8" fill="none" stroke-linecap="round"/>
|
||
<!-- Scale texture left leg -->
|
||
<g stroke="#9a8020" stroke-width="0.8" fill="none" opacity="0.50">
|
||
<path d="M423,316 Q428,321 426,327"/>
|
||
<path d="M424,330 Q429,336 427,342"/>
|
||
<path d="M425,346 Q430,352 428,358"/>
|
||
</g>
|
||
<!-- Left knee -->
|
||
<ellipse cx="425" cy="362" rx="7" ry="8.5" fill="#b09030"/>
|
||
|
||
<!-- ── WEBBED FEET ── -->
|
||
<!-- RIGHT foot on forward pedal (~464, 454) -->
|
||
<g transform="translate(464,455)">
|
||
<!-- Webbed foot silhouette: 3 forward toes + back toe, connected by web membrane -->
|
||
<path d="M0,0 Q-24,-8 -30,2 Q-26,14 -14,15 Q-4,16 0,9Z" fill="#c0a030"/>
|
||
<path d="M0,0 Q-9,-17 3,-22 Q12,-14 13,-6 Q8,2 0,0Z" fill="#c0a030"/>
|
||
<path d="M0,0 Q14,-12 22,-10 Q26,-2 22,7 Q13,11 4,7Z" fill="#b09028"/>
|
||
<path d="M0,0 Q20,2 23,11 Q20,18 12,18 Q4,13 0,9Z" fill="#a88020"/>
|
||
<!-- Web membrane fills -->
|
||
<path d="M-28,4 Q-18,-10 3,-20" fill="none" stroke="#9a7820" stroke-width="1.2" opacity="0.60"/>
|
||
<path d="M3,-20 Q11,-14 21,-8" fill="none" stroke="#9a7820" stroke-width="1.2" opacity="0.60"/>
|
||
<path d="M21,-8 Q22,4 22,12" fill="none" stroke="#9a7820" stroke-width="1.2" opacity="0.60"/>
|
||
<!-- Toe tips / claws -->
|
||
<circle cx="-30" cy="2" r="2.2" fill="#7a5810" opacity="0.70"/>
|
||
<circle cx="3" cy="-22" r="2.2" fill="#7a5810" opacity="0.70"/>
|
||
<circle cx="23" cy="-9" r="2.2" fill="#7a5810" opacity="0.70"/>
|
||
<circle cx="23" cy="11" r="2.2" fill="#7a5810" opacity="0.70"/>
|
||
</g>
|
||
<!-- LEFT foot on rear pedal (~419, 408) -->
|
||
<g transform="translate(419,409)">
|
||
<path d="M0,0 Q-22,-7 -27,2 Q-24,13 -12,14 Q-3,15 0,8Z" fill="#c0a030"/>
|
||
<path d="M0,0 Q-7,-16 3,-20 Q11,-13 11,-5 Q7,2 0,0Z" fill="#c0a030"/>
|
||
<path d="M0,0 Q13,-11 20,-9 Q24,-2 20,6 Q12,10 4,6Z" fill="#b09028"/>
|
||
<path d="M0,0 Q18,2 21,10 Q18,17 11,17 Q3,12 0,8Z" fill="#a88020"/>
|
||
<path d="M-25,3 Q-16,-9 3,-18" fill="none" stroke="#9a7820" stroke-width="1.2" opacity="0.60"/>
|
||
<path d="M3,-18 Q10,-12 19,-7" fill="none" stroke="#9a7820" stroke-width="1.2" opacity="0.60"/>
|
||
<circle cx="-27" cy="2" r="2" fill="#7a5810" opacity="0.70"/>
|
||
<circle cx="3" cy="-20" r="2" fill="#7a5810" opacity="0.70"/>
|
||
<circle cx="20" cy="-8" r="2" fill="#7a5810" opacity="0.70"/>
|
||
</g>
|
||
|
||
</g><!-- end #pelican -->
|
||
|
||
<!-- ══════════════ BEACH FOREGROUND DETAILS ══════════════ -->
|
||
|
||
<!-- Sea-oat / beach grass (left) -->
|
||
<g opacity="0.88">
|
||
<path d="M55,496 C50,473 44,452 36,428" stroke="#907845" stroke-width="2.6" fill="none" stroke-linecap="round"/>
|
||
<path d="M55,496 C62,470 71,449 82,424" stroke="#907845" stroke-width="2.6" fill="none" stroke-linecap="round"/>
|
||
<path d="M55,496 C56,468 55,447 53,422" stroke="#9a8048" stroke-width="2.1" fill="none" stroke-linecap="round"/>
|
||
<ellipse cx="36" cy="425" rx="5.5" ry="14" fill="#a07a46" transform="rotate(-16 36 425)"/>
|
||
<ellipse cx="82" cy="421" rx="5.5" ry="14" fill="#a07a46" transform="rotate(22 82 421)"/>
|
||
<ellipse cx="53" cy="419" rx="4.2" ry="12" fill="#907040" transform="rotate(2 53 419)"/>
|
||
</g>
|
||
<!-- Sea-oat / beach grass (right) -->
|
||
<g opacity="0.82" transform="translate(764,0)">
|
||
<path d="M55,496 C50,473 44,452 36,428" stroke="#907845" stroke-width="2.6" fill="none" stroke-linecap="round"/>
|
||
<path d="M55,496 C62,470 71,449 82,424" stroke="#907845" stroke-width="2.6" fill="none" stroke-linecap="round"/>
|
||
<path d="M55,496 C56,468 55,447 53,422" stroke="#9a8048" stroke-width="2.1" fill="none" stroke-linecap="round"/>
|
||
<ellipse cx="36" cy="425" rx="5.5" ry="14" fill="#a07a46" transform="rotate(-16 36 425)"/>
|
||
<ellipse cx="82" cy="421" rx="5.5" ry="14" fill="#a07a46" transform="rotate(22 82 421)"/>
|
||
<ellipse cx="53" cy="419" rx="4.2" ry="12" fill="#907040" transform="rotate(2 53 419)"/>
|
||
</g>
|
||
|
||
<!-- Seashells scattered on beach -->
|
||
<g opacity="0.70">
|
||
<!-- Spiral shell -->
|
||
<path d="M70,540 Q62,533 66,527 Q74,524 80,530 Q82,537 78,542 Q71,545 66,540 Q63,534 66,527"
|
||
fill="none" stroke="#d4b880" stroke-width="2.2" stroke-linecap="round"/>
|
||
<circle cx="73" cy="536" r="4.5" fill="#e4cc96" opacity="0.55"/>
|
||
<!-- Clam -->
|
||
<path d="M244,556 Q234,549 236,543 Q246,538 256,543 Q260,551 256,558 Q248,562 244,556Z"
|
||
fill="#ecd8b4" stroke="#c8b888" stroke-width="1.2"/>
|
||
<path d="M244,556 Q244,545 244,538" fill="none" stroke="#c8b888" stroke-width="0.8" opacity="0.55"/>
|
||
<!-- Small pebble shells -->
|
||
<ellipse cx="580" cy="546" rx="7" ry="4" fill="#e4d0a8" transform="rotate(-14 580 546)"/>
|
||
<ellipse cx="702" cy="534" rx="9" ry="5.5" fill="#ead6b0" transform="rotate(10 702 534)"/>
|
||
<ellipse cx="310" cy="562" rx="5.5" ry="3" fill="#dcc898" transform="rotate(20 310 562)"/>
|
||
<circle cx="152" cy="558" r="4" fill="#e4cc96" opacity="0.55"/>
|
||
<circle cx="768" cy="552" r="3.5" fill="#e4cc96" opacity="0.55"/>
|
||
</g>
|
||
|
||
<!-- ══════════════ ATMOSPHERE / SKY BIRDS ══════════════ -->
|
||
|
||
<!-- Seagulls (distant, flying) -->
|
||
<g fill="none" stroke="#48607a" stroke-width="2" stroke-linecap="round" opacity="0.58">
|
||
<path d="M192,152 Q202,143 212,152"/>
|
||
<path d="M221,140 Q232,130 243,140"/>
|
||
<path d="M168,168 Q178,160 188,168"/>
|
||
<path d="M614,120 Q625,111 636,120"/>
|
||
<path d="M648,108 Q660,99 672,108"/>
|
||
<path d="M600,136 Q609,128 618,136"/>
|
||
<path d="M260,128 Q268,121 276,128"/>
|
||
</g>
|
||
|
||
<!-- ══════════════ MOTION LINES (wind, speed) ══════════════ -->
|
||
<g stroke="#c0ddf4" stroke-linecap="round" opacity="0.26">
|
||
<line x1="250" y1="276" x2="288" y2="276" stroke-width="2.5"/>
|
||
<line x1="244" y1="292" x2="276" y2="292" stroke-width="2"/>
|
||
<line x1="248" y1="308" x2="283" y2="308" stroke-width="2.2"/>
|
||
<line x1="252" y1="322" x2="278" y2="322" stroke-width="1.5"/>
|
||
<line x1="246" y1="338" x2="274" y2="338" stroke-width="1.8"/>
|
||
</g>
|
||
|
||
</svg>
|