Mini-boutique de produits locaux (Alpine.js)

medias/antalaha-ravenala-paysage.svg · 4.7 Ko

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Arbres du voyageur (ravenala)"><title>Arbres du voyageur (ravenala)</title><defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#8ecae6"/><stop offset="1" stop-color="#fff0c2"/></linearGradient></defs><rect width="1600" height="900" fill="url(#sky)"/><circle cx="1280.0" cy="162.0" r="108.0" fill="#ffe08a" opacity=".25"/><circle cx="1280.0" cy="162.0" r="61.2" fill="#ffe08a" opacity=".3"/><circle cx="1280.0" cy="162.0" r="36.0" fill="#fff7d1"/><g fill="#fff" opacity="0.85" transform="translate(400.0,144.0) scale(1.6)"><ellipse cx="0" cy="0" rx="60" ry="16"/><ellipse cx="-25" cy="-12" rx="28" ry="16"/><ellipse cx="14" cy="-18" rx="32" ry="20"/></g><path d="M0,900.0 L0,495.2 Q114.3,456.7 228.6,584.4 Q342.9,478.2 457.1,516.7 Q571.4,478.2 685.7,570.7 Q800.0,454.8 914.3,493.3 Q1028.6,454.8 1142.9,583.9 Q1257.1,464.8 1371.4,503.3 Q1485.7,464.8 1600.0,521.8 L1600.0,900.0 Z" fill="#80b918" opacity="1"/><path d="M0,900.0 L0,674.6 Q114.3,647.5 228.6,668.5 Q342.9,647.5 457.1,671.7 Q571.4,649.2 685.7,670.2 Q800.0,649.2 914.3,672.1 Q1028.6,638.5 1142.9,659.5 Q1257.1,638.5 1371.4,679.8 Q1485.7,639.6 1600.0,660.6 L1600.0,900.0 Z" fill="#55a630" opacity="1"/><path d="M480.0,712.0 L480.0,192.0" stroke="#5c4033" stroke-width="20.8" stroke-linecap="round"/><g transform="translate(480.0,192.0) rotate(-80)"><path d="M0,0 L0,-218.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-218.4" rx="39.0" ry="104.0" fill="#52b788"/></g><g transform="translate(480.0,192.0) rotate(-60)"><path d="M0,0 L0,-244.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-244.4" rx="39.0" ry="104.0" fill="#2d6a4f"/></g><g transform="translate(480.0,192.0) rotate(-40)"><path d="M0,0 L0,-270.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-270.4" rx="39.0" ry="104.0" fill="#52b788"/></g><g transform="translate(480.0,192.0) rotate(-20)"><path d="M0,0 L0,-296.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-296.4" rx="39.0" ry="104.0" fill="#2d6a4f"/></g><g transform="translate(480.0,192.0) rotate(0)"><path d="M0,0 L0,-322.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-322.4" rx="39.0" ry="104.0" fill="#52b788"/></g><g transform="translate(480.0,192.0) rotate(20)"><path d="M0,0 L0,-296.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-296.4" rx="39.0" ry="104.0" fill="#2d6a4f"/></g><g transform="translate(480.0,192.0) rotate(40)"><path d="M0,0 L0,-270.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-270.4" rx="39.0" ry="104.0" fill="#52b788"/></g><g transform="translate(480.0,192.0) rotate(60)"><path d="M0,0 L0,-244.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-244.4" rx="39.0" ry="104.0" fill="#2d6a4f"/></g><g transform="translate(480.0,192.0) rotate(80)"><path d="M0,0 L0,-218.4" stroke="#5c4033" stroke-width="6.2"/><ellipse cx="0" cy="-218.4" rx="39.0" ry="104.0" fill="#52b788"/></g><path d="M1152.0,742.0 L1152.0,362.0" stroke="#5c4033" stroke-width="15.2" stroke-linecap="round"/><g transform="translate(1152.0,362.0) rotate(-80)"><path d="M0,0 L0,-159.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-159.6" rx="28.5" ry="76.0" fill="#74c69d"/></g><g transform="translate(1152.0,362.0) rotate(-60)"><path d="M0,0 L0,-178.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-178.6" rx="28.5" ry="76.0" fill="#40916c"/></g><g transform="translate(1152.0,362.0) rotate(-40)"><path d="M0,0 L0,-197.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-197.6" rx="28.5" ry="76.0" fill="#74c69d"/></g><g transform="translate(1152.0,362.0) rotate(-20)"><path d="M0,0 L0,-216.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-216.6" rx="28.5" ry="76.0" fill="#40916c"/></g><g transform="translate(1152.0,362.0) rotate(0)"><path d="M0,0 L0,-235.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-235.6" rx="28.5" ry="76.0" fill="#74c69d"/></g><g transform="translate(1152.0,362.0) rotate(20)"><path d="M0,0 L0,-216.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-216.6" rx="28.5" ry="76.0" fill="#40916c"/></g><g transform="translate(1152.0,362.0) rotate(40)"><path d="M0,0 L0,-197.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-197.6" rx="28.5" ry="76.0" fill="#74c69d"/></g><g transform="translate(1152.0,362.0) rotate(60)"><path d="M0,0 L0,-178.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-178.6" rx="28.5" ry="76.0" fill="#40916c"/></g><g transform="translate(1152.0,362.0) rotate(80)"><path d="M0,0 L0,-159.6" stroke="#5c4033" stroke-width="4.6"/><ellipse cx="0" cy="-159.6" rx="28.5" ry="76.0" fill="#74c69d"/></g></svg>