Add four pelican runs: Fable 5 (Claude Code), Grok Build, Kimi K2.6, MiniMax M3
Kimi K2.6 (Kimi Code, local) and MiniMax M3 (MiniMax Code web, Thinking mode) graduate from pending to ran — 14 combinations ran. Harness icon rules added for Kimi/MiniMax; READMEs and OG count updated. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Jesse ZhangandClaude Fable 5 committed
1 parent
b008398b82
commit
b7d3badc72
10 files changed
+1850
-8
No files matched your search
@@ -0,0 +1,568 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1100" height="650" viewBox="0 0 1100 650" aria-labelledby="title desc">
|
||||
<title>Seaside Pelican on a Bicycle</title>
|
||||
<desc>A realistic and vivid pelican riding a bicycle along a sunny beach with turquoise waves, golden sand, and blue sky.</desc>
|
||||
|
||||
<defs>
|
||||
<!-- Sky gradient -->
|
||||
<linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#3A8BD9"/>
|
||||
<stop offset="45%" stop-color="#5FB4E8"/>
|
||||
<stop offset="78%" stop-color="#8ECFF2"/>
|
||||
<stop offset="100%" stop-color="#B8E0F2"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Distant sea haze -->
|
||||
<linearGradient id="seaHaze" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#0077B6"/>
|
||||
<stop offset="100%" stop-color="#00A3D9"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Mid water -->
|
||||
<linearGradient id="waterMid" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#0096C7"/>
|
||||
<stop offset="55%" stop-color="#00B4D8"/>
|
||||
<stop offset="100%" stop-color="#48CAE4"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Near water / surf -->
|
||||
<linearGradient id="waterNear" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#5ED3F5"/>
|
||||
<stop offset="40%" stop-color="#90E0EF"/>
|
||||
<stop offset="100%" stop-color="#CAF0F8"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Sand base -->
|
||||
<linearGradient id="sandGrad" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#F2E3C6"/>
|
||||
<stop offset="35%" stop-color="#E8D5A3"/>
|
||||
<stop offset="100%" stop-color="#D9C48A"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Wet sand near water -->
|
||||
<linearGradient id="wetSand" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#C8B68A"/>
|
||||
<stop offset="100%" stop-color="#B5A57A"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Pelican body gradient -->
|
||||
<linearGradient id="pelicanBody" x1="0" y1="0" x2="0.3" y2="1">
|
||||
<stop offset="0%" stop-color="#F9F9F7"/>
|
||||
<stop offset="35%" stop-color="#F1F0EC"/>
|
||||
<stop offset="75%" stop-color="#E3E1D9"/>
|
||||
<stop offset="100%" stop-color="#D6D4CA"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Wing feather gradient -->
|
||||
<linearGradient id="wingGrad" x1="0.2" y1="0.1" x2="0.85" y2="0.9">
|
||||
<stop offset="0%" stop-color="#F4F3EF"/>
|
||||
<stop offset="30%" stop-color="#E8E6DF"/>
|
||||
<stop offset="65%" stop-color="#D4D1C6"/>
|
||||
<stop offset="100%" stop-color="#C2BEB0"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Beak gradient -->
|
||||
<linearGradient id="beakGrad" x1="0" y1="0" x2="1" y2="0.4">
|
||||
<stop offset="0%" stop-color="#F5A05A"/>
|
||||
<stop offset="45%" stop-color="#E88B3A"/>
|
||||
<stop offset="100%" stop-color="#D9752A"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Pouch gradient (rich yellow-orange) -->
|
||||
<linearGradient id="pouchGrad" x1="0.1" y1="0" x2="0.6" y2="1">
|
||||
<stop offset="0%" stop-color="#FFDB5C"/>
|
||||
<stop offset="25%" stop-color="#FFC53D"/>
|
||||
<stop offset="60%" stop-color="#F8A83A"/>
|
||||
<stop offset="100%" stop-color="#E78F2E"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Bike frame metallic -->
|
||||
<linearGradient id="frameGrad" x1="0" y1="0" x2="0.4" y2="1">
|
||||
<stop offset="0%" stop-color="#3A3F44"/>
|
||||
<stop offset="20%" stop-color="#555B61"/>
|
||||
<stop offset="55%" stop-color="#2C3035"/>
|
||||
<stop offset="100%" stop-color="#1F2327"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Chrome accents -->
|
||||
<linearGradient id="chromeGrad" x1="0" y1="0" x2="0.2" y2="1">
|
||||
<stop offset="0%" stop-color="#E8ECF0"/>
|
||||
<stop offset="25%" stop-color="#C6CDD4"/>
|
||||
<stop offset="55%" stop-color="#9AA5B0"/>
|
||||
<stop offset="100%" stop-color="#6F7985"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Tire -->
|
||||
<linearGradient id="tireGrad" x1="0.3" y1="0.2" x2="0.8" y2="0.85">
|
||||
<stop offset="0%" stop-color="#2A2A2A"/>
|
||||
<stop offset="40%" stop-color="#1A1A1A"/>
|
||||
<stop offset="100%" stop-color="#111111"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- Shadow filter for grounding -->
|
||||
<filter id="softShadow" x="-50%" y="-50%" width="200%" height="200%">
|
||||
<feGaussianBlur in="SourceAlpha" stdDeviation="6" result="blur"/>
|
||||
<feOffset in="blur" dx="0" dy="7" result="offset"/>
|
||||
<feComponentTransfer>
|
||||
<feFuncA type="linear" slope="0.32"/>
|
||||
</feComponentTransfer>
|
||||
<feMerge>
|
||||
<feMergeNode/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
|
||||
<!-- Subtle feather texture filter -->
|
||||
<filter id="featherSoft" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur in="SourceGraphic" stdDeviation="0.9" result="b"/>
|
||||
<feComposite in="b" in2="SourceGraphic" operator="out" result="edge"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="b"/>
|
||||
<feMergeNode in="edge"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
|
||||
<!-- Wave highlight -->
|
||||
<linearGradient id="waveHighlight" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.0"/>
|
||||
<stop offset="25%" stop-color="#ffffff" stop-opacity="0.55"/>
|
||||
<stop offset="55%" stop-color="#ffffff" stop-opacity="0.18"/>
|
||||
<stop offset="100%" stop-color="#ffffff" stop-opacity="0.0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<style>
|
||||
.wheel-spin {
|
||||
transform-box: fill-box;
|
||||
transform-origin: center;
|
||||
animation: spin 1.05s linear infinite;
|
||||
}
|
||||
@keyframes spin {
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
.wave {
|
||||
animation: waveMove 2.8s ease-in-out infinite alternate;
|
||||
}
|
||||
.wave2 { animation-duration: 3.6s; animation-delay: -1.1s; }
|
||||
.wave3 { animation-duration: 4.4s; animation-delay: -2.3s; }
|
||||
@keyframes waveMove {
|
||||
from { transform: translateX(-14px); }
|
||||
to { transform: translateX(14px); }
|
||||
}
|
||||
.foam {
|
||||
animation: foamDrift 3.1s ease-in-out infinite alternate;
|
||||
}
|
||||
.pedal-crank {
|
||||
animation: spin 1.05s linear infinite;
|
||||
transform-box: fill-box;
|
||||
transform-origin: 492px 472px;
|
||||
}
|
||||
.pelican-bob {
|
||||
animation: pelicanBob 1.05s ease-in-out infinite;
|
||||
transform-box: fill-box;
|
||||
transform-origin: 470px 395px;
|
||||
}
|
||||
@keyframes pelicanBob {
|
||||
0%, 100% { transform: translateY(0) rotate(0deg); }
|
||||
50% { transform: translateY(-3.2px) rotate(0.7deg); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- ========== SKY ========== -->
|
||||
<rect width="1100" height="650" fill="url(#skyGrad)"/>
|
||||
|
||||
<!-- Sun -->
|
||||
<circle cx="870" cy="138" r="42" fill="#FFE066" opacity="0.95"/>
|
||||
<circle cx="870" cy="138" r="55" fill="#FFE066" opacity="0.18"/>
|
||||
|
||||
<!-- Sparse high clouds -->
|
||||
<g opacity="0.75">
|
||||
<!-- Left cloud -->
|
||||
<ellipse cx="165" cy="92" rx="48" ry="19" fill="#F8FBFF"/>
|
||||
<ellipse cx="205" cy="84" rx="32" ry="15" fill="#F8FBFF"/>
|
||||
<ellipse cx="138" cy="99" rx="23" ry="11" fill="#F8FBFF"/>
|
||||
<!-- Right cloud -->
|
||||
<ellipse cx="610" cy="71" rx="55" ry="16" fill="#F8FBFF"/>
|
||||
<ellipse cx="660" cy="63" rx="29" ry="14" fill="#F8FBFF"/>
|
||||
<ellipse cx="575" cy="79" rx="27" ry="12" fill="#F8FBFF"/>
|
||||
</g>
|
||||
|
||||
<!-- ========== DISTANT SEA / HORIZON ========== -->
|
||||
<rect x="0" y="248" width="1100" height="92" fill="url(#seaHaze)"/>
|
||||
|
||||
<!-- Very distant horizon haze line -->
|
||||
<path d="M0 252 Q 280 248 520 255 Q 780 247 1100 254" fill="none" stroke="#005F8F" stroke-width="2.5" opacity="0.35"/>
|
||||
|
||||
<!-- ========== MID OCEAN + WAVES ========== -->
|
||||
<g>
|
||||
<!-- Base mid water -->
|
||||
<path d="M0 270 Q 190 262 340 275 Q 510 265 680 277 Q 850 266 1100 274 L1100 355 L0 355 Z" fill="url(#waterMid)"/>
|
||||
|
||||
<!-- Wave bands -->
|
||||
<g class="wave">
|
||||
<path d="M0 282 Q 85 275 170 285 Q 255 277 345 286 Q 430 279 520 287 Q 605 278 700 286 Q 790 280 880 288 Q 965 279 1100 285" fill="none" stroke="#0077B6" stroke-width="3.5" opacity="0.5"/>
|
||||
<path d="M0 296 Q 95 289 185 298 Q 275 291 370 299 Q 470 290 565 300 Q 660 292 755 299 Q 850 291 950 300 Q 1030 293 1100 298" fill="none" stroke="#0096C7" stroke-width="2.5" opacity="0.45"/>
|
||||
</g>
|
||||
|
||||
<g class="wave wave2">
|
||||
<path d="M-30 312 Q 60 305 145 314 Q 235 307 325 315 Q 415 306 510 316 Q 600 308 695 316 Q 790 307 880 315 Q 980 308 1100 314" fill="none" stroke="#00A8D9" stroke-width="4" opacity="0.4"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- ========== NEAR SURF + FOAM ========== -->
|
||||
<path d="M0 328 Q 140 320 260 333 Q 390 322 510 334 Q 635 325 760 335 Q 880 327 1010 336 Q 1080 329 1100 333 L1100 385 L0 385 Z" fill="url(#waterNear)"/>
|
||||
|
||||
<!-- Rolling surf crest lines -->
|
||||
<g class="wave wave3" opacity="0.65">
|
||||
<path d="M0 335 Q 120 327 235 338 Q 355 329 470 339 Q 590 330 705 340 Q 825 331 945 339 Q 1045 332 1100 337" fill="none" stroke="#B3E9F7" stroke-width="5" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- Foam patches -->
|
||||
<g class="foam" fill="#F6FBFD" opacity="0.85">
|
||||
<ellipse cx="185" cy="345" rx="47" ry="8"/>
|
||||
<ellipse cx="410" cy="351" rx="38" ry="7"/>
|
||||
<ellipse cx="635" cy="343" rx="51" ry="9"/>
|
||||
<ellipse cx="860" cy="349" rx="33" ry="6.5"/>
|
||||
<ellipse cx="1015" cy="345" rx="29" ry="5.5"/>
|
||||
</g>
|
||||
<g fill="#F6FBFD" opacity="0.6">
|
||||
<ellipse cx="270" cy="356" rx="22" ry="4"/>
|
||||
<ellipse cx="530" cy="360" rx="27" ry="4.5"/>
|
||||
<ellipse cx="770" cy="355" rx="19" ry="3.5"/>
|
||||
</g>
|
||||
|
||||
<!-- ========== SAND ========== -->
|
||||
<!-- Main dry sand -->
|
||||
<path d="M0 370 Q 180 362 310 378 Q 480 365 620 380 Q 780 368 920 379 Q 1050 370 1100 375 L1100 650 L0 650 Z" fill="url(#sandGrad)"/>
|
||||
|
||||
<!-- Wet sand / waterline transition -->
|
||||
<path d="M0 370 Q 180 362 310 378 Q 480 365 620 380 Q 780 368 920 379 Q 1050 370 1100 375 L1100 410 L0 410 Z" fill="url(#wetSand)" opacity="0.85"/>
|
||||
|
||||
<!-- Subtle sand texture / ripples -->
|
||||
<g fill="none" stroke="#C9B67E" stroke-width="1.1" opacity="0.22">
|
||||
<path d="M40 410 Q 110 405 195 415 Q 280 407 370 417"/>
|
||||
<path d="M130 445 Q 210 438 295 448 Q 380 440 470 450"/>
|
||||
<path d="M60 495 Q 155 487 250 498 Q 355 489 445 500"/>
|
||||
<path d="M220 550 Q 310 542 405 553 Q 510 543 600 555"/>
|
||||
<path d="M380 605 Q 470 597 565 607 Q 670 598 770 610"/>
|
||||
</g>
|
||||
|
||||
<!-- Tire tracks + kicked sand behind rear wheel for motion -->
|
||||
<g fill="none" stroke="#C1AC75" stroke-width="2.5" opacity="0.28" stroke-linecap="round">
|
||||
<path d="M55 472 Q 150 468 235 475 Q 315 470 390 476"/>
|
||||
<path d="M68 482 Q 158 478 248 485 Q 325 480 400 486"/>
|
||||
</g>
|
||||
<!-- Sand spray / rooster tail from rear tire -->
|
||||
<g fill="#E8D5A3" opacity="0.55">
|
||||
<ellipse cx="350" cy="485" rx="11" ry="3.5" transform="rotate(-12 350 485)"/>
|
||||
<ellipse cx="332" cy="490" rx="7" ry="2.5" transform="rotate(-25 332 490)"/>
|
||||
<ellipse cx="362" cy="493" rx="5" ry="1.8" transform="rotate(8 362 493)"/>
|
||||
</g>
|
||||
|
||||
<!-- Small beach details: shell and pebble -->
|
||||
<g>
|
||||
<!-- Shell -->
|
||||
<path d="M165 512 Q 175 502 189 511 Q 182 520 170 518 Z" fill="#E8D9B8" stroke="#C9B67E" stroke-width="1"/>
|
||||
<path d="M172 509 Q 177 505 182 509" fill="none" stroke="#C9B67E" stroke-width="0.8"/>
|
||||
<!-- Pebble -->
|
||||
<ellipse cx="285" cy="538" rx="7" ry="4.5" fill="#A89E88" transform="rotate(-18 285 538)"/>
|
||||
</g>
|
||||
|
||||
<!-- Beach grass tufts (right side) -->
|
||||
<g fill="#8BA46F" opacity="0.65">
|
||||
<path d="M935 380 Q 928 352 922 380 M940 381 Q 935 358 932 381 M948 380 Q 944 361 942 380"/>
|
||||
<path d="M980 378 Q 974 348 968 379 M990 379 Q 984 355 980 379 M1005 378 Q 999 360 996 379"/>
|
||||
<path d="M1028 381 Q 1022 350 1016 380 M1045 379 Q 1039 357 1035 380"/>
|
||||
</g>
|
||||
|
||||
<!-- ========== BICYCLE ========== -->
|
||||
<g id="bicycle" filter="url(#softShadow)">
|
||||
<!-- Rear wheel -->
|
||||
<g id="rear-wheel">
|
||||
<!-- Tire -->
|
||||
<circle cx="395" cy="475" r="58" fill="url(#tireGrad)" stroke="#0D0D0D" stroke-width="9"/>
|
||||
<!-- Rim -->
|
||||
<circle cx="395" cy="475" r="46" fill="none" stroke="#D8DDE3" stroke-width="5"/>
|
||||
<circle cx="395" cy="475" r="38" fill="none" stroke="#A8B1BB" stroke-width="2.5"/>
|
||||
<!-- Spokes -->
|
||||
<g class="wheel-spin">
|
||||
<g stroke="#C8D0D8" stroke-width="2.2" stroke-linecap="round">
|
||||
<line x1="395" y1="475" x2="395" y2="420"/>
|
||||
<line x1="395" y1="475" x2="395" y2="530"/>
|
||||
<line x1="395" y1="475" x2="340" y2="475"/>
|
||||
<line x1="395" y1="475" x2="450" y2="475"/>
|
||||
<line x1="395" y1="475" x2="352" y2="432"/>
|
||||
<line x1="395" y1="475" x2="438" y2="518"/>
|
||||
<line x1="395" y1="475" x2="352" y2="518"/>
|
||||
<line x1="395" y1="475" x2="438" y2="432"/>
|
||||
<line x1="395" y1="475" x2="367" y2="443"/>
|
||||
<line x1="395" y1="475" x2="423" y2="507"/>
|
||||
<line x1="395" y1="475" x2="367" y2="507"/>
|
||||
<line x1="395" y1="475" x2="423" y2="443"/>
|
||||
</g>
|
||||
</g>
|
||||
<!-- Hub -->
|
||||
<circle cx="395" cy="475" r="8" fill="#3A3F44"/>
|
||||
<circle cx="395" cy="475" r="4.5" fill="#E8ECF0"/>
|
||||
</g>
|
||||
|
||||
<!-- Front wheel -->
|
||||
<g id="front-wheel">
|
||||
<circle cx="662" cy="478" r="58" fill="url(#tireGrad)" stroke="#0D0D0D" stroke-width="9"/>
|
||||
<circle cx="662" cy="478" r="46" fill="none" stroke="#D8DDE3" stroke-width="5"/>
|
||||
<circle cx="662" cy="478" r="38" fill="none" stroke="#A8B1BB" stroke-width="2.5"/>
|
||||
<g class="wheel-spin" style="animation-delay: -0.35s">
|
||||
<g stroke="#C8D0D8" stroke-width="2.2" stroke-linecap="round">
|
||||
<line x1="662" y1="478" x2="662" y2="423"/>
|
||||
<line x1="662" y1="478" x2="662" y2="533"/>
|
||||
<line x1="662" y1="478" x2="607" y2="478"/>
|
||||
<line x1="662" y1="478" x2="717" y2="478"/>
|
||||
<line x1="662" y1="478" x2="619" y2="435"/>
|
||||
<line x1="662" y1="478" x2="705" y2="521"/>
|
||||
<line x1="662" y1="478" x2="619" y2="521"/>
|
||||
<line x1="662" y1="478" x2="705" y2="435"/>
|
||||
<line x1="662" y1="478" x2="634" y2="446"/>
|
||||
<line x1="662" y1="478" x2="690" y2="510"/>
|
||||
<line x1="662" y1="478" x2="634" y2="510"/>
|
||||
<line x1="662" y1="478" x2="690" y2="446"/>
|
||||
</g>
|
||||
</g>
|
||||
<circle cx="662" cy="478" r="8" fill="#3A3F44"/>
|
||||
<circle cx="662" cy="478" r="4.5" fill="#E8ECF0"/>
|
||||
</g>
|
||||
|
||||
<!-- Frame -->
|
||||
<!-- Chain stay + seat stay (rear triangle) -->
|
||||
<path d="M410 440 Q 455 458 520 458" fill="none" stroke="url(#frameGrad)" stroke-width="11" stroke-linecap="round"/>
|
||||
<path d="M410 440 Q 470 435 520 458" fill="none" stroke="url(#frameGrad)" stroke-width="10" stroke-linecap="round"/>
|
||||
<!-- Down tube -->
|
||||
<path d="M465 385 Q 498 432 520 458" fill="none" stroke="url(#frameGrad)" stroke-width="11" stroke-linecap="round"/>
|
||||
<!-- Top tube -->
|
||||
<path d="M465 385 Q 545 385 610 392" fill="none" stroke="url(#frameGrad)" stroke-width="11" stroke-linecap="round"/>
|
||||
<!-- Seat tube -->
|
||||
<path d="M520 458 Q 535 410 540 390" fill="none" stroke="url(#frameGrad)" stroke-width="10.5" stroke-linecap="round"/>
|
||||
<!-- Head tube -->
|
||||
<path d="M610 392 Q 625 410 635 428" fill="none" stroke="url(#frameGrad)" stroke-width="9" stroke-linecap="round"/>
|
||||
<!-- Fork -->
|
||||
<path d="M635 428 Q 648 455 662 478" fill="none" stroke="url(#frameGrad)" stroke-width="9" stroke-linecap="round"/>
|
||||
<path d="M640 425 Q 653 455 665 473" fill="none" stroke="url(#frameGrad)" stroke-width="5" stroke-linecap="round"/>
|
||||
|
||||
<!-- Chainring + crank -->
|
||||
<g class="pedal-crank">
|
||||
<circle cx="492" cy="472" r="21" fill="none" stroke="#2C3035" stroke-width="4"/>
|
||||
<circle cx="492" cy="472" r="12" fill="#2C3035"/>
|
||||
<!-- Crank arms -->
|
||||
<rect x="488" y="452" width="8" height="20" rx="1.5" fill="#2C3035" transform="rotate(-28 492 472)"/>
|
||||
<rect x="488" y="472" width="8" height="20" rx="1.5" fill="#2C3035" transform="rotate(152 492 472)"/>
|
||||
</g>
|
||||
|
||||
<!-- Pedals -->
|
||||
<g class="pedal-crank" style="animation-delay:-0.48s">
|
||||
<!-- Rear pedal -->
|
||||
<g transform="rotate(-28 492 472) translate(0 -28)">
|
||||
<rect x="475" y="445" width="34" height="7" rx="1.5" fill="#3A3F44"/>
|
||||
<rect x="478" y="448" width="28" height="1.5" fill="#6F7985"/>
|
||||
</g>
|
||||
<!-- Front pedal -->
|
||||
<g transform="rotate(152 492 472) translate(0 -28)">
|
||||
<rect x="475" y="445" width="34" height="7" rx="1.5" fill="#3A3F44"/>
|
||||
<rect x="478" y="448" width="28" height="1.5" fill="#6F7985"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Seat -->
|
||||
<g>
|
||||
<!-- Seat post -->
|
||||
<rect x="527" y="385" width="7" height="28" rx="1" fill="#2C3035"/>
|
||||
<!-- Seat base -->
|
||||
<path d="M505 378 Q 535 372 575 380 Q 570 388 535 387 Z" fill="#2C3035"/>
|
||||
<!-- Seat top cushion -->
|
||||
<path d="M508 377 Q 535 372 570 379 Q 565 383 535 383 Z" fill="#1F2327"/>
|
||||
</g>
|
||||
|
||||
<!-- Handlebars + stem -->
|
||||
<g>
|
||||
<!-- Stem -->
|
||||
<path d="M610 392 Q 618 375 628 366" fill="none" stroke="url(#frameGrad)" stroke-width="7" stroke-linecap="round"/>
|
||||
<!-- Handlebar stem clamp -->
|
||||
<circle cx="628" cy="366" r="5" fill="#2C3035"/>
|
||||
<!-- Handlebar -->
|
||||
<path d="M595 360 Q 628 354 670 362" fill="none" stroke="url(#chromeGrad)" stroke-width="7" stroke-linecap="round"/>
|
||||
<!-- Grips -->
|
||||
<path d="M595 360 Q 585 358 578 363" fill="none" stroke="#3A2A1F" stroke-width="6" stroke-linecap="round"/>
|
||||
<path d="M670 362 Q 680 360 687 366" fill="none" stroke="#3A2A1F" stroke-width="6" stroke-linecap="round"/>
|
||||
<!-- Brake levers -->
|
||||
<path d="M602 358 Q 595 372 600 380" fill="none" stroke="#444A50" stroke-width="3.5" stroke-linecap="round"/>
|
||||
<path d="M662 365 Q 670 377 668 383" fill="none" stroke="#444A50" stroke-width="3.5" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- Front fender / mudguard hint (beach cruiser vibe) -->
|
||||
<path d="M635 428 Q 655 462 672 475" fill="none" stroke="#2C3035" stroke-width="5" stroke-linecap="round" opacity="0.6"/>
|
||||
|
||||
<!-- Basket on front (wicker feel) -->
|
||||
<g>
|
||||
<rect x="680" y="398" width="52" height="42" rx="3" fill="#C8A77A" stroke="#9C7F56" stroke-width="2"/>
|
||||
<!-- Basket weave lines -->
|
||||
<g stroke="#9C7F56" stroke-width="1" opacity="0.6">
|
||||
<path d="M684 408 H 728"/>
|
||||
<path d="M684 418 H 728"/>
|
||||
<path d="M684 428 H 728"/>
|
||||
<path d="M684 438 H 728"/>
|
||||
<path d="M688 402 V 436"/>
|
||||
<path d="M698 402 V 436"/>
|
||||
<path d="M708 402 V 436"/>
|
||||
<path d="M718 402 V 436"/>
|
||||
<path d="M728 402 V 436"/>
|
||||
</g>
|
||||
<!-- Basket rim -->
|
||||
<rect x="679" y="395" width="54" height="7" rx="2" fill="#B38F5E" stroke="#9C7F56" stroke-width="1"/>
|
||||
</g>
|
||||
|
||||
<!-- Small fish in basket (fun detail) -->
|
||||
<g>
|
||||
<ellipse cx="705" cy="420" rx="13" ry="5.5" fill="#7EB8C9" transform="rotate(-12 705 420)"/>
|
||||
<path d="M692 418 Q 688 415 690 422" fill="none" stroke="#5A8C9A" stroke-width="1.5"/>
|
||||
<circle cx="714" cy="419" r="1.8" fill="#2C4A55"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- ========== PELICAN ========== -->
|
||||
<g id="pelican" class="pelican-bob" filter="url(#softShadow)">
|
||||
<!-- Shadow on sand under bird (cast by body) -->
|
||||
<ellipse cx="535" cy="485" rx="68" ry="11" fill="#000" opacity="0.13"/>
|
||||
|
||||
<!-- Tail feathers (layered) -->
|
||||
<g fill="#EDEAE0">
|
||||
<ellipse cx="388" cy="402" rx="28" ry="19" transform="rotate(-38 388 402)"/>
|
||||
<ellipse cx="378" cy="410" rx="22" ry="14" transform="rotate(-28 378 410)"/>
|
||||
<ellipse cx="395" cy="415" rx="19" ry="11" transform="rotate(-52 395 415)"/>
|
||||
</g>
|
||||
|
||||
<!-- Main body (large, rounded) -->
|
||||
<ellipse cx="470" cy="395" rx="78" ry="55" fill="url(#pelicanBody)" stroke="#D1CEC3" stroke-width="2"/>
|
||||
<!-- Body feather layering / shading -->
|
||||
<ellipse cx="452" cy="378" rx="48" ry="32" fill="#F4F3EE" opacity="0.55"/>
|
||||
<ellipse cx="495" cy="412" rx="42" ry="25" fill="#DCD8CC" opacity="0.4"/>
|
||||
|
||||
<!-- Rear wing (folded, resting) -->
|
||||
<g>
|
||||
<path d="M415 370 Q 390 395 398 430 Q 430 445 455 425 Q 445 395 415 370" fill="url(#wingGrad)" stroke="#C2BEB0" stroke-width="1.5"/>
|
||||
<!-- Wing feather lines -->
|
||||
<g stroke="#BFB9A9" stroke-width="1.1" opacity="0.5">
|
||||
<path d="M418 385 Q 402 400 410 420"/>
|
||||
<path d="M425 378 Q 408 395 415 418"/>
|
||||
<path d="M432 375 Q 418 393 423 415"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Neck (thick, S-curved for realism) -->
|
||||
<path d="M530 355 Q 555 332 568 308 Q 575 285 555 268" fill="none" stroke="#E3E1D9" stroke-width="33" stroke-linecap="round"/>
|
||||
<path d="M530 355 Q 555 332 568 308 Q 575 285 555 268" fill="none" stroke="#F1F0EC" stroke-width="18" stroke-linecap="round"/>
|
||||
<!-- Neck feather texture -->
|
||||
<path d="M535 345 Q 555 327 565 305" fill="none" stroke="#D6D4CA" stroke-width="2.5" stroke-linecap="round" opacity="0.5"/>
|
||||
|
||||
<!-- Head -->
|
||||
<ellipse cx="548" cy="258" rx="27" ry="22" fill="#F4F3EF" stroke="#D6D4CA" stroke-width="1.5"/>
|
||||
<!-- Crown / head feathers -->
|
||||
<path d="M530 248 Q 542 236 562 245" fill="none" stroke="#E8E6DF" stroke-width="5" stroke-linecap="round"/>
|
||||
|
||||
<!-- Beak upper mandible -->
|
||||
<path d="M562 252 Q 612 243 645 260 Q 655 267 648 275 Q 605 265 565 262 Z" fill="url(#beakGrad)" stroke="#C96B22" stroke-width="1.5"/>
|
||||
<!-- Beak ridge line -->
|
||||
<path d="M562 252 Q 605 248 640 258" fill="none" stroke="#C96B22" stroke-width="1.2" opacity="0.7"/>
|
||||
|
||||
<!-- Lower mandible + iconic throat pouch -->
|
||||
<path d="M562 262 Q 605 275 642 272 Q 652 280 640 290 Q 595 295 565 275 Z" fill="url(#pouchGrad)" stroke="#C96B22" stroke-width="1.5"/>
|
||||
<!-- Pouch volume shading -->
|
||||
<path d="M575 270 Q 605 285 630 280" fill="none" stroke="#E78F2E" stroke-width="8" stroke-linecap="round" opacity="0.35"/>
|
||||
<!-- Pouch characteristic wrinkles / folds -->
|
||||
<path d="M578 277 Q 598 282 620 279" fill="none" stroke="#C96B22" stroke-width="1" opacity="0.35"/>
|
||||
<path d="M580 283 Q 600 286 618 283" fill="none" stroke="#C96B22" stroke-width="0.9" opacity="0.3"/>
|
||||
|
||||
<!-- Beak tip (nail / hook) -->
|
||||
<path d="M643 260 Q 658 265 652 278" fill="none" stroke="#B85E1C" stroke-width="5" stroke-linecap="round"/>
|
||||
|
||||
<!-- Eye (vivid, alert expression) -->
|
||||
<ellipse cx="560" cy="252" rx="9.5" ry="10" fill="#F8F8F5"/>
|
||||
<!-- Iris (pale yellow) -->
|
||||
<ellipse cx="562" cy="252" rx="6" ry="6.5" fill="#E8D45C"/>
|
||||
<!-- Pupil -->
|
||||
<ellipse cx="564.5" cy="252.5" rx="3" ry="3.5" fill="#1F1F1F"/>
|
||||
<!-- Eye highlight (lively) -->
|
||||
<ellipse cx="558.5" cy="249" rx="2.2" ry="1.6" fill="#FFFFFF" opacity="0.9"/>
|
||||
<!-- Eyelid line for character -->
|
||||
<path d="M552 249 Q 560 246 570 249" fill="none" stroke="#C2BEB0" stroke-width="1.2"/>
|
||||
|
||||
<!-- Front wing / "arm" gripping handlebar (dynamic) -->
|
||||
<g>
|
||||
<!-- Primary wing shape (extended forward) -->
|
||||
<path d="M505 355 Q 545 340 590 352 Q 615 365 598 382 Q 555 375 515 365 Z" fill="url(#wingGrad)" stroke="#C2BEB0" stroke-width="1.5"/>
|
||||
<!-- Layered primary feathers -->
|
||||
<g stroke="#B8B3A2" stroke-width="1.4" opacity="0.6">
|
||||
<path d="M515 362 Q 545 355 575 362"/>
|
||||
<path d="M520 368 Q 552 362 582 368"/>
|
||||
<path d="M528 374 Q 558 369 588 374"/>
|
||||
</g>
|
||||
<!-- Wing "wrist" / carpal area near grip -->
|
||||
<ellipse cx="588" cy="365" rx="11" ry="7" fill="#D6D4CA" transform="rotate(-28 588 365)"/>
|
||||
</g>
|
||||
|
||||
<!-- Pelican "hand" / primary feathers wrapped on grip -->
|
||||
<g>
|
||||
<path d="M575 358 Q 592 352 610 360" fill="none" stroke="#C2BEB0" stroke-width="7" stroke-linecap="round"/>
|
||||
<path d="M578 362 Q 595 357 612 364" fill="none" stroke="#B8B3A2" stroke-width="3.5" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- Legs (long, realistic, orange) -->
|
||||
<!-- Left leg (rear on pedal) -->
|
||||
<g>
|
||||
<path d="M440 435 Q 455 455 475 468" fill="none" stroke="#E67E22" stroke-width="9" stroke-linecap="round"/>
|
||||
<path d="M440 435 Q 455 455 475 468" fill="none" stroke="#F39C4A" stroke-width="4" stroke-linecap="round"/>
|
||||
<!-- Knee joint hint -->
|
||||
<circle cx="455" cy="455" r="4" fill="#D96D1A"/>
|
||||
<!-- Webbed foot on rear pedal -->
|
||||
<g transform="rotate(-22 475 468)">
|
||||
<ellipse cx="476" cy="470" rx="12" ry="5" fill="#E67E22"/>
|
||||
<path d="M465 468 L 488 468" fill="none" stroke="#D96D1A" stroke-width="1.8"/>
|
||||
<path d="M468 472 L 485 472" fill="none" stroke="#D96D1A" stroke-width="1.4"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Right leg (forward on pedal) -->
|
||||
<g>
|
||||
<path d="M455 428 Q 472 448 495 462" fill="none" stroke="#E67E22" stroke-width="9" stroke-linecap="round"/>
|
||||
<path d="M455 428 Q 472 448 495 462" fill="none" stroke="#F39C4A" stroke-width="4" stroke-linecap="round"/>
|
||||
<circle cx="472" cy="448" r="4" fill="#D96D1A"/>
|
||||
<!-- Webbed foot on front pedal -->
|
||||
<g transform="rotate(18 495 462)">
|
||||
<ellipse cx="497" cy="464" rx="12" ry="5" fill="#E67E22"/>
|
||||
<path d="M486 462 L 509 462" fill="none" stroke="#D96D1A" stroke-width="1.8"/>
|
||||
<path d="M489 466 L 506 466" fill="none" stroke="#D96D1A" stroke-width="1.4"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- ========== FINAL ATMOSPHERIC TOUCHES ========== -->
|
||||
<!-- Distant sailboat (tiny, for depth) -->
|
||||
<g opacity="0.55">
|
||||
<path d="M835 255 L 842 255 L 842 267 L 835 267 Z" fill="#E8F0F5"/>
|
||||
<path d="M842 255 L 853 258 L 842 261 Z" fill="#F8FBFF"/>
|
||||
<path d="M835 267 L 835 275" fill="none" stroke="#8AA3B5" stroke-width="1.2"/>
|
||||
</g>
|
||||
|
||||
<!-- Light wind streaks / motion (near pelican head for speed feel) -->
|
||||
<g stroke="#FFFFFF" stroke-width="1.3" stroke-linecap="round" opacity="0.12">
|
||||
<line x1="510" y1="240" x2="555" y2="238"/>
|
||||
<line x1="495" y1="245" x2="545" y2="243"/>
|
||||
<line x1="515" y1="270" x2="565" y2="268"/>
|
||||
</g>
|
||||
|
||||
<!-- Subtle sparkle on pouch and wet sand edge -->
|
||||
<circle cx="612" cy="280" r="3" fill="#FFF7D6" opacity="0.5"/>
|
||||
<circle cx="595" cy="288" r="1.8" fill="#FFF7D6" opacity="0.35"/>
|
||||
|
||||
<!-- A couple more distant wave glints -->
|
||||
<g fill="#FFFFFF" opacity="0.18">
|
||||
<ellipse cx="280" cy="270" rx="14" ry="2"/>
|
||||
<ellipse cx="730" cy="265" rx="11" ry="1.6"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 25 KiB |
Reference in new issue
Block a user