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>
379 lines
21 KiB
XML
379 lines
21 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600">
|
|
<defs>
|
|
<linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#1565a8"/>
|
|
<stop offset="35%" stop-color="#4aa3df"/>
|
|
<stop offset="60%" stop-color="#87ceeb"/>
|
|
<stop offset="78%" stop-color="#fcd281"/>
|
|
<stop offset="90%" stop-color="#f4a460"/>
|
|
<stop offset="100%" stop-color="#e8734a"/>
|
|
</linearGradient>
|
|
<linearGradient id="oceanGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#1a7baa"/>
|
|
<stop offset="50%" stop-color="#2694c4"/>
|
|
<stop offset="100%" stop-color="#5ab8d8"/>
|
|
</linearGradient>
|
|
<linearGradient id="sandGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#d4a555"/>
|
|
<stop offset="30%" stop-color="#e8c07a"/>
|
|
<stop offset="100%" stop-color="#f0d090"/>
|
|
</linearGradient>
|
|
<linearGradient id="wetSand" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#b08840"/>
|
|
<stop offset="100%" stop-color="#c49a55"/>
|
|
</linearGradient>
|
|
<radialGradient id="sunGlow" cx="0.5" cy="0.5" r="0.5">
|
|
<stop offset="0%" stop-color="#fff8dc"/>
|
|
<stop offset="40%" stop-color="#ffd700" stop-opacity="0.8"/>
|
|
<stop offset="70%" stop-color="#ffa500" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#ff8c00" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="pelBody" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#f5f0e8"/>
|
|
<stop offset="50%" stop-color="#ede5d5"/>
|
|
<stop offset="100%" stop-color="#ddd5c5"/>
|
|
</linearGradient>
|
|
<linearGradient id="billGrad" x1="0" y1="0" x2="1" y2="0.3">
|
|
<stop offset="0%" stop-color="#d4a030"/>
|
|
<stop offset="50%" stop-color="#e8b840"/>
|
|
<stop offset="100%" stop-color="#cc9020"/>
|
|
</linearGradient>
|
|
<linearGradient id="pouchGrad" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#e8a060"/>
|
|
<stop offset="100%" stop-color="#d08050"/>
|
|
</linearGradient>
|
|
<linearGradient id="frameGrad" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color="#2ba5a5"/>
|
|
<stop offset="100%" stop-color="#1d7a7a"/>
|
|
</linearGradient>
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
|
|
<feOffset dx="2" dy="3"/>
|
|
<feComponentTransfer><feFuncA type="linear" slope="0.3"/></feComponentTransfer>
|
|
<feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Sky -->
|
|
<rect width="900" height="600" fill="url(#skyGrad)"/>
|
|
|
|
<!-- Sun -->
|
|
<circle cx="730" cy="310" r="100" fill="url(#sunGlow)"/>
|
|
<circle cx="730" cy="310" r="40" fill="#fff5d0" opacity="0.95"/>
|
|
<circle cx="730" cy="310" r="35" fill="#fffce8"/>
|
|
|
|
<!-- Clouds -->
|
|
<g opacity="0.7">
|
|
<ellipse cx="180" cy="120" rx="70" ry="25" fill="white" opacity="0.6"/>
|
|
<ellipse cx="210" cy="110" rx="50" ry="20" fill="white" opacity="0.5"/>
|
|
<ellipse cx="150" cy="115" rx="40" ry="18" fill="white" opacity="0.4"/>
|
|
<ellipse cx="550" cy="80" rx="80" ry="22" fill="white" opacity="0.5"/>
|
|
<ellipse cx="580" cy="70" rx="55" ry="18" fill="white" opacity="0.4"/>
|
|
<ellipse cx="520" cy="75" rx="45" ry="16" fill="white" opacity="0.35"/>
|
|
<ellipse cx="650" cy="200" rx="60" ry="18" fill="#ffe8c0" opacity="0.5"/>
|
|
<ellipse cx="680" cy="192" rx="45" ry="15" fill="#ffe0b0" opacity="0.4"/>
|
|
</g>
|
|
|
|
<!-- Ocean -->
|
|
<path d="M0,320 Q150,310 300,325 Q450,340 600,320 Q750,300 900,315 L900,470 L0,470 Z" fill="url(#oceanGrad)" opacity="0.9"/>
|
|
<path d="M0,345 Q100,340 200,350 Q300,360 400,348 Q500,336 600,345 Q700,354 800,342 Q850,336 900,340" stroke="#7dd4ef" stroke-width="1.5" fill="none" opacity="0.6"/>
|
|
<path d="M0,370 Q120,365 240,375 Q360,385 480,370 Q600,355 720,368 Q810,376 900,370" stroke="#8de0f5" stroke-width="1" fill="none" opacity="0.5"/>
|
|
<path d="M0,395 Q100,390 200,398 Q350,408 450,395 Q550,382 700,393 Q800,400 900,395" stroke="#a0e8f8" stroke-width="1" fill="none" opacity="0.4"/>
|
|
|
|
<!-- Sun reflection on water -->
|
|
<g opacity="0.35">
|
|
<ellipse cx="730" cy="360" rx="20" ry="8" fill="#ffd700"/>
|
|
<ellipse cx="728" cy="380" rx="15" ry="5" fill="#ffc800"/>
|
|
<ellipse cx="732" cy="400" rx="12" ry="4" fill="#ffb800"/>
|
|
<ellipse cx="730" cy="420" rx="8" ry="3" fill="#ffa500"/>
|
|
<ellipse cx="729" cy="440" rx="5" ry="2" fill="#ff9000"/>
|
|
</g>
|
|
|
|
<!-- Wave foam at shore -->
|
|
<path d="M0,455 Q80,448 160,458 Q240,468 320,455 Q400,442 480,455 Q560,468 640,455 Q720,442 800,452 Q850,457 900,450" stroke="white" stroke-width="3" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
<path d="M0,460 Q100,453 200,462 Q300,471 400,458 Q500,445 600,458 Q700,471 800,458 Q850,452 900,456" stroke="white" stroke-width="2" fill="none" opacity="0.4"/>
|
|
|
|
<!-- Wet sand strip -->
|
|
<path d="M0,455 Q80,448 160,458 Q240,468 320,455 Q400,442 480,455 Q560,468 640,455 Q720,442 800,452 Q850,457 900,450 L900,480 L0,480 Z" fill="url(#wetSand)" opacity="0.7"/>
|
|
|
|
<!-- Dry sand -->
|
|
<rect x="0" y="470" width="900" height="130" fill="url(#sandGrad)"/>
|
|
|
|
<!-- Sand texture -->
|
|
<g fill="#c4a050" opacity="0.15">
|
|
<circle cx="50" cy="490" r="1"/><circle cx="120" cy="510" r="1.2"/><circle cx="200" cy="495" r="0.8"/>
|
|
<circle cx="280" cy="520" r="1"/><circle cx="350" cy="505" r="1.5"/><circle cx="420" cy="530" r="0.9"/>
|
|
<circle cx="500" cy="498" r="1.1"/><circle cx="580" cy="525" r="1.3"/><circle cx="650" cy="510" r="0.8"/>
|
|
<circle cx="720" cy="535" r="1"/><circle cx="790" cy="500" r="1.2"/><circle cx="850" cy="515" r="0.9"/>
|
|
<circle cx="100" cy="540" r="1"/><circle cx="180" cy="555" r="1.2"/><circle cx="300" cy="550" r="0.8"/>
|
|
<circle cx="450" cy="560" r="1.1"/><circle cx="600" cy="545" r="1"/><circle cx="750" cy="560" r="1.3"/>
|
|
</g>
|
|
|
|
<!-- Palm tree -->
|
|
<g>
|
|
<path d="M85,600 Q80,520 90,450 Q95,400 88,350 Q83,310 90,280" stroke="#8B6914" stroke-width="12" fill="none" stroke-linecap="round"/>
|
|
<path d="M85,600 Q80,520 90,450 Q95,400 88,350 Q83,310 90,280" stroke="#9B7924" stroke-width="8" fill="none" stroke-linecap="round"/>
|
|
<g stroke="#705510" stroke-width="1" fill="none" opacity="0.5">
|
|
<path d="M80,580 Q88,575 96,580"/><path d="M79,550 Q87,545 95,550"/>
|
|
<path d="M80,520 Q88,515 96,520"/><path d="M81,490 Q88,485 95,490"/>
|
|
<path d="M82,460 Q89,455 96,460"/><path d="M83,430 Q90,425 97,430"/>
|
|
<path d="M84,400 Q90,395 96,400"/><path d="M84,370 Q89,365 94,370"/>
|
|
<path d="M83,340 Q88,335 93,340"/><path d="M84,310 Q89,305 94,310"/>
|
|
</g>
|
|
<!-- Fronds -->
|
|
<g>
|
|
<path d="M90,280 Q140,250 190,270 Q220,280 240,300" stroke="#2d7a2d" stroke-width="3" fill="none"/>
|
|
<path d="M90,280 Q130,260 170,270" fill="#3a8a3a" opacity="0.8"/>
|
|
<path d="M130,265 Q160,255 190,270" fill="#2d7a2d" opacity="0.6"/>
|
|
<path d="M110,270 Q120,255 130,265" fill="#4a9a4a" opacity="0.7"/>
|
|
<path d="M140,265 Q155,250 165,268" fill="#3d8d3d" opacity="0.7"/>
|
|
<path d="M170,270 Q185,258 195,275" fill="#2d7a2d" opacity="0.6"/>
|
|
|
|
<path d="M90,280 Q50,250 20,275 Q5,285 -10,310" stroke="#2d7a2d" stroke-width="3" fill="none"/>
|
|
<path d="M90,280 Q55,260 30,275" fill="#3a8a3a" opacity="0.8"/>
|
|
<path d="M55,268 Q30,258 15,280" fill="#2d7a2d" opacity="0.6"/>
|
|
<path d="M75,272 Q60,258 50,270" fill="#4a9a4a" opacity="0.7"/>
|
|
<path d="M40,275 Q25,262 18,282" fill="#3d8d3d" opacity="0.7"/>
|
|
|
|
<path d="M90,280 Q130,230 180,220 Q200,215 210,220" stroke="#358535" stroke-width="2.5" fill="none"/>
|
|
<path d="M90,280 Q120,240 160,228" fill="#3a8a3a" opacity="0.7"/>
|
|
<path d="M120,248 Q150,232 175,225" fill="#2d7a2d" opacity="0.5"/>
|
|
<path d="M110,255 Q125,238 135,248" fill="#4a9a4a" opacity="0.6"/>
|
|
<path d="M145,238 Q160,222 170,232" fill="#358535" opacity="0.6"/>
|
|
|
|
<path d="M90,280 Q60,230 30,225 Q10,222 -5,228" stroke="#358535" stroke-width="2.5" fill="none"/>
|
|
<path d="M90,280 Q65,240 40,230" fill="#3a8a3a" opacity="0.7"/>
|
|
<path d="M65,245 Q42,232 25,232" fill="#2d7a2d" opacity="0.5"/>
|
|
<path d="M75,252 Q60,238 50,245" fill="#4a9a4a" opacity="0.6"/>
|
|
|
|
<path d="M90,280 Q120,250 155,245 Q170,243 180,248" stroke="#408040" stroke-width="2" fill="none"/>
|
|
<path d="M90,280 Q110,258 140,250" fill="#4a9a4a" opacity="0.6"/>
|
|
|
|
<path d="M90,280 Q95,240 105,210 Q110,195 115,190" stroke="#2a752a" stroke-width="2" fill="none"/>
|
|
<path d="M90,280 Q93,250 100,225" fill="#3a8a3a" opacity="0.5"/>
|
|
</g>
|
|
<circle cx="88" cy="285" r="5" fill="#6b4226"/>
|
|
<circle cx="95" cy="282" r="4.5" fill="#7a5030"/>
|
|
<circle cx="82" cy="282" r="4" fill="#5a3620"/>
|
|
</g>
|
|
|
|
<!-- Ground shadow -->
|
|
<ellipse cx="430" cy="530" rx="140" ry="12" fill="#a08030" opacity="0.2"/>
|
|
|
|
<!-- ===== BICYCLE ===== -->
|
|
<g filter="url(#shadow)">
|
|
<!-- Rear wheel -->
|
|
<g>
|
|
<circle cx="310" cy="510" r="48" fill="none" stroke="#2a2a2a" stroke-width="6"/>
|
|
<circle cx="310" cy="510" r="45" fill="none" stroke="#3a3a3a" stroke-width="2"/>
|
|
<circle cx="310" cy="510" r="48" fill="none" stroke="#1a1a1a" stroke-width="1" stroke-dasharray="4 3"/>
|
|
<circle cx="310" cy="510" r="6" fill="#888" stroke="#666" stroke-width="1.5"/>
|
|
<line x1="310" y1="466" x2="310" y2="554" stroke="#aaa" stroke-width="0.8"/>
|
|
<line x1="266" y1="510" x2="354" y2="510" stroke="#aaa" stroke-width="0.8"/>
|
|
<line x1="276" y1="476" x2="344" y2="544" stroke="#aaa" stroke-width="0.8"/>
|
|
<line x1="344" y1="476" x2="276" y2="544" stroke="#aaa" stroke-width="0.8"/>
|
|
<line x1="268" y1="495" x2="352" y2="525" stroke="#aaa" stroke-width="0.6"/>
|
|
<line x1="268" y1="525" x2="352" y2="495" stroke="#aaa" stroke-width="0.6"/>
|
|
<line x1="295" y1="466" x2="325" y2="554" stroke="#aaa" stroke-width="0.6"/>
|
|
<line x1="325" y1="466" x2="295" y2="554" stroke="#aaa" stroke-width="0.6"/>
|
|
</g>
|
|
<!-- Front wheel -->
|
|
<g>
|
|
<circle cx="545" cy="510" r="48" fill="none" stroke="#2a2a2a" stroke-width="6"/>
|
|
<circle cx="545" cy="510" r="45" fill="none" stroke="#3a3a3a" stroke-width="2"/>
|
|
<circle cx="545" cy="510" r="48" fill="none" stroke="#1a1a1a" stroke-width="1" stroke-dasharray="4 3"/>
|
|
<circle cx="545" cy="510" r="6" fill="#888" stroke="#666" stroke-width="1.5"/>
|
|
<line x1="545" y1="466" x2="545" y2="554" stroke="#aaa" stroke-width="0.8"/>
|
|
<line x1="501" y1="510" x2="589" y2="510" stroke="#aaa" stroke-width="0.8"/>
|
|
<line x1="511" y1="476" x2="579" y2="544" stroke="#aaa" stroke-width="0.8"/>
|
|
<line x1="579" y1="476" x2="511" y2="544" stroke="#aaa" stroke-width="0.8"/>
|
|
<line x1="503" y1="495" x2="587" y2="525" stroke="#aaa" stroke-width="0.6"/>
|
|
<line x1="503" y1="525" x2="587" y2="495" stroke="#aaa" stroke-width="0.6"/>
|
|
<line x1="530" y1="466" x2="560" y2="554" stroke="#aaa" stroke-width="0.6"/>
|
|
<line x1="560" y1="466" x2="530" y2="554" stroke="#aaa" stroke-width="0.6"/>
|
|
</g>
|
|
|
|
<!-- Frame -->
|
|
<g stroke="url(#frameGrad)" stroke-width="5" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="365" y1="440" x2="390" y2="505"/>
|
|
<line x1="520" y1="460" x2="390" y2="505"/>
|
|
<path d="M365,440 Q440,425 520,460"/>
|
|
<line x1="390" y1="505" x2="310" y2="510"/>
|
|
<line x1="365" y1="440" x2="310" y2="510"/>
|
|
</g>
|
|
|
|
<!-- Front fork -->
|
|
<path d="M520,460 Q530,485 545,510" stroke="#1d7a7a" stroke-width="4" fill="none" stroke-linecap="round"/>
|
|
<line x1="520" y1="455" x2="523" y2="468" stroke="url(#frameGrad)" stroke-width="6" stroke-linecap="round"/>
|
|
|
|
<!-- Handlebars -->
|
|
<g stroke="#888" stroke-width="3" fill="none" stroke-linecap="round">
|
|
<path d="M515,445 L520,455"/>
|
|
<path d="M500,435 Q510,438 515,445 Q520,452 530,448" stroke-width="3.5"/>
|
|
<line x1="497" y1="434" x2="503" y2="436" stroke="#333" stroke-width="5" stroke-linecap="round"/>
|
|
<line x1="528" y1="447" x2="534" y2="450" stroke="#333" stroke-width="5" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<!-- Seat -->
|
|
<ellipse cx="360" cy="437" rx="20" ry="8" fill="#4a3020" transform="rotate(-5, 360, 437)"/>
|
|
<ellipse cx="360" cy="436" rx="18" ry="6" fill="#5a3a28" transform="rotate(-5, 360, 436)"/>
|
|
<line x1="363" y1="443" x2="365" y2="440" stroke="#888" stroke-width="3"/>
|
|
|
|
<!-- Crank and pedals -->
|
|
<circle cx="390" cy="505" r="8" fill="#666" stroke="#555" stroke-width="1.5"/>
|
|
<line x1="390" y1="505" x2="375" y2="520" stroke="#666" stroke-width="3" stroke-linecap="round"/>
|
|
<line x1="390" y1="505" x2="405" y2="490" stroke="#666" stroke-width="3" stroke-linecap="round"/>
|
|
<rect x="368" y="518" width="14" height="5" rx="2" fill="#444" transform="rotate(10, 375, 520)"/>
|
|
<rect x="398" y="487" width="14" height="5" rx="2" fill="#444" transform="rotate(10, 405, 490)"/>
|
|
|
|
<!-- Chain -->
|
|
<path d="M398,505 Q430,520 540,510" stroke="#555" stroke-width="1.5" fill="none" stroke-dasharray="2 1.5" opacity="0.6"/>
|
|
|
|
<!-- Fenders -->
|
|
<path d="M285,470 Q275,490 280,510 Q290,535 315,545 Q340,550 355,535" stroke="#2ba5a5" stroke-width="2.5" fill="none" opacity="0.7"/>
|
|
<path d="M520,475 Q515,490 520,510 Q530,535 550,545 Q570,548 580,530" stroke="#2ba5a5" stroke-width="2.5" fill="none" opacity="0.7"/>
|
|
|
|
<!-- Wire basket on front -->
|
|
<g stroke="#999" stroke-width="1.2" fill="none" opacity="0.7">
|
|
<path d="M540,440 L560,440 L565,470 L535,470 Z"/>
|
|
<line x1="545" y1="440" x2="543" y2="470"/>
|
|
<line x1="550" y1="440" x2="548" y2="470"/>
|
|
<line x1="555" y1="440" x2="553" y2="470"/>
|
|
<line x1="537" y1="450" x2="563" y2="450"/>
|
|
<line x1="536" y1="460" x2="564" y2="460"/>
|
|
</g>
|
|
|
|
<!-- Fish in basket -->
|
|
<g transform="translate(550, 436)">
|
|
<path d="M-8,0 Q-5,-4 0,-3 Q5,-2 8,0 Q5,2 0,3 Q-5,4 -8,0 Z" fill="#8ab4c8" stroke="#6090a0" stroke-width="0.5"/>
|
|
<path d="M8,0 L13,-4 L13,4 Z" fill="#7aa4b8"/>
|
|
<circle cx="-4" cy="-1" r="1" fill="#2a3040"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Sand spray from rear wheel (motion) -->
|
|
<g opacity="0.3">
|
|
<circle cx="272" cy="528" r="2" fill="#d4a555"/>
|
|
<circle cx="262" cy="522" r="1.5" fill="#d4a555"/>
|
|
<circle cx="257" cy="532" r="1.8" fill="#d4a555"/>
|
|
<circle cx="267" cy="518" r="1" fill="#d4a555"/>
|
|
<circle cx="252" cy="526" r="1.2" fill="#d4a555"/>
|
|
<circle cx="247" cy="523" r="0.8" fill="#d4a555"/>
|
|
<circle cx="240" cy="528" r="0.6" fill="#d4a555"/>
|
|
</g>
|
|
|
|
<!-- ===== PELICAN ===== -->
|
|
<g>
|
|
<!-- Tail feathers -->
|
|
<path d="M280,420 Q270,415 265,425 Q260,435 270,430" fill="#c0b8a0" stroke="#a0986a" stroke-width="0.5"/>
|
|
<path d="M285,418 Q272,410 268,420 Q264,430 275,428" fill="#d0c8b0" stroke="#a0986a" stroke-width="0.5"/>
|
|
<path d="M290,416 Q278,408 275,418 Q272,428 283,425" fill="#bab2a0" stroke="#a0986a" stroke-width="0.5"/>
|
|
|
|
<!-- Main body -->
|
|
<path d="M290,380 Q280,360 310,340 Q340,325 380,330 Q420,335 430,360 Q435,380 425,400 Q415,420 390,430 Q360,438 330,435 Q300,428 285,410 Z" fill="url(#pelBody)" stroke="#ccc5b5" stroke-width="1"/>
|
|
<path d="M310,350 Q340,338 375,340 Q410,345 420,365 Q425,380 418,398" fill="none" stroke="white" stroke-width="1.5" opacity="0.3"/>
|
|
<ellipse cx="365" cy="400" rx="30" ry="20" fill="white" opacity="0.15"/>
|
|
|
|
<!-- Far wing -->
|
|
<path d="M300,365 Q285,370 275,380 Q265,395 275,405 Q285,415 300,410" fill="#e8e0d0" stroke="#c5bda8" stroke-width="0.8"/>
|
|
<path d="M275,380 Q265,395 275,405 Q280,410 288,408 Q280,400 278,390 Z" fill="#4a4540" opacity="0.6"/>
|
|
|
|
<!-- Near wing extended toward handlebar -->
|
|
<path d="M380,345 Q410,350 440,365 Q465,380 480,395 Q490,405 485,415 Q478,425 460,420 Q440,415 420,408 Q395,400 380,390 Z" fill="#e5ddd0" stroke="#c5bda8" stroke-width="0.8"/>
|
|
<path d="M480,395 Q490,405 488,415 Q485,420 475,418 Q460,415 450,410 Q465,408 478,400 Z" fill="#4a4540" opacity="0.8"/>
|
|
<path d="M470,408 Q458,412 445,408" stroke="#3a3530" stroke-width="1.5" fill="none" opacity="0.5"/>
|
|
<path d="M395,360 Q420,370 445,385" stroke="#ccc5b5" stroke-width="0.6" fill="none" opacity="0.5"/>
|
|
<path d="M390,370 Q415,380 440,395" stroke="#ccc5b5" stroke-width="0.6" fill="none" opacity="0.5"/>
|
|
<path d="M385,380 Q410,390 435,405" stroke="#ccc5b5" stroke-width="0.6" fill="none" opacity="0.5"/>
|
|
|
|
<!-- Wing tip on handlebar -->
|
|
<path d="M485,415 Q495,420 500,430 Q503,438 500,440" fill="#e0d8c8" stroke="#c0b8a0" stroke-width="0.8"/>
|
|
|
|
<!-- Neck -->
|
|
<path d="M395,340 Q405,320 420,300 Q435,280 445,270 Q455,262 460,260" fill="none" stroke="#e8e0d0" stroke-width="18" stroke-linecap="round"/>
|
|
<path d="M395,340 Q405,320 420,300 Q435,280 445,270 Q455,262 460,260" fill="none" stroke="#f0e8d8" stroke-width="14" stroke-linecap="round"/>
|
|
<path d="M400,330 Q410,310 425,290 Q438,275 448,268" fill="none" stroke="white" stroke-width="4" opacity="0.15" stroke-linecap="round"/>
|
|
|
|
<!-- Head -->
|
|
<ellipse cx="465" cy="258" rx="22" ry="18" fill="#f0e8d8" transform="rotate(-15, 465, 258)"/>
|
|
<path d="M448,248 Q460,238 478,245 Q485,250 480,255" fill="#e8dcc8" opacity="0.5"/>
|
|
|
|
<!-- Crest feathers (wind-blown) -->
|
|
<path d="M448,245 Q442,232 438,225" stroke="#ddd0b8" stroke-width="2" fill="none" stroke-linecap="round"/>
|
|
<path d="M453,242 Q448,228 445,222" stroke="#ddd0b8" stroke-width="1.5" fill="none" stroke-linecap="round"/>
|
|
<path d="M458,240 Q454,230 452,224" stroke="#e0d5c0" stroke-width="1" fill="none" stroke-linecap="round"/>
|
|
|
|
<!-- Eye -->
|
|
<circle cx="470" cy="253" r="5.5" fill="none" stroke="#c0a050" stroke-width="1"/>
|
|
<circle cx="470" cy="253" r="4.5" fill="white"/>
|
|
<circle cx="471" cy="253" r="3" fill="#2a2520"/>
|
|
<circle cx="472" cy="251.5" r="1" fill="white" opacity="0.8"/>
|
|
|
|
<!-- Upper mandible -->
|
|
<path d="M483,255 Q510,248 540,252 Q560,256 570,260 Q575,262 575,265 Q573,268 565,268 Q540,265 510,262 Q490,262 483,262 Z" fill="url(#billGrad)" stroke="#b89028" stroke-width="0.8"/>
|
|
<path d="M483,258 Q520,253 555,260 Q568,263 573,265" stroke="#c9a035" stroke-width="1" fill="none" opacity="0.6"/>
|
|
<ellipse cx="500" cy="256" rx="3" ry="1.5" fill="#a08020" opacity="0.5"/>
|
|
<path d="M573,263 Q576,265 575,268 Q573,270 571,268" fill="#cc9020" stroke="#a07818" stroke-width="0.5"/>
|
|
|
|
<!-- Lower mandible -->
|
|
<path d="M483,262 Q510,266 540,268 Q560,270 570,268" stroke="#c0a030" stroke-width="2" fill="none"/>
|
|
|
|
<!-- Gular pouch -->
|
|
<path d="M483,262 Q490,275 510,282 Q530,286 545,280 Q560,272 570,268 Q555,275 535,280 Q515,282 500,278 Q488,272 483,262 Z" fill="url(#pouchGrad)" opacity="0.75" stroke="#c08040" stroke-width="0.5"/>
|
|
<path d="M495,270 Q510,278 530,278 Q548,275 558,270" stroke="#c08848" stroke-width="0.5" fill="none" opacity="0.4"/>
|
|
<path d="M498,274 Q515,280 535,279 Q550,276 560,272" stroke="#c08848" stroke-width="0.4" fill="none" opacity="0.3"/>
|
|
|
|
<!-- Right leg to front pedal -->
|
|
<path d="M390,425 Q400,450 405,470 Q408,485 405,490" stroke="#3a3530" stroke-width="3.5" fill="none" stroke-linecap="round"/>
|
|
<g transform="translate(405, 490) rotate(10)">
|
|
<path d="M-8,0 L-12,8 L0,12 L12,8 L8,0" fill="#e8a040" stroke="#c08030" stroke-width="0.8"/>
|
|
<line x1="-2" y1="1" x2="-8" y2="10" stroke="#c08030" stroke-width="0.5"/>
|
|
<line x1="0" y1="1" x2="0" y2="12" stroke="#c08030" stroke-width="0.5"/>
|
|
<line x1="2" y1="1" x2="8" y2="10" stroke="#c08030" stroke-width="0.5"/>
|
|
</g>
|
|
|
|
<!-- Left leg to rear pedal -->
|
|
<path d="M360,430 Q365,455 370,475 Q373,492 375,500 Q377,515 375,520" stroke="#2a2520" stroke-width="3" fill="none" stroke-linecap="round" opacity="0.7"/>
|
|
<g transform="translate(375, 520) rotate(-5)" opacity="0.7">
|
|
<path d="M-7,0 L-10,7 L0,10 L10,7 L7,0" fill="#d89535" stroke="#b07828" stroke-width="0.8"/>
|
|
<line x1="-2" y1="1" x2="-7" y2="8" stroke="#b07828" stroke-width="0.5"/>
|
|
<line x1="0" y1="1" x2="0" y2="10" stroke="#b07828" stroke-width="0.5"/>
|
|
<line x1="2" y1="1" x2="7" y2="8" stroke="#b07828" stroke-width="0.5"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Distant seagulls -->
|
|
<g stroke="#556" stroke-width="1.2" fill="none" opacity="0.4">
|
|
<path d="M620,140 Q625,135 630,138 Q635,135 640,140"/>
|
|
<path d="M670,170 Q674,166 678,168 Q682,166 686,170"/>
|
|
<path d="M590,180 Q595,175 600,178 Q605,175 610,180"/>
|
|
</g>
|
|
|
|
<!-- Water sparkles -->
|
|
<g fill="white" opacity="0.5">
|
|
<circle cx="300" cy="350" r="1"/><circle cx="450" cy="360" r="0.8"/>
|
|
<circle cx="600" cy="345" r="1.2"/><circle cx="200" cy="370" r="0.7"/>
|
|
<circle cx="500" cy="355" r="0.9"/><circle cx="700" cy="340" r="1"/>
|
|
<circle cx="800" cy="355" r="0.8"/>
|
|
</g>
|
|
|
|
<!-- Small wave details -->
|
|
<g stroke="#7cc8e0" stroke-width="0.8" fill="none" opacity="0.3">
|
|
<path d="M100,380 Q115,377 130,382"/>
|
|
<path d="M250,365 Q265,362 280,367"/>
|
|
<path d="M400,385 Q415,382 430,387"/>
|
|
<path d="M600,370 Q615,367 630,372"/>
|
|
<path d="M150,410 Q165,407 180,412"/>
|
|
<path d="M500,395 Q515,392 530,397"/>
|
|
</g>
|
|
|
|
<!-- Shells on beach -->
|
|
<ellipse cx="200" cy="520" rx="3" ry="2" fill="#f0e0c0" opacity="0.3" transform="rotate(20, 200, 520)"/>
|
|
<ellipse cx="650" cy="535" rx="2.5" ry="1.8" fill="#e8d8b8" opacity="0.3" transform="rotate(-15, 650, 535)"/>
|
|
|
|
<!-- Tire tracks in sand -->
|
|
<g stroke="#c4a050" stroke-width="1.5" fill="none" opacity="0.15">
|
|
<path d="M200,530 Q230,528 260,530 Q280,532 310,530"/>
|
|
<path d="M200,525 Q230,523 260,525 Q280,527 310,525"/>
|
|
</g>
|
|
</svg> |