Réservations de sorties en pirogue (Alpine.js)

medias/antalaha-baie-aube-paysage.svg · 9.7 Ko

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Baie d'Antalaha à l'aube, avec des pirogues"><title>Baie d'Antalaha à l'aube, avec des pirogues</title><defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#7fb2e5"/><stop offset="0.55" stop-color="#ffc9a3"/><stop offset="1" stop-color="#ffe8b5"/></linearGradient><linearGradient id="sea" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#ffd8a8"/><stop offset="1" stop-color="#2e86ab"/></linearGradient></defs><rect width="1600" height="522.0" fill="url(#sky)"/><circle cx="1088.0" cy="482.0" r="156.0" fill="#ffd29a" opacity=".25"/><circle cx="1088.0" cy="482.0" r="88.4" fill="#ffd29a" opacity=".3"/><circle cx="1088.0" cy="482.0" r="52.0" fill="#fff3c4"/><g fill="#fff" opacity="0.85" transform="translate(320.0,126.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><g fill="#fff" opacity="0.85" transform="translate(1248.0,198.0) scale(1.2)"><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="M578.2,200.8 q5.3,-8.5 10.6,0 q5.3,-8.5 10.6,0" fill="none" stroke="#3d405b" stroke-width="1.8" stroke-linecap="round"/><path d="M597.0,179.7 q4.3,-7.0 8.7,0 q4.3,-7.0 8.7,0" fill="none" stroke="#3d405b" stroke-width="1.8" stroke-linecap="round"/><path d="M654.7,197.3 q3.3,-5.3 6.6,0 q3.3,-5.3 6.6,0" fill="none" stroke="#3d405b" stroke-width="1.8" stroke-linecap="round"/><path d="M565.4,200.1 q4.3,-6.9 8.6,0 q4.3,-6.9 8.6,0" fill="none" stroke="#3d405b" stroke-width="1.8" stroke-linecap="round"/><path d="M0,524.0 L0,479.7 Q114.3,406.5 228.6,448.5 Q342.9,406.5 457.1,466.3 Q571.4,400.4 685.7,442.4 Q800.0,398.2 914.3,440.2 Q1028.6,398.2 1142.9,497.3 Q1257.1,455.3 1371.4,502.7 Q1485.7,376.6 1600.0,418.6 L1600.0,524.0 Z" fill="#6d8fa6" opacity="0.7"/><path d="M0,526.0 L0,478.4 Q114.3,446.9 228.6,471.4 Q342.9,443.7 457.1,468.2 Q571.4,434.9 685.7,459.4 Q800.0,434.9 914.3,471.5 Q1028.6,436.1 1142.9,460.6 Q1257.1,436.1 1371.4,513.8 Q1485.7,463.3 1600.0,487.8 L1600.0,526.0 Z" fill="#4f7c8a" opacity="0.9"/><rect x="0" y="522.0" width="1600.0" height="378.0" fill="url(#sea)"/><path d="M1515.5,529.7 q5.4,-4.0 10.9,0 t10.9,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1333.5,525.8 q14.7,-4.0 29.4,0 t29.4,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M479.2,532.1 q13.2,-4.0 26.5,0 t26.5,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M921.6,535.4 q7.0,-4.0 14.1,0 t14.1,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M617.5,538.9 q15.3,-4.0 30.6,0 t30.6,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1518.0,547.6 q13.2,-4.0 26.4,0 t26.4,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M414.6,550.2 q5.6,-4.0 11.2,0 t11.2,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M733.1,554.3 q10.1,-4.0 20.1,0 t20.1,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1424.7,563.6 q13.7,-4.0 27.5,0 t27.5,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M362.5,572.4 q5.9,-4.0 11.8,0 t11.8,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M201.4,579.3 q14.3,-4.0 28.5,0 t28.5,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1072.7,592.1 q9.1,-4.0 18.2,0 t18.2,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1270.8,600.8 q19.4,-4.0 38.8,0 t38.8,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1215.9,610.6 q21.1,-4.0 42.2,0 t42.2,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1569.2,617.5 q24.8,-4.0 49.7,0 t49.7,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1201.5,627.0 q20.7,-4.0 41.4,0 t41.4,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M839.2,639.9 q16.9,-4.0 33.8,0 t33.8,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M791.4,654.2 q24.9,-4.0 49.8,0 t49.8,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1410.2,662.8 q27.0,-4.0 54.0,0 t54.0,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M899.7,675.7 q28.4,-4.0 56.8,0 t56.8,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M768.3,690.1 q13.0,-4.0 26.1,0 t26.1,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1113.3,700.8 q12.1,-4.0 24.1,0 t24.1,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M414.4,717.8 q31.3,-4.0 62.6,0 t62.6,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1530.9,728.1 q26.8,-4.0 53.6,0 t53.6,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M818.8,743.5 q26.3,-4.0 52.6,0 t52.6,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M485.2,758.6 q14.9,-4.0 29.9,0 t29.9,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1493.3,773.2 q27.2,-4.0 54.4,0 t54.4,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1309.0,785.9 q30.9,-4.0 61.9,0 t61.9,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M290.1,806.5 q32.8,-4.0 65.6,0 t65.6,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1037.7,817.4 q18.9,-4.0 37.7,0 t37.7,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1398.3,834.8 q14.1,-4.0 28.2,0 t28.2,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1363.4,853.2 q19.2,-4.0 38.4,0 t38.4,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M1406.5,868.3 q25.8,-4.0 51.6,0 t51.6,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><path d="M31.6,888.7 q24.6,-4.0 49.2,0 t49.2,0" fill="none" stroke="#fff" stroke-opacity="0.35" stroke-width="1.6" stroke-linecap="round"/><g transform="translate(480.0,654.3) scale(1.6)"><ellipse cx="0" cy="26" rx="70" ry="4" fill="#5b3a29" opacity=".5"/><path d="M-62,-2 Q-30,18 66,-4 L58,-12 Q0,-6 -54,-12Z" fill="#5b3a29"/><path d="M-24,-6 L-28,24 M24,-6 L22,24" stroke="#5b3a29" stroke-width="3" stroke-linecap="round"/><rect x="-46" y="22" width="92" height="6" rx="3" fill="#e76f51"/><path d="M0,-12 L0,-70" stroke="#5b3a29" stroke-width="3"/><path d="M3,-68 L44,-18 L3,-18Z" fill="#fff3c4"/></g><g transform="translate(1200.0,590.0) scale(0.8)"><ellipse cx="0" cy="26" rx="70" ry="4" fill="#5b3a29" opacity=".5"/><path d="M-62,-2 Q-30,18 66,-4 L58,-12 Q0,-6 -54,-12Z" fill="#5b3a29"/><path d="M-24,-6 L-28,24 M24,-6 L22,24" stroke="#5b3a29" stroke-width="3" stroke-linecap="round"/><rect x="-46" y="22" width="92" height="6" rx="3" fill="#e9c46a"/></g><path d="M64.0,900.0 Q74.6,612.0 169.6,420.0" fill="none" stroke="#6b4423" stroke-width="21.6" stroke-linecap="round"/><path transform="translate(169.6,420.0) rotate(-170)" fill="#2d6a4f" d="M0,0 Q132.0,-79.2 264.0,58.1 Q132.0,-5.3 0,0Z"/><path transform="translate(169.6,420.0) rotate(-140)" fill="#2d6a4f" d="M0,0 Q132.0,-79.2 264.0,58.1 Q132.0,-5.3 0,0Z"/><path transform="translate(169.6,420.0) rotate(-110)" fill="#2d6a4f" d="M0,0 Q132.0,-79.2 264.0,58.1 Q132.0,-5.3 0,0Z"/><path transform="translate(169.6,420.0) rotate(-80)" fill="#2d6a4f" d="M0,0 Q132.0,-79.2 264.0,58.1 Q132.0,-5.3 0,0Z"/><path transform="translate(169.6,420.0) rotate(-50)" fill="#2d6a4f" d="M0,0 Q132.0,-79.2 264.0,58.1 Q132.0,-5.3 0,0Z"/><path transform="translate(169.6,420.0) rotate(-20)" fill="#2d6a4f" d="M0,0 Q132.0,-79.2 264.0,58.1 Q132.0,-5.3 0,0Z"/><path transform="translate(169.6,420.0) rotate(10)" fill="#2d6a4f" d="M0,0 Q132.0,-79.2 264.0,58.1 Q132.0,-5.3 0,0Z"/><circle cx="169.6" cy="441.6" r="19.4" fill="#6b4423"/><path d="M1552.0,900.0 Q1544.0,660.0 1472.0,500.0" fill="none" stroke="#6b4423" stroke-width="18.0" stroke-linecap="round"/><path transform="translate(1472.0,500.0) rotate(-170)" fill="#40916c" d="M0,0 Q110.0,-66.0 220.0,48.4 Q110.0,-4.4 0,0Z"/><path transform="translate(1472.0,500.0) rotate(-140)" fill="#40916c" d="M0,0 Q110.0,-66.0 220.0,48.4 Q110.0,-4.4 0,0Z"/><path transform="translate(1472.0,500.0) rotate(-110)" fill="#40916c" d="M0,0 Q110.0,-66.0 220.0,48.4 Q110.0,-4.4 0,0Z"/><path transform="translate(1472.0,500.0) rotate(-80)" fill="#40916c" d="M0,0 Q110.0,-66.0 220.0,48.4 Q110.0,-4.4 0,0Z"/><path transform="translate(1472.0,500.0) rotate(-50)" fill="#40916c" d="M0,0 Q110.0,-66.0 220.0,48.4 Q110.0,-4.4 0,0Z"/><path transform="translate(1472.0,500.0) rotate(-20)" fill="#40916c" d="M0,0 Q110.0,-66.0 220.0,48.4 Q110.0,-4.4 0,0Z"/><path transform="translate(1472.0,500.0) rotate(10)" fill="#40916c" d="M0,0 Q110.0,-66.0 220.0,48.4 Q110.0,-4.4 0,0Z"/><circle cx="1472.0" cy="518.0" r="16.2" fill="#6b4423"/></svg>