224 lines
10 KiB
XML
224 lines
10 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600">
|
|
<!-- Sky gradient -->
|
|
<defs>
|
|
<linearGradient id="sky" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#87CEEB"/>
|
|
<stop offset="100%" style="stop-color:#E0F7FA"/>
|
|
</linearGradient>
|
|
<linearGradient id="water" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#2196F3"/>
|
|
<stop offset="100%" style="stop-color:#0D47A1"/>
|
|
</linearGradient>
|
|
<linearGradient id="sand" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#F4D03F"/>
|
|
<stop offset="100%" style="stop-color:#E6B800"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Sky -->
|
|
<rect width="800" height="600" fill="url(#sky)"/>
|
|
|
|
<!-- Sun -->
|
|
<circle cx="650" cy="100" r="50" fill="#FFD700" opacity="0.9"/>
|
|
<circle cx="650" cy="100" r="45" fill="#FFF176"/>
|
|
|
|
<!-- Clouds -->
|
|
<g opacity="0.8">
|
|
<ellipse cx="150" cy="80" rx="60" ry="25" fill="white"/>
|
|
<ellipse cx="180" cy="70" rx="40" ry="20" fill="white"/>
|
|
<ellipse cx="120" cy="75" rx="35" ry="18" fill="white"/>
|
|
|
|
<ellipse cx="500" cy="120" rx="70" ry="28" fill="white"/>
|
|
<ellipse cx="530" cy="108" rx="45" ry="22" fill="white"/>
|
|
<ellipse cx="470" cy="115" rx="40" ry="20" fill="white"/>
|
|
</g>
|
|
|
|
<!-- Ocean -->
|
|
<path d="M0 400 Q200 380 400 390 Q600 400 800 385 L800 600 L0 600 Z" fill="url(#water)"/>
|
|
|
|
<!-- Waves -->
|
|
<path d="M0 420 Q100 410 200 420 Q300 430 400 420 Q500 410 600 420 Q700 430 800 420" stroke="#1976D2" stroke-width="3" fill="none" opacity="0.6"/>
|
|
<path d="M0 440 Q100 430 200 440 Q300 450 400 440 Q500 430 600 440 Q700 450 800 440" stroke="#1976D2" stroke-width="2" fill="none" opacity="0.4"/>
|
|
|
|
<!-- Beach -->
|
|
<path d="M0 400 Q200 380 400 390 Q600 400 800 385 L800 450 Q600 460 400 450 Q200 440 0 450 Z" fill="url(#sand)"/>
|
|
|
|
<!-- Wet sand -->
|
|
<path d="M0 430 Q200 420 400 425 Q600 430 800 420 L800 450 Q600 460 400 450 Q200 440 0 450 Z" fill="#D4A830" opacity="0.5"/>
|
|
|
|
<!-- Palm trees -->
|
|
<g transform="translate(100, 350)">
|
|
<!-- Trunk -->
|
|
<path d="M0 0 Q-5 -50 -2 -100 Q0 -120 5 -100 Q8 -50 3 0" fill="#8D6E63" stroke="#6D4C41" stroke-width="1"/>
|
|
<!-- Leaves -->
|
|
<path d="M5 -100 Q30 -130 60 -110" stroke="#2E7D32" stroke-width="8" fill="none" stroke-linecap="round"/>
|
|
<path d="M5 -100 Q-20 -140 -50 -120" stroke="#2E7D32" stroke-width="8" fill="none" stroke-linecap="round"/>
|
|
<path d="M5 -100 Q40 -150 70 -140" stroke="#388E3C" stroke-width="6" fill="none" stroke-linecap="round"/>
|
|
<path d="M5 -100 Q-30 -160 -60 -150" stroke="#388E3C" stroke-width="6" fill="none" stroke-linecap="round"/>
|
|
<!-- Coconuts -->
|
|
<circle cx="5" cy="-95" r="4" fill="#6D4C41"/>
|
|
<circle cx="10" cy="-92" r="3.5" fill="#795548"/>
|
|
</g>
|
|
|
|
<g transform="translate(700, 360)">
|
|
<!-- Trunk -->
|
|
<path d="M0 0 Q5 -40 2 -80 Q0 -100 -3 -80 Q-6 -40 -1 0" fill="#8D6E63" stroke="#6D4C41" stroke-width="1"/>
|
|
<!-- Leaves -->
|
|
<path d="M-3 -80 Q-30 -110 -55 -95" stroke="#2E7D32" stroke-width="7" fill="none" stroke-linecap="round"/>
|
|
<path d="M-3 -80 Q20 -120 45 -105" stroke="#2E7D32" stroke-width="7" fill="none" stroke-linecap="round"/>
|
|
<path d="M-3 -80 Q-40 -130 -65 -120" stroke="#388E3C" stroke-width="5" fill="none" stroke-linecap="round"/>
|
|
<path d="M-3 -80 Q30 -140 55 -130" stroke="#388E3C" stroke-width="5" fill="none" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<!-- Seagulls in distance -->
|
|
<g fill="none" stroke="#555" stroke-width="1.5" opacity="0.6">
|
|
<path d="M200 150 Q205 145 210 150 Q215 145 220 150"/>
|
|
<path d="M350 130 Q355 125 360 130 Q365 125 370 130"/>
|
|
<path d="M550 160 Q555 155 560 160 Q565 155 570 160"/>
|
|
</g>
|
|
|
|
<!-- Bicycle -->
|
|
<g transform="translate(350, 380)">
|
|
<!-- Rear wheel -->
|
|
<circle cx="-60" cy="30" r="35" fill="none" stroke="#333" stroke-width="4"/>
|
|
<circle cx="-60" cy="30" r="30" fill="none" stroke="#555" stroke-width="1"/>
|
|
<!-- Spokes -->
|
|
<line x1="-60" y1="0" x2="-60" y2="60" stroke="#777" stroke-width="0.8"/>
|
|
<line x1="-90" y1="30" x2="-30" y2="30" stroke="#777" stroke-width="0.8"/>
|
|
<line x1="-85" y1="8" x2="-35" y2="52" stroke="#777" stroke-width="0.8"/>
|
|
<line x1="-85" y1="52" x2="-35" y2="8" stroke="#777" stroke-width="0.8"/>
|
|
<!-- Rear hub -->
|
|
<circle cx="-60" cy="30" r="4" fill="#666"/>
|
|
|
|
<!-- Front wheel -->
|
|
<circle cx="70" cy="30" r="35" fill="none" stroke="#333" stroke-width="4"/>
|
|
<circle cx="70" cy="30" r="30" fill="none" stroke="#555" stroke-width="1"/>
|
|
<!-- Spokes -->
|
|
<line x1="70" y1="0" x2="70" y2="60" stroke="#777" stroke-width="0.8"/>
|
|
<line x1="40" y1="30" x2="100" y2="30" stroke="#777" stroke-width="0.8"/>
|
|
<line x1="45" y1="8" x2="95" y2="52" stroke="#777" stroke-width="0.8"/>
|
|
<line x1="45" y1="52" x2="95" y2="8" stroke="#777" stroke-width="0.8"/>
|
|
<!-- Front hub -->
|
|
<circle cx="70" cy="30" r="4" fill="#666"/>
|
|
|
|
<!-- Frame -->
|
|
<!-- Seat tube -->
|
|
<line x1="-20" y1="-30" x2="-40" y2="20" stroke="#E53935" stroke-width="5" stroke-linecap="round"/>
|
|
<!-- Top tube -->
|
|
<line x1="-20" y1="-30" x2="40" y2="-25" stroke="#E53935" stroke-width="5" stroke-linecap="round"/>
|
|
<!-- Down tube -->
|
|
<line x1="-40" y1="20" x2="40" y2="-25" stroke="#E53935" stroke-width="5" stroke-linecap="round"/>
|
|
<!-- Chain stay -->
|
|
<line x1="-40" y1="20" x2="-60" y2="30" stroke="#E53935" stroke-width="4" stroke-linecap="round"/>
|
|
<!-- Seat stay -->
|
|
<line x1="-20" y1="-30" x2="-60" y2="30" stroke="#E53935" stroke-width="4" stroke-linecap="round"/>
|
|
<!-- Head tube -->
|
|
<line x1="40" y1="-25" x2="50" y2="-10" stroke="#E53935" stroke-width="5" stroke-linecap="round"/>
|
|
<!-- Fork -->
|
|
<line x1="50" y1="-10" x2="70" y2="30" stroke="#E53935" stroke-width="4" stroke-linecap="round"/>
|
|
|
|
<!-- Seat -->
|
|
<ellipse cx="-20" cy="-35" rx="12" ry="4" fill="#333"/>
|
|
<!-- Seat post -->
|
|
<line x1="-20" y1="-30" x2="-20" y2="-35" stroke="#666" stroke-width="3"/>
|
|
|
|
<!-- Handlebars -->
|
|
<path d="M40 -25 Q55 -40 65 -35 Q75 -30 70 -20" stroke="#333" stroke-width="4" fill="none" stroke-linecap="round"/>
|
|
<!-- Grips -->
|
|
<line x1="65" y1="-35" x2="75" y2="-40" stroke="#222" stroke-width="6" stroke-linecap="round"/>
|
|
<line x1="70" y1="-20" x2="80" y2="-15" stroke="#222" stroke-width="6" stroke-linecap="round"/>
|
|
|
|
<!-- Chainring -->
|
|
<circle cx="-40" cy="20" r="12" fill="none" stroke="#555" stroke-width="2"/>
|
|
<circle cx="-40" cy="20" r="8" fill="#666"/>
|
|
<!-- Chain -->
|
|
<path d="M-40 32 Q-50 45 -60 30" stroke="#555" stroke-width="2" fill="none"/>
|
|
<!-- Pedals -->
|
|
<line x1="-40" y1="20" x2="-50" y2="35" stroke="#444" stroke-width="3"/>
|
|
<rect x="-55" y="33" width="10" height="4" rx="1" fill="#333"/>
|
|
<line x1="-40" y1="20" x2="-30" y2="5" stroke="#444" stroke-width="3"/>
|
|
<rect x="-35" y="1" width="10" height="4" rx="1" fill="#333"/>
|
|
</g>
|
|
|
|
<!-- Pelican -->
|
|
<g transform="translate(350, 320)">
|
|
<!-- Body -->
|
|
<ellipse cx="0" cy="0" rx="35" ry="25" fill="#F5F5F5" stroke="#E0E0E0" stroke-width="1"/>
|
|
|
|
<!-- Chest/belly -->
|
|
<ellipse cx="5" cy="8" rx="25" ry="18" fill="white"/>
|
|
|
|
<!-- Wing (back) -->
|
|
<path d="M-15 -10 Q-50 -30 -60 -10 Q-55 5 -30 5 Q-15 5 -10 0" fill="#E0E0E0" stroke="#BDBDBD" stroke-width="1"/>
|
|
<!-- Wing feather details -->
|
|
<path d="M-20 -5 Q-45 -20 -55 -8" stroke="#BDBDBD" stroke-width="1" fill="none"/>
|
|
<path d="M-15 0 Q-40 -10 -50 0" stroke="#BDBDBD" stroke-width="1" fill="none"/>
|
|
|
|
<!-- Tail -->
|
|
<path d="M-30 -5 Q-55 -15 -65 -5 Q-60 5 -40 5 Q-30 5 -25 0" fill="#E8E8E8" stroke="#BDBDBD" stroke-width="1"/>
|
|
<path d="M-35 -2 Q-50 -10 -58 -3" stroke="#BDBDBD" stroke-width="0.8" fill="none"/>
|
|
|
|
<!-- Neck -->
|
|
<path d="M20 -10 Q35 -30 40 -50 Q42 -60 38 -65" fill="#F5F5F5" stroke="#E0E0E0" stroke-width="1"/>
|
|
|
|
<!-- Head -->
|
|
<circle cx="38" cy="-70" r="15" fill="#F5F5F5" stroke="#E0E0E0" stroke-width="1"/>
|
|
|
|
<!-- Eye -->
|
|
<circle cx="44" cy="-73" r="4" fill="white"/>
|
|
<circle cx="45" cy="-73" r="2.5" fill="#1A237E"/>
|
|
<circle cx="46" cy="-74" r="1" fill="white"/>
|
|
|
|
<!-- Beak (upper) -->
|
|
<path d="M50 -70 L90 -65 Q95 -63 90 -60 L50 -62" fill="#FF9800" stroke="#E65100" stroke-width="1"/>
|
|
<!-- Beak tip hook -->
|
|
<path d="M90 -65 Q98 -62 92 -58" fill="none" stroke="#E65100" stroke-width="2" stroke-linecap="round"/>
|
|
|
|
<!-- Beak (lower) with gular pouch -->
|
|
<path d="M50 -62 L85 -60 Q90 -58 85 -50 Q70 -40 50 -55" fill="#FFB74D" stroke="#E65100" stroke-width="1"/>
|
|
<!-- Gular pouch detail -->
|
|
<path d="M55 -58 Q70 -48 80 -52" stroke="#E65100" stroke-width="0.5" fill="none"/>
|
|
|
|
<!-- Neck feathers/collar -->
|
|
<path d="M22 -12 Q30 -20 35 -25" stroke="#E0E0E0" stroke-width="2" fill="none"/>
|
|
|
|
<!-- Legs (on pedals) -->
|
|
<!-- Right leg (on front pedal) -->
|
|
<path d="M5 20 Q10 35 15 50 Q18 55 20 55" stroke="#FF9800" stroke-width="5" fill="none" stroke-linecap="round"/>
|
|
<!-- Foot -->
|
|
<path d="M20 55 L28 58 L25 55 L30 54 L20 52" fill="#FF9800"/>
|
|
|
|
<!-- Left leg (on back pedal) -->
|
|
<path d="M-5 20 Q-10 40 -20 50 Q-22 52 -25 52" stroke="#FF9800" stroke-width="5" fill="none" stroke-linecap="round"/>
|
|
<!-- Foot -->
|
|
<path d="M-25 52 L-32 55 L-29 52 L-34 51 L-25 49" fill="#FF9800"/>
|
|
</g>
|
|
|
|
<!-- Shadow under bicycle -->
|
|
<ellipse cx="350" cy="415" rx="80" ry="8" fill="rgba(0,0,0,0.15)"/>
|
|
|
|
<!-- Small decorative elements -->
|
|
<!-- Starfish on beach -->
|
|
<g transform="translate(180, 420)" fill="#FF7043" opacity="0.7">
|
|
<path d="M0 -8 L2 -3 L8 -3 L3 1 L5 7 L0 3 L-5 7 L-3 1 L-8 -3 L-2 -3 Z"/>
|
|
</g>
|
|
|
|
<!-- Shell -->
|
|
<g transform="translate(600, 430)" fill="#FFCC80" opacity="0.6">
|
|
<ellipse cx="0" cy="0" rx="6" ry="4"/>
|
|
<path d="M-6 0 Q0 -3 6 0" stroke="#FFB74D" stroke-width="0.5" fill="none"/>
|
|
</g>
|
|
|
|
<!-- Water splash near shore -->
|
|
<g fill="white" opacity="0.4">
|
|
<circle cx="300" cy="400" r="2"/>
|
|
<circle cx="310" cy="395" r="1.5"/>
|
|
<circle cx="295" cy="398" r="1"/>
|
|
</g>
|
|
|
|
<!-- Title -->
|
|
<text x="400" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#1565C0" opacity="0.8">
|
|
Pelican by the Sea
|
|
</text>
|
|
</svg>
|