JIT
Grid - Untitled
Log in
@andronov04
Generate an SVG of a pelican riding a bicycle
DeepSeek V3.2 Exp
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pelican on a Bicycle</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } 
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        background: linear-gradient(135deg, #87CEEB, #E0F7FA);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        padding: 20px;
    }
    
    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        max-width: 90vw;
        width: 100%;
    }
    
    .svg-container {
        width: 100%;
        max-width: 800px;
        background: white;
        border-radius: 20px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        padding: 20px;
    }
    
    svg {
        width: 100%;
        height: auto;
        display: block;
    }
    
    h1 {
        color: #2C3E50;
        font-size: clamp(2rem, 5vw, 3.5rem);
        text-align: center;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
    }
    
    .subtitle {
        color: #34495E;
        font-size: clamp(1rem, 2.5vw, 1.5rem);
        text-align: center;
        font-style: italic;
    }
</style>
</head> <body> <div class="container"> <h1>Pelican on a Bicycle</h1> <p class="subtitle">The most unexpected cyclist in town</p> 
    <div class="svg-container">
        <svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
            
            <rect width="800" height="600" fill="#E0F7FA"></rect>
            
            
            <rect x="0" y="450" width="800" height="150" fill="#81C784"></rect>
            
            
            <path d="M300 350 L400 250 L500 350 L400 450 Z" fill="#BDBDBD" stroke="#757575" stroke-width="3"></path>
            <circle cx="250" cy="450" r="50" fill="#9E9E9E" stroke="#616161" stroke-width="3"></circle>
            <circle cx="550" cy="450" r="50" fill="#9E9E9E" stroke="#616161" stroke-width="3"></circle>
            
            
            <circle cx="400" cy="350" r="15" fill="#757575"></circle>
            <circle cx="400" cy="350" r="8" fill="#424242"></circle>
            <line x1="400" y1="350" x2="550" y2="450" stroke="#424242" stroke-width="3"></line>
            
            
            <path d="M400 250 L350 200 L450 200 Z" fill="#757575"></path>
            <line x1="350" y1="200" x2="320" y2="180" stroke="#424242" stroke-width="4"></line>
            <line x1="450" y1="200" x2="480" y2="180" stroke="#424242" stroke-width="4"></line>
            
            
            <rect x="390" y="230" width="20" height="40" fill="#8D6E63" rx="5"></rect>
            
            
            <ellipse cx="320" cy="300" rx="60" ry="40" fill="white" stroke="#BDBDBD" stroke-width="2"></ellipse>
            
            
            <circle cx="270" cy="280" r="30" fill="white" stroke="#BDBDBD" stroke-width="2"></circle>
            
            
            <path d="M240 280 L200 270 L220 290 Z" fill="#FFB74D"></path>
            <path d="M240 280 L200 290 L220 290 Z" fill="#FF9800"></path>
            
            
            <circle cx="260" cy="275" r="5" fill="black"></circle>
            
            
            <line x1="320" y1="340" x2="390" y2="360" stroke="#FFB74D" stroke-width="6" stroke-linecap="round"></line>
            <line x1="320" y1="340" x2="410" y2="360" stroke="#FFB74D" stroke-width="6" stroke-linecap="round"></line>
            
            
            <ellipse cx="350" cy="300" rx="40" ry="25" fill="white" stroke="#BDBDBD" stroke-width="2" transform="rotate(-20 350 300)"></ellipse>
            <ellipse cx="290" cy="300" rx="40" ry="25" fill="white" stroke="#BDBDBD" stroke-width="2" transform="rotate(20 290 300)"></ellipse>
            
            
            <circle cx="700" cy="100" r="40" fill="#FFEB3B"></circle>
            
            
            <ellipse cx="100" cy="100" rx="50" ry="30" fill="white" opacity="0.8"></ellipse>
            <ellipse cx="130" cy="90" rx="40" ry="25" fill="white" opacity="0.8"></ellipse>
            <ellipse cx="160" cy="100" rx="45" ry="28" fill="white" opacity="0.8"></ellipse>
            
            
            <line x1="600" y1="450" x2="650" y2="450" stroke="#757575" stroke-width="3" stroke-dasharray="5,5"></line>
            <line x1="610" y1="440" x2="660" y2="435" stroke="#757575" stroke-width="3" stroke-dasharray="5,5"></line>
            <line x1="610" y1="460" x2="660" y2="465" stroke="#757575" stroke-width="3" stroke-dasharray="5,5"></line>
        </svg>
    </div>
</div>
</body> </html>*
Updated files
v1