Grilles d'images
Ce composant permet d'afficher une galerie d'image (photos, logos, etc.)
Modificateurs d'affichage et de disposition
.images-grid--gallery: Galerie d'images à largeur variable (idéal pour une médiathèque).images-grid--pills: Galerie d'images sous forme de pilules (idéal pour des icônes de réseaux sociaux).images-grid--table: Galerie d'images à largeur fixée (idéal pour des logos de partenaires)
Modificateurs de taille des images
.images-grid--contain: Affiche les images dans leur intégralité.images-grid--cover: L'image s'agrandit pour remplir l'espace qu'elle occupe, quite à être croppée.
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page import="fr.kosmos.web.kore.attributes.DefaultImageLink" %>
<%@ page import="fr.kosmos.web.kore.attributes.interfaces.ImageLink" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="kuik" uri="kuik" %>
<%
final ImageLink partner1 = new DefaultImageLink();
final ImageLink partner2 = new DefaultImageLink();
final ImageLink partner3 = new DefaultImageLink();
partner1.setUrl("data:image/svg+xml,<svg width='100%' height='100%' viewBox='0 0 245 41' fill='none' xmlns='http://www.w3.org/2000/svg'>"
+ "<path d='M214.475 32.9309V12.521H219.824V16.1539H220.08C220.506 14.949 221.217 13.9997 222.215 13.306C223.213 12.6123 224.4 12.2654 225.775 12.2654C227.175 12.2654 228.362 12.6184 229.335 13.3243C230.321 14.018 230.978 14.9612 231.307 16.1539H231.526C231.94 14.9734 232.694 14.0302 233.79 13.3243C234.885 12.6184 236.175 12.2654 237.66 12.2654C239.558 12.2654 241.104 12.8679 242.297 14.0728C243.502 15.2776 244.104 16.9876 244.104 19.2026V32.9309H238.445V20.3345C238.445 19.1904 238.141 18.3385 237.532 17.7787C236.936 17.2188 236.187 16.9389 235.287 16.9389C234.264 16.9389 233.461 17.2675 232.877 17.9247C232.305 18.5698 232.019 19.4217 232.019 20.4805V32.9309H226.542V20.1884C226.542 19.2026 226.256 18.4176 225.684 17.8334C225.112 17.2371 224.364 16.9389 223.439 16.9389C222.806 16.9389 222.24 17.0971 221.741 17.4136C221.242 17.73 220.846 18.1681 220.554 18.728C220.262 19.2756 220.116 19.9328 220.116 20.6996V32.9309H214.475Z' fill='%231A1A1A'></path>"
+ "<path d='M206.428 24.2595V12.521H212.069V32.9309H206.647V29.225H206.428C205.966 30.4056 205.205 31.367 204.146 32.1094C203.087 32.8397 201.791 33.1987 200.258 33.1865C198.894 33.1865 197.69 32.8823 196.643 32.2737C195.608 31.653 194.799 30.7707 194.215 29.6266C193.643 28.4826 193.357 27.1134 193.357 25.5191V12.521H198.998V24.5333C198.998 25.726 199.32 26.6753 199.966 27.3812C200.611 28.0749 201.469 28.4157 202.54 28.4035C203.221 28.4035 203.854 28.2514 204.438 27.9471C205.022 27.6307 205.497 27.1621 205.862 26.5414C206.239 25.9207 206.428 25.1601 206.428 24.2595Z' fill='%231A1A1A'></path>"
+ "<path d='M191.444 18.3446L186.277 18.6549C186.143 18.0099 185.784 17.4562 185.2 16.9937C184.616 16.519 183.831 16.2817 182.845 16.2817C181.969 16.2817 181.233 16.4643 180.636 16.8294C180.052 17.1945 179.76 17.6813 179.76 18.2898C179.76 18.7767 179.949 19.1965 180.326 19.5495C180.715 19.8903 181.379 20.158 182.316 20.3527L186.022 21.083C188.006 21.4846 189.484 22.1357 190.458 23.0363C191.432 23.9369 191.918 25.1236 191.918 26.5962C191.918 27.9471 191.529 29.1277 190.75 30.1378C189.971 31.1358 188.9 31.9208 187.537 32.4928C186.174 33.0526 184.61 33.3326 182.845 33.3326C180.143 33.3326 177.989 32.7666 176.383 31.6348C174.788 30.5029 173.857 28.9694 173.59 27.0343L179.121 26.7422C179.304 27.5698 179.717 28.1966 180.362 28.6226C181.008 29.0485 181.835 29.2615 182.845 29.2615C183.831 29.2615 184.628 29.0668 185.237 28.6773C185.857 28.2879 186.168 27.795 186.168 27.1986C186.168 26.1885 185.292 25.5069 183.539 25.154L180.016 24.4238C178.032 24.0221 176.553 23.3345 175.579 22.3609C174.606 21.3872 174.119 20.1397 174.119 18.6184C174.119 17.304 174.478 16.1722 175.196 15.2229C175.914 14.2736 176.918 13.5433 178.208 13.0322C179.511 12.521 181.032 12.2654 182.772 12.2654C185.352 12.2654 187.379 12.8131 188.851 13.9085C190.336 14.9916 191.2 16.4703 191.444 18.3446Z' fill='%231A1A1A'></path>"
+ "<path d='M153.092 40.5618V12.521H158.642V15.9714H158.897C159.153 15.4115 159.518 14.8456 159.993 14.2736C160.467 13.7016 161.088 13.2269 161.855 12.8496C162.622 12.4602 163.571 12.2654 164.703 12.2654C166.2 12.2654 167.569 12.6549 168.81 13.4338C170.064 14.2005 171.068 15.3628 171.822 16.9207C172.577 18.4785 172.954 20.4258 172.954 22.7625C172.954 25.0262 172.589 26.943 171.859 28.513C171.129 30.0709 170.137 31.2514 168.883 32.0547C167.642 32.8579 166.242 33.2595 164.684 33.2595C163.589 33.2595 162.658 33.077 161.891 32.7119C161.125 32.3467 160.498 31.8904 160.011 31.3427C159.536 30.7828 159.165 30.223 158.897 29.6632H158.733V40.5618H153.092ZM162.895 28.7686C163.82 28.7686 164.599 28.513 165.232 28.0019C165.865 27.4907 166.346 26.7848 166.674 25.8842C167.003 24.9714 167.167 23.9248 167.167 22.7442C167.167 21.5637 167.003 20.5292 166.674 19.6408C166.358 18.7401 165.883 18.0343 165.25 17.5231C164.617 17.0119 163.832 16.7564 162.895 16.7564C161.983 16.7564 161.204 17.0058 160.559 17.5048C159.926 17.9917 159.439 18.6854 159.098 19.586C158.77 20.4744 158.605 21.5272 158.605 22.7442C158.605 23.9491 158.776 25.0019 159.116 25.9025C159.457 26.8031 159.944 27.509 160.577 28.0201C161.222 28.5191 161.995 28.7686 162.895 28.7686Z' fill='%231A1A1A'></path>"
+ "<path d='M145.045 32.9309V12.521H150.686V32.9309H145.045ZM147.856 9.91046C147.016 9.91046 146.298 9.63053 145.702 9.07069C145.106 8.51085 144.808 7.83539 144.808 7.04431C144.808 6.25322 145.106 5.58385 145.702 5.03617C146.298 4.47633 147.016 4.19641 147.856 4.19641C148.708 4.19641 149.432 4.47633 150.029 5.03617C150.625 5.58385 150.923 6.25322 150.923 7.04431C150.923 7.83539 150.625 8.51085 150.029 9.07069C149.432 9.63053 148.708 9.91046 147.856 9.91046Z' fill='%231A1A1A'></path>"
+ "<path d='M133.438 33.3326C131.381 33.3326 129.598 32.8944 128.089 32.0181C126.592 31.1297 125.436 29.9005 124.62 28.3305C123.817 26.7483 123.416 24.9106 123.416 22.8173C123.416 20.6996 123.817 18.8558 124.62 17.2858C125.436 15.7036 126.592 14.4744 128.089 13.5981C129.598 12.7097 131.381 12.2654 133.438 12.2654C135.507 12.2654 137.29 12.7097 138.787 13.5981C140.296 14.4744 141.452 15.7036 142.255 17.2858C143.071 18.8558 143.479 20.6996 143.479 22.8173C143.479 24.9106 143.071 26.7483 142.255 28.3305C141.452 29.9005 140.296 31.1297 138.787 32.0181C137.29 32.8944 135.507 33.3326 133.438 33.3326ZM133.474 28.9147C134.412 28.9147 135.197 28.653 135.829 28.1297C136.462 27.5942 136.937 26.8639 137.253 25.939C137.582 25.014 137.746 23.9613 137.746 22.7807C137.746 21.588 137.582 20.5353 137.253 19.6225C136.937 18.7097 136.462 17.9917 135.829 17.4683C135.197 16.945 134.412 16.6833 133.474 16.6833C132.525 16.6833 131.728 16.945 131.083 17.4683C130.45 17.9917 129.969 18.7097 129.641 19.6225C129.324 20.5353 129.166 21.588 129.166 22.7807C129.166 23.9613 129.324 25.014 129.641 25.939C129.969 26.8639 130.45 27.5942 131.083 28.1297C131.728 28.653 132.525 28.9147 133.474 28.9147Z' fill='%231A1A1A'></path>"
+ "<path d='M111.9 41C109.149 41 106.995 40.4523 105.437 39.3569C103.879 38.2738 102.93 36.9228 102.589 35.3042L107.811 34.6105C107.969 35.0243 108.218 35.4076 108.559 35.7606C108.9 36.1135 109.356 36.3934 109.928 36.6003C110.5 36.8194 111.2 36.9289 112.028 36.9289C113.257 36.9289 114.273 36.6308 115.076 36.0344C115.88 35.4502 116.281 34.4583 116.281 33.0587V29.3163H116.044C115.8 29.8761 115.429 30.4116 114.93 30.9228C114.431 31.434 113.792 31.8478 113.013 32.1642C112.234 32.4806 111.303 32.6388 110.22 32.6388C108.687 32.6388 107.293 32.2859 106.04 31.58C104.798 30.862 103.8 29.7666 103.046 28.294C102.303 26.8213 101.932 24.9593 101.932 22.7077C101.932 20.3832 102.309 18.4481 103.064 16.9024C103.831 15.3567 104.841 14.2005 106.094 13.4338C107.348 12.6549 108.723 12.2654 110.22 12.2654C111.364 12.2654 112.32 12.4602 113.086 12.8496C113.865 13.2269 114.498 13.7016 114.985 14.2736C115.472 14.8456 115.837 15.4115 116.08 15.9714H116.299V12.521H121.867V33.15C121.867 34.8782 121.441 36.3265 120.59 37.4949C119.738 38.6632 118.563 39.5395 117.066 40.1237C115.569 40.7079 113.847 41 111.9 41ZM112.009 28.3853C113.372 28.3853 114.425 27.8802 115.168 26.87C115.922 25.8599 116.299 24.4603 116.299 22.6712C116.299 21.4785 116.129 20.444 115.788 19.5677C115.46 18.6793 114.979 17.9917 114.346 17.5048C113.713 17.0058 112.934 16.7564 112.009 16.7564C111.084 16.7564 110.299 17.0119 109.654 17.5231C109.021 18.0221 108.541 18.7158 108.212 19.6042C107.884 20.4927 107.719 21.515 107.719 22.6712C107.719 23.8396 107.884 24.8558 108.212 25.7199C108.541 26.5719 109.021 27.2291 109.654 27.6915C110.299 28.154 111.084 28.3853 112.009 28.3853Z' fill='%231A1A1A'></path>"
+ "<path d='M91.1649 33.3326C89.1081 33.3326 87.3251 32.8944 85.816 32.0181C84.319 31.1297 83.1628 29.9005 82.3474 28.3305C81.5442 26.7483 81.1425 24.9106 81.1425 22.8173C81.1425 20.6996 81.5442 18.8558 82.3474 17.2858C83.1628 15.7036 84.319 14.4744 85.816 13.5981C87.3251 12.7097 89.1081 12.2654 91.1649 12.2654C93.2339 12.2654 95.0169 12.7097 96.5139 13.5981C98.023 14.4744 99.1792 15.7036 99.9825 17.2858C100.798 18.8558 101.206 20.6996 101.206 22.8173C101.206 24.9106 100.798 26.7483 99.9825 28.3305C99.1792 29.9005 98.023 31.1297 96.5139 32.0181C95.0169 32.8944 93.2339 33.3326 91.1649 33.3326ZM91.2014 28.9147C92.1386 28.9147 92.9236 28.653 93.5564 28.1297C94.1893 27.5942 94.664 26.8639 94.9804 25.939C95.309 25.014 95.4733 23.9613 95.4733 22.7807C95.4733 21.588 95.309 20.5353 94.9804 19.6225C94.664 18.7097 94.1893 17.9917 93.5564 17.4683C92.9236 16.945 92.1386 16.6833 91.2014 16.6833C90.2522 16.6833 89.455 16.945 88.8099 17.4683C88.1771 17.9917 87.6963 18.7097 87.3677 19.6225C87.0513 20.5353 86.8931 21.588 86.8931 22.7807C86.8931 23.9613 87.0513 25.014 87.3677 25.939C87.6963 26.8639 88.1771 27.5942 88.8099 28.1297C89.455 28.653 90.2522 28.9147 91.2014 28.9147Z' fill='%231A1A1A'></path>"
+ "<path d='M63 32.9309V5.72989H68.7323V28.1844H80.3977V32.9309H63Z' fill='%231A1A1A'></path>"
+ "<path d='M37.3947 40C43.8275 39.8689 49 34.6073 49 28.1389C49 24.9931 47.7512 21.9762 45.5282 19.7518L25.7895 0V12.2771C25.7895 14.3303 26.6046 16.2995 28.0556 17.7514L32.6795 22.3784L32.6921 22.3907L40.4452 30.149C40.697 30.4009 40.697 30.8094 40.4452 31.0613C40.1935 31.3133 39.7852 31.3133 39.5335 31.0613L36.861 28.3871H12.139L9.46655 31.0613C9.21476 31.3133 8.80654 31.3133 8.55476 31.0613C8.30297 30.8094 8.30297 30.4009 8.55475 30.149L16.3079 22.3907L16.3205 22.3784L20.9444 17.7514C22.3954 16.2995 23.2105 14.3303 23.2105 12.2771V0L3.47175 19.7518C1.24882 21.9762 0 24.9931 0 28.1389C0 34.6073 5.17252 39.8689 11.6053 40H37.3947Z' fill='%23FF0A0A'></path>"
+ "</svg>");
partner2.setUrl("data:image/svg+xml,<svg width='423' height='113' viewBox='0 0 423 113' fill='none' xmlns='http://www.w3.org/2000/svg'>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M0.878906 12.4389L8.2739 9.2199C35.7648 -2.74672 66.993 -2.74672 94.4839 9.2199L101.879 12.4389V62.1816C101.879 90.072 79.2693 112.682 51.3789 112.682C23.4885 112.682 0.878906 90.072 0.878906 62.1816V12.4389ZM16.8789 22.9586V44.727C18.5852 44.314 20.2608 43.7684 21.8901 43.0935C26.0152 41.3849 29.7633 38.8804 32.9205 35.7232C36.0777 32.566 38.5821 28.8179 40.2908 24.6928C41.3587 22.1148 42.1027 19.421 42.5105 16.6732C33.7831 17.5181 25.148 19.6133 16.8789 22.9586ZM16.8818 62.6369C18.5871 63.0499 20.2617 63.5952 21.8901 64.2697C26.0152 65.9784 29.7633 68.4828 32.9205 71.64C36.0777 74.7972 38.5821 78.5453 40.2908 82.6704C41.9925 86.7785 42.8717 91.1804 42.8789 95.6266C28.0763 91.8761 17.0877 78.5566 16.8818 62.6369ZM50.8789 68.5523C48.9656 65.5902 46.7397 62.8317 44.2342 60.3263C41.7288 57.8208 38.9703 55.5949 36.0082 53.6816C38.9703 51.7683 41.7288 49.5424 44.2342 47.0369C46.7397 44.5315 48.9656 41.773 50.8789 38.8109C52.7922 41.773 55.0181 44.5315 57.5236 47.0369C60.029 49.5424 62.7875 51.7683 65.7496 53.6816C62.7875 55.5949 60.029 57.8208 57.5236 60.3263C55.0181 62.8317 52.7922 65.5902 50.8789 68.5523ZM58.8789 95.8641C74.255 92.4555 85.7719 78.7871 85.8782 62.4102C83.8264 62.8419 81.8141 63.4635 79.8677 64.2697C75.7426 65.9784 71.9945 68.4828 68.8373 71.64C65.6801 74.7972 63.1757 78.5453 61.467 82.6704C59.7583 86.7954 58.8789 91.2167 58.8789 95.6816V95.8641ZM79.8677 43.0935C81.8143 43.8998 83.8269 44.5215 85.8789 44.9532V22.9586C77.2898 19.4838 68.3059 17.3578 59.2337 16.5807C59.6385 19.3606 60.3871 22.0859 61.467 24.6928C63.1757 28.8179 65.6801 32.566 68.8373 35.7232C71.9945 38.8804 75.7426 41.3849 79.8677 43.0935Z' fill='%23193070'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M222.027 102.758C219.627 102.758 217.467 102.182 215.547 101.03C213.627 99.8456 212.107 98.2456 210.987 96.2296C209.899 94.1816 209.355 91.8776 209.355 89.3176C209.355 86.7256 209.899 84.4216 210.987 82.4056C212.107 80.3896 213.611 78.8056 215.499 77.6536C217.419 76.4696 219.595 75.8776 222.027 75.8776C224.235 75.8776 226.203 76.3576 227.931 77.3176C229.346 78.1035 230.514 79.1146 231.435 80.3508V65.8456H235.035V102.182H231.435V97.9892C230.573 99.3521 229.421 100.446 227.979 101.27C226.219 102.262 224.235 102.758 222.027 102.758ZM222.219 99.1576C223.947 99.1576 225.499 98.7256 226.875 97.8616C228.283 96.9976 229.387 95.8296 230.187 94.3576C231.019 92.8536 231.435 91.1736 231.435 89.3176C231.435 87.4616 231.019 85.7976 230.187 84.3256C229.387 82.8216 228.283 81.6376 226.875 80.7736C225.499 79.9096 223.947 79.4776 222.219 79.4776C220.523 79.4776 218.987 79.9096 217.611 80.7736C216.235 81.6376 215.147 82.8056 214.347 84.2776C213.579 85.7496 213.195 87.4296 213.195 89.3176C213.195 91.1736 213.579 92.8536 214.347 94.3576C215.147 95.8296 216.219 96.9976 217.563 97.8616C218.939 98.7256 220.491 99.1576 222.219 99.1576Z' fill='%23788199'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M246.171 101.03C248.123 102.182 250.299 102.758 252.699 102.758C254.459 102.758 256.059 102.47 257.499 101.894C258.971 101.286 260.235 100.502 261.291 99.5416C262.347 98.5496 263.131 97.4776 263.643 96.3256L260.571 94.6936C259.771 96.0376 258.731 97.1576 257.451 98.0536C256.171 98.9496 254.587 99.3976 252.699 99.3976C251.067 99.3976 249.531 98.9816 248.091 98.1496C246.683 97.3176 245.563 96.1496 244.731 94.6456C244.085 93.4047 243.752 91.9967 243.732 90.4216H263.979C264.043 90.0056 264.091 89.6056 264.123 89.2216C264.155 88.8056 264.171 88.4376 264.171 88.1176C264.171 86.5816 263.899 85.0936 263.355 83.6536C262.811 82.1816 262.027 80.8696 261.003 79.7176C259.979 78.5336 258.731 77.6056 257.259 76.9336C255.819 76.2296 254.171 75.8776 252.315 75.8776C249.979 75.8776 247.867 76.4536 245.979 77.6056C244.123 78.7576 242.651 80.3416 241.563 82.3576C240.475 84.3416 239.931 86.6296 239.931 89.2216C239.931 91.8136 240.491 94.1336 241.611 96.1816C242.731 98.2296 244.251 99.8456 246.171 101.03ZM243.789 87.0616C243.908 85.9268 244.206 84.9028 244.683 83.9896C245.451 82.4856 246.507 81.3176 247.851 80.4856C249.227 79.6536 250.715 79.2376 252.315 79.2376C253.915 79.2376 255.355 79.6536 256.635 80.4856C257.915 81.2856 258.891 82.3896 259.563 83.7976C260.069 84.7865 260.318 85.8745 260.312 87.0616H243.789Z' fill='%23788199'></path>"
+ "<path d='M269.078 76.4536H272.678V79.5877C273.334 78.5751 274.182 77.7544 275.222 77.1256C276.63 76.2936 278.166 75.8776 279.83 75.8776C281.814 75.8776 283.606 76.4376 285.206 77.5576C286.443 78.4234 287.403 79.4899 288.085 80.7572C288.744 79.3633 289.688 78.2648 290.918 77.4616C292.518 76.4056 294.278 75.8776 296.198 75.8776C297.926 75.8776 299.51 76.2936 300.95 77.1256C302.422 77.9576 303.59 79.1096 304.454 80.5816C305.35 82.0216 305.798 83.6536 305.798 85.4776V102.182H302.198V86.8696C302.198 85.3016 301.91 83.9736 301.334 82.8856C300.79 81.7976 300.038 80.9656 299.078 80.3896C298.118 79.7816 297.014 79.4776 295.766 79.4776C294.55 79.4776 293.446 79.7816 292.454 80.3896C291.462 80.9656 290.678 81.8136 290.102 82.9336C289.526 84.0216 289.238 85.3336 289.238 86.8696V102.182H285.638V86.8696C285.638 85.3016 285.35 83.9736 284.774 82.8856C284.23 81.7976 283.478 80.9656 282.518 80.3896C281.558 79.7816 280.454 79.4776 279.206 79.4776C277.958 79.4776 276.838 79.7816 275.846 80.3896C274.886 80.9656 274.118 81.8136 273.542 82.9336C272.966 84.0216 272.678 85.3336 272.678 86.8696V102.182H269.078V76.4536Z' fill='%23788199'></path>"
+ "<path d='M311.291 112.742C310.779 112.742 310.251 112.694 309.707 112.598C309.195 112.534 308.683 112.406 308.171 112.214V108.854C308.491 108.886 308.891 108.934 309.371 108.998C309.883 109.094 310.395 109.142 310.907 109.142C312.475 109.142 313.675 108.806 314.507 108.134C315.339 107.494 316.155 106.246 316.955 104.39L317.885 102.201L307.595 76.4536H311.483L319.906 97.6913L328.283 76.4536H332.267L320.507 105.446C319.995 106.694 319.339 107.878 318.539 108.998C317.771 110.118 316.795 111.014 315.611 111.686C314.427 112.39 312.987 112.742 311.291 112.742Z' fill='%23788199'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M187.454 101.846C188.734 102.454 190.19 102.758 191.823 102.758C193.327 102.758 194.703 102.534 195.95 102.086C197.23 101.606 198.334 100.982 199.262 100.214C199.905 99.678 200.433 99.1066 200.846 98.4992V102.182H204.447V84.5176C204.447 82.8216 204.031 81.3336 203.198 80.0536C202.398 78.7416 201.262 77.7176 199.791 76.9816C198.35 76.2456 196.687 75.8776 194.798 75.8776C193.359 75.8776 191.966 76.1496 190.622 76.6936C189.278 77.2056 188.078 77.9096 187.022 78.8056C185.999 79.7016 185.246 80.6936 184.766 81.7816L188.031 83.5576C188.606 82.3096 189.486 81.3016 190.671 80.5336C191.854 79.7336 193.23 79.3336 194.798 79.3336C196.59 79.3336 198.047 79.8136 199.167 80.7736C200.286 81.7336 200.846 82.9816 200.846 84.5176V85.8456L191.534 87.3976C189.646 87.7176 188.094 88.2616 186.879 89.0296C185.662 89.7976 184.766 90.7416 184.19 91.8616C183.615 92.9496 183.327 94.1656 183.327 95.5096C183.327 96.9176 183.694 98.1656 184.43 99.2536C185.167 100.342 186.174 101.206 187.454 101.846ZM200.846 89.1096V91.0456C200.846 92.6136 200.479 94.0376 199.742 95.3176C199.006 96.5976 197.982 97.6216 196.671 98.3896C195.359 99.1256 193.823 99.4936 192.062 99.4936C190.622 99.4936 189.438 99.0936 188.51 98.2936C187.615 97.4936 187.167 96.5176 187.167 95.3656C187.167 94.1816 187.567 93.1576 188.366 92.2936C189.198 91.4296 190.542 90.8376 192.398 90.5176L200.846 89.1096Z' fill='%23788199'></path>"
+ "<path d='M169.27 102.758C166.742 102.758 164.518 102.166 162.598 100.982C160.678 99.7976 159.174 98.1976 158.086 96.1816C156.998 94.1336 156.454 91.8296 156.454 89.2696C156.454 86.7096 156.998 84.4216 158.086 82.4056C159.174 80.3896 160.678 78.8056 162.598 77.6536C164.518 76.4696 166.742 75.8776 169.27 75.8776C170.87 75.8776 172.374 76.1656 173.782 76.7416C175.19 77.3176 176.438 78.1016 177.526 79.0936C178.614 80.0536 179.43 81.1736 179.974 82.4536L176.71 84.1336C176.07 82.7576 175.094 81.6376 173.782 80.7736C172.47 79.9096 170.966 79.4776 169.27 79.4776C167.574 79.4776 166.038 79.9096 164.662 80.7736C163.318 81.6056 162.246 82.7736 161.446 84.2776C160.678 85.7496 160.294 87.4296 160.294 89.3176C160.294 91.1736 160.678 92.8536 161.446 94.3576C162.246 95.8296 163.318 96.9976 164.662 97.8616C166.038 98.7256 167.574 99.1576 169.27 99.1576C170.966 99.1576 172.454 98.7256 173.734 97.8616C175.046 96.9976 176.038 95.8456 176.71 94.4056L179.974 96.1816C179.43 97.4296 178.614 98.5496 177.526 99.5416C176.438 100.534 175.19 101.318 173.782 101.894C172.374 102.47 170.87 102.758 169.27 102.758Z' fill='%23788199'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M138.463 66.4216L125.407 102.182H129.439L132.559 93.4456H148.543L151.615 102.182H155.647L142.591 66.4216H138.463ZM147.199 89.8456H133.807L140.525 70.929L147.199 89.8456Z' fill='%23788199'></path>"
+ "<path d='M128.66 8.49878V51.1816H155.588V43.4471H137.54V8.49878H128.66Z' fill='%230C193E'></path>"
+ "<path d='M264.274 51.1816H272.868V19.9H264.274V51.1816Z' fill='%230C193E'></path>"
+ "<path d='M264.274 8.49878V17.0927H272.868V8.49878H264.274Z' fill='%230C193E'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M277.438 62.6401V19.9H285.459V23.1452C286.386 22.0546 287.531 21.1829 288.896 20.5302C290.691 19.6517 292.735 19.2125 295.027 19.2125C298.006 19.2125 300.698 19.9382 303.105 21.3896C305.511 22.841 307.421 24.808 308.834 27.2907C310.247 29.7352 310.954 32.4852 310.954 35.5408C310.954 38.5582 310.247 41.3082 308.834 43.7909C307.459 46.2736 305.568 48.2406 303.162 49.692C300.756 51.1434 298.025 51.8691 294.969 51.8691C292.83 51.8691 290.844 51.4872 289.011 50.7233C287.882 50.2188 286.889 49.5708 286.032 48.7793V62.6401H277.438ZM293.938 44.1346C295.542 44.1346 296.955 43.7718 298.178 43.0461C299.4 42.3204 300.355 41.3082 301.042 40.0096C301.73 38.711 302.073 37.2214 302.073 35.5408C302.073 33.8602 301.73 32.3897 301.042 31.1293C300.355 29.8307 299.4 28.8185 298.178 28.0928C296.955 27.3289 295.542 26.9469 293.938 26.9469C292.41 26.9469 291.035 27.3098 289.813 28.0355C288.629 28.7612 287.693 29.7733 287.006 31.072C286.356 32.3706 286.032 33.8602 286.032 35.5408C286.032 37.2214 286.356 38.711 287.006 40.0096C287.693 41.3082 288.629 42.3204 289.813 43.0461C291.035 43.7718 292.41 44.1346 293.938 44.1346Z' fill='%230C193E'></path>"
+ "<path d='M317.534 49.4629C320.093 51.067 323.091 51.8691 326.529 51.8691C328.973 51.8691 331.093 51.4681 332.888 50.666C334.683 49.8257 336.078 48.6798 337.071 47.2285C338.102 45.777 338.618 44.0774 338.618 42.1294C338.618 39.8759 337.93 37.9853 336.555 36.4575C335.18 34.8915 333.194 33.7265 330.597 32.9626L325.612 31.473C324.848 31.2439 324.199 30.9956 323.664 30.7282C323.168 30.4609 322.805 30.1553 322.576 29.8116C322.347 29.4678 322.232 29.0858 322.232 28.6657C322.232 27.8636 322.537 27.2334 323.149 26.7751C323.798 26.3167 324.676 26.0876 325.784 26.0876C327.312 26.0876 328.668 26.4886 329.852 27.2907C331.074 28.0546 331.914 29.0858 332.373 30.3845L338.732 27.4053C337.777 24.808 336.135 22.8028 333.805 21.3896C331.513 19.9382 328.84 19.2125 325.784 19.2125C323.454 19.2125 321.392 19.6326 319.596 20.4729C317.801 21.275 316.407 22.4017 315.414 23.8531C314.421 25.3046 313.925 27.0042 313.925 28.9522C313.925 31.1675 314.612 33.0963 315.987 34.7387C317.362 36.3429 319.329 37.5078 321.888 38.2336L327.216 39.7231C327.904 39.9141 328.477 40.1433 328.935 40.4106C329.393 40.678 329.737 40.9836 329.966 41.3273C330.196 41.6329 330.31 42.0148 330.31 42.4732C330.31 43.3517 329.985 44.0392 329.336 44.5357C328.687 45.0322 327.751 45.2805 326.529 45.2805C324.848 45.2805 323.321 44.8031 321.945 43.8482C320.57 42.8933 319.482 41.5756 318.68 39.895L312.378 42.8742C313.294 45.6243 315.013 47.8205 317.534 49.4629Z' fill='%230C193E'></path>"
+ "<path d='M374.613 19.9H382.634V23.6788C383.221 22.5355 384.042 21.6196 385.098 20.9312C386.855 19.7854 388.955 19.2125 391.4 19.2125C393.997 19.2125 396.27 19.8809 398.218 21.2177C399.376 21.9752 400.281 22.8887 400.933 23.9582C401.761 22.748 402.747 21.7772 403.89 21.0458C405.799 19.8236 408.034 19.2125 410.593 19.2125C412.846 19.2125 414.833 19.709 416.551 20.7021C418.308 21.6951 419.683 23.0892 420.676 24.8844C421.669 26.6414 422.166 28.7039 422.166 31.072V51.1816H413.572V32.9053C413.572 31.6831 413.343 30.6328 412.885 29.7543C412.464 28.8758 411.853 28.1883 411.051 27.6917C410.249 27.1952 409.275 26.9469 408.129 26.9469C407.022 26.9469 406.048 27.1952 405.208 27.6917C404.405 28.1883 403.775 28.8758 403.317 29.7543C402.897 30.6328 402.687 31.6831 402.687 32.9053V51.1816H394.093V32.9053C394.093 31.6831 393.864 30.6328 393.405 29.7543C392.985 28.8758 392.374 28.1883 391.572 27.6917C390.77 27.1952 389.796 26.9469 388.65 26.9469C387.542 26.9469 386.568 27.1952 385.728 27.6917C384.926 28.1883 384.296 28.8758 383.837 29.7543C383.417 30.6328 383.207 31.6831 383.207 32.9053V51.1816H374.613V19.9Z' fill='%230C193E'></path>"
+ "<path d='M353.264 51.8691C350.743 51.8691 348.585 51.3344 346.79 50.265C345.033 49.1573 343.696 47.6295 342.78 45.6815C341.863 43.7336 341.405 41.461 341.405 38.8638V19.9H349.999V38.1762C349.999 39.3603 350.228 40.4106 350.686 41.3273C351.183 42.2058 351.87 42.8933 352.749 43.3899C353.627 43.8864 354.62 44.1346 355.728 44.1346C356.874 44.1346 357.867 43.8864 358.707 43.3899C359.586 42.8933 360.254 42.2058 360.712 41.3273C361.209 40.4106 361.457 39.3603 361.457 38.1762V19.9H370.051V51.1816H362.03V47.3749C361.301 48.7484 360.27 49.8072 358.936 50.5514C357.332 51.4299 355.441 51.8691 353.264 51.8691Z' fill='%230C193E'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M244.201 51.8691C241.107 51.8691 238.28 51.1625 235.721 49.7493C233.2 48.3361 231.176 46.4073 229.648 43.9628C228.159 41.4801 227.414 38.6728 227.414 35.5408C227.414 32.3706 228.159 29.5633 229.648 27.1188C231.176 24.6743 233.2 22.7455 235.721 21.3323C238.28 19.9191 241.107 19.2125 244.201 19.2125C247.294 19.2125 250.102 19.9191 252.623 21.3323C255.143 22.7455 257.149 24.6743 258.638 27.1188C260.166 29.5633 260.93 32.3706 260.93 35.5408C260.93 38.6728 260.166 41.4801 258.638 43.9628C257.149 46.4073 255.143 48.3361 252.623 49.7493C250.102 51.1625 247.294 51.8691 244.201 51.8691ZM244.201 44.1346C245.767 44.1346 247.123 43.7718 248.268 43.0461C249.452 42.3204 250.369 41.3082 251.018 40.0096C251.706 38.711 252.05 37.2214 252.05 35.5408C252.05 33.8602 251.706 32.3897 251.018 31.1293C250.369 29.8307 249.452 28.8185 248.268 28.0928C247.123 27.3289 245.767 26.9469 244.201 26.9469C242.635 26.9469 241.26 27.3289 240.076 28.0928C238.891 28.8185 237.956 29.8307 237.268 31.1293C236.619 32.3897 236.294 33.8602 236.294 35.5408C236.294 37.2214 236.619 38.711 237.268 40.0096C237.956 41.3082 238.891 42.3204 240.076 43.0461C241.26 43.7718 242.635 44.1346 244.201 44.1346Z' fill='%230C193E'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M201.894 62.5828C203.956 63.3849 206.191 63.7859 208.597 63.7859C211.614 63.7859 214.269 63.1748 216.561 61.9526C218.891 60.7303 220.724 59.0307 222.061 56.8536C223.397 54.7147 224.066 52.2702 224.066 49.5201V19.9H216.045V23.1855C215.101 22.0782 214.032 21.2121 212.837 20.5875C211.156 19.6708 209.189 19.2125 206.935 19.2125C204.071 19.2125 201.512 19.8618 199.258 21.1604C197.005 22.459 195.229 24.2542 193.93 26.5459C192.631 28.7994 191.982 31.3966 191.982 34.3376C191.982 37.2787 192.631 39.9141 193.93 42.244C195.229 44.5357 197.024 46.3499 199.316 47.6868C201.607 48.9854 204.204 49.6347 207.107 49.6347C209.361 49.6347 211.328 49.2146 213.008 48.3743C213.919 47.8981 214.741 47.2929 215.472 46.5586V49.5201C215.472 50.857 215.186 52.0219 214.613 53.015C214.078 54.0081 213.295 54.7528 212.264 55.2494C211.232 55.7841 210.01 56.0515 208.597 56.0515C206.802 56.0515 205.255 55.6313 203.956 54.791C202.658 53.9507 201.798 52.8049 201.378 51.3535L193.414 54.1608C194.064 56.1088 195.114 57.7893 196.566 59.2025C198.055 60.654 199.831 61.7807 201.894 62.5828ZM212.092 40.9263C211.022 41.5374 209.762 41.843 208.31 41.843C206.859 41.843 205.56 41.5374 204.415 40.9263C203.307 40.277 202.428 39.3985 201.779 38.2908C201.168 37.1832 200.862 35.9037 200.862 34.4522C200.862 32.9626 201.168 31.664 201.779 30.5564C202.428 29.4105 203.307 28.532 204.415 27.9209C205.56 27.2716 206.859 26.9469 208.31 26.9469C209.724 26.9469 210.965 27.2716 212.034 27.9209C213.104 28.532 213.944 29.4105 214.555 30.5564C215.167 31.664 215.472 32.9626 215.472 34.4522C215.472 35.9418 215.167 37.2405 214.555 38.3481C213.982 39.4558 213.161 40.3152 212.092 40.9263Z' fill='%230C193E'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M173.169 51.8691C170.075 51.8691 167.249 51.1625 164.69 49.7493C162.169 48.3361 160.145 46.4073 158.617 43.9628C157.127 41.4801 156.383 38.6728 156.383 35.5408C156.383 32.3706 157.127 29.5633 158.617 27.1188C160.145 24.6743 162.169 22.7455 164.69 21.3323C167.249 19.9191 170.075 19.2125 173.169 19.2125C176.263 19.2125 179.07 19.9191 181.591 21.3323C184.112 22.7455 186.117 24.6743 187.607 27.1188C189.135 29.5633 189.899 32.3706 189.899 35.5408C189.899 38.6728 189.135 41.4801 187.607 43.9628C186.117 46.4073 184.112 48.3361 181.591 49.7493C179.07 51.1625 176.263 51.8691 173.169 51.8691ZM173.169 44.1346C174.735 44.1346 176.091 43.7718 177.237 43.0461C178.421 42.3204 179.338 41.3082 179.987 40.0096C180.675 38.711 181.018 37.2214 181.018 35.5408C181.018 33.8602 180.675 32.3897 179.987 31.1293C179.338 29.8307 178.421 28.8185 177.237 28.0928C176.091 27.3289 174.735 26.9469 173.169 26.9469C171.603 26.9469 170.228 27.3289 169.044 28.0928C167.86 28.8185 166.924 29.8307 166.237 31.1293C165.588 32.3897 165.263 33.8602 165.263 35.5408C165.263 37.2214 165.588 38.711 166.237 40.0096C166.924 41.3082 167.86 42.3204 169.044 43.0461C170.228 43.7718 171.603 44.1346 173.169 44.1346Z' fill='%230C193E'></path>"
+ "</svg>");
partner3.setUrl("data:image/svg+xml,<svg width='422' height='116' viewBox='0 0 422 116' fill='none' xmlns='http://www.w3.org/2000/svg'>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M16.3008 7.52161V0.521606H0.300781V65.0216C0.300781 92.912 22.9104 115.522 50.8008 115.522C78.6912 115.522 101.301 92.912 101.301 65.0216V0.521606H85.3008V7.52161H58.3008V0.521606H42.3008V7.52161H16.3008ZM42.3007 98.4666C27.4982 94.7161 16.5096 81.3966 16.3037 65.4769C18.009 65.8899 19.6836 66.4352 21.312 67.1097C25.4371 68.8184 29.1852 71.3228 32.3424 74.48C35.4996 77.6372 38.004 81.3853 39.7127 85.5104C41.4143 89.6185 42.2935 94.0204 42.3007 98.4666ZM43.6561 63.1663C46.1616 65.6717 48.3875 68.4302 50.3008 71.3923C52.2141 68.4302 54.44 65.6717 56.9454 63.1663C59.4509 60.6608 62.2094 58.4349 65.1715 56.5216C62.2094 54.6083 59.4509 52.3824 56.9454 49.8769C54.44 47.3715 52.2141 44.613 50.3008 41.6509C48.3875 44.613 46.1616 47.3715 43.6561 49.8769C41.1507 52.3824 38.3922 54.6083 35.4301 56.5216C38.3922 58.4349 41.1507 60.6608 43.6561 63.1663ZM85.3 65.2502C85.1938 81.6271 73.6769 95.2955 58.3008 98.7041V98.5216C58.3008 94.0567 59.1802 89.6354 60.8889 85.5104C62.5975 81.3853 65.102 77.6372 68.2591 74.48C71.4163 71.3228 75.1645 68.8184 79.2895 67.1097C81.2359 66.3035 83.2483 65.6819 85.3 65.2502ZM41.088 23.5216C40.7142 24.8832 40.2553 26.2229 39.7127 27.5328C38.004 31.6579 35.4996 35.406 32.3424 38.5632C29.1852 41.7204 25.4371 44.2248 21.312 45.9335C19.6826 46.6084 18.007 47.154 16.3008 47.567V23.5216H41.088ZM85.3008 47.7932V23.5216H59.5136C59.8873 24.8832 60.3463 26.2229 60.8889 27.5328C62.5975 31.6579 65.102 35.406 68.2591 38.5632C71.4163 41.7204 75.1645 44.2248 79.2895 45.9335C81.2362 46.7398 83.2488 47.3615 85.3008 47.7932Z' fill='%2309C382'></path>"
+ "<path d='M128.082 9.83881V52.5217H155.009V44.7872H136.962V9.83881H128.082Z' fill='%23124835'></path>"
+ "<path d='M263.696 21.24V52.5217H272.29V21.24H263.696Z' fill='%23124835'></path>"
+ "<path d='M263.696 9.83881V18.4327H272.29V9.83881H263.696Z' fill='%23124835'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M276.86 63.9801V21.24H284.881V24.4852C285.807 23.3946 286.953 22.5229 288.318 21.8702C290.113 20.9917 292.157 20.5525 294.448 20.5525C297.428 20.5525 300.12 21.2782 302.527 22.7296C304.933 24.181 306.843 26.148 308.256 28.6307C309.669 31.0752 310.376 33.8252 310.376 36.8808C310.376 39.8982 309.669 42.6483 308.256 45.1309C306.881 47.6136 304.99 49.5806 302.584 51.0321C300.178 52.4835 297.447 53.2092 294.391 53.2092C292.252 53.2092 290.266 52.8272 288.433 52.0633C287.304 51.5588 286.311 50.9109 285.454 50.1193V63.9801H276.86ZM293.36 45.4747C294.964 45.4747 296.377 45.1118 297.6 44.3861C298.822 43.6604 299.777 42.6483 300.464 41.3496C301.152 40.051 301.495 38.5614 301.495 36.8808C301.495 35.2002 301.152 33.7297 300.464 32.4693C299.777 31.1707 298.822 30.1585 297.6 29.4328C296.377 28.6689 294.964 28.287 293.36 28.287C291.832 28.287 290.457 28.6498 289.235 29.3755C288.051 30.1012 287.115 31.1134 286.428 32.412C285.778 33.7106 285.454 35.2002 285.454 36.8808C285.454 38.5614 285.778 40.051 286.428 41.3496C287.115 42.6483 288.051 43.6604 289.235 44.3861C290.457 45.1118 291.832 45.4747 293.36 45.4747Z' fill='%23124835'></path>"
+ "<path d='M316.956 50.8029C319.515 52.4071 322.513 53.2092 325.951 53.2092C328.395 53.2092 330.515 52.8081 332.31 52.006C334.105 51.1657 335.499 50.0199 336.493 48.5685C337.524 47.1171 338.039 45.4174 338.039 43.4695C338.039 41.216 337.352 39.3253 335.977 37.7975C334.602 36.2315 332.616 35.0666 330.019 34.3027L325.034 32.8131C324.27 32.5839 323.621 32.3356 323.086 32.0683C322.59 31.8009 322.227 31.4953 321.998 31.1516C321.768 30.8078 321.654 30.4259 321.654 30.0057C321.654 29.2036 321.959 28.5734 322.57 28.1151C323.22 27.6567 324.098 27.4276 325.206 27.4276C326.734 27.4276 328.09 27.8286 329.274 28.6307C330.496 29.3946 331.336 30.4259 331.795 31.7245L338.154 28.7453C337.199 26.148 335.557 24.1428 333.227 22.7296C330.935 21.2782 328.262 20.5525 325.206 20.5525C322.876 20.5525 320.814 20.9726 319.018 21.8129C317.223 22.615 315.829 23.7418 314.836 25.1932C313.843 26.6446 313.346 28.3443 313.346 30.2922C313.346 32.5075 314.034 34.4363 315.409 36.0787C316.784 37.6829 318.751 38.8479 321.31 39.5736L326.638 41.0632C327.326 41.2541 327.899 41.4833 328.357 41.7507C328.815 42.018 329.159 42.3236 329.388 42.6674C329.617 42.9729 329.732 43.3549 329.732 43.8132C329.732 44.6917 329.407 45.3792 328.758 45.8757C328.109 46.3723 327.173 46.6205 325.951 46.6205C324.27 46.6205 322.742 46.1431 321.367 45.1882C319.992 44.2334 318.904 42.9156 318.102 41.235L311.8 44.2142C312.716 46.9643 314.435 49.1605 316.956 50.8029Z' fill='%23124835'></path>"
+ "<path d='M374.035 52.5217V21.24H382.056V25.0189C382.643 23.8755 383.464 22.9597 384.52 22.2713C386.277 21.1254 388.377 20.5525 390.822 20.5525C393.419 20.5525 395.692 21.2209 397.64 22.5577C398.798 23.3152 399.703 24.2287 400.355 25.2981C401.183 24.088 402.169 23.1172 403.312 22.3858C405.221 21.1636 407.456 20.5525 410.015 20.5525C412.268 20.5525 414.254 21.049 415.973 22.0421C417.73 23.0352 419.105 24.4293 420.098 26.2244C421.091 27.9814 421.588 30.0439 421.588 32.412V52.5217H412.994V34.2454C412.994 33.0231 412.765 31.9728 412.307 31.0943C411.886 30.2158 411.275 29.5283 410.473 29.0318C409.671 28.5352 408.697 28.287 407.551 28.287C406.444 28.287 405.47 28.5352 404.629 29.0318C403.827 29.5283 403.197 30.2158 402.739 31.0943C402.319 31.9728 402.108 33.0231 402.108 34.2454V52.5217H393.515V34.2454C393.515 33.0231 393.285 31.9728 392.827 31.0943C392.407 30.2158 391.796 29.5283 390.994 29.0318C390.192 28.5352 389.218 28.287 388.072 28.287C386.964 28.287 385.99 28.5352 385.15 29.0318C384.348 29.5283 383.718 30.2158 383.259 31.0943C382.839 31.9728 382.629 33.0231 382.629 34.2454V52.5217H374.035Z' fill='%23124835'></path>"
+ "<path d='M352.686 53.2092C350.165 53.2092 348.007 52.6744 346.212 51.605C344.455 50.4973 343.118 48.9695 342.202 47.0216C341.285 45.0736 340.827 42.801 340.827 40.2038V21.24H349.421V39.5163C349.421 40.7003 349.65 41.7507 350.108 42.6674C350.605 43.5458 351.292 44.2333 352.171 44.7299C353.049 45.2264 354.042 45.4747 355.15 45.4747C356.296 45.4747 357.289 45.2264 358.129 44.7299C359.007 44.2333 359.676 43.5458 360.134 42.6674C360.631 41.7507 360.879 40.7003 360.879 39.5163V21.24H369.473V52.5217H361.452V48.7149C360.723 50.0884 359.691 51.1472 358.358 51.8914C356.754 52.7699 354.863 53.2092 352.686 53.2092Z' fill='%23124835'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M243.622 53.2092C240.529 53.2092 237.702 52.5026 235.143 51.0893C232.622 49.6761 230.598 47.7473 229.07 45.3028C227.581 42.8201 226.836 40.0128 226.836 36.8808C226.836 33.7106 227.581 30.9033 229.07 28.4588C230.598 26.0144 232.622 24.0855 235.143 22.6723C237.702 21.2591 240.529 20.5525 243.622 20.5525C246.716 20.5525 249.524 21.2591 252.044 22.6723C254.565 24.0855 256.571 26.0144 258.06 28.4588C259.588 30.9033 260.352 33.7106 260.352 36.8808C260.352 40.0128 259.588 42.8201 258.06 45.3028C256.571 47.7473 254.565 49.6761 252.044 51.0893C249.524 52.5026 246.716 53.2092 243.622 53.2092ZM243.622 45.4747C245.188 45.4747 246.544 45.1118 247.69 44.3861C248.874 43.6604 249.791 42.6483 250.44 41.3496C251.128 40.051 251.472 38.5614 251.472 36.8808C251.472 35.2002 251.128 33.7297 250.44 32.4693C249.791 31.1707 248.874 30.1585 247.69 29.4328C246.544 28.6689 245.188 28.287 243.622 28.287C242.056 28.287 240.681 28.6689 239.497 29.4328C238.313 30.1585 237.378 31.1707 236.69 32.4693C236.041 33.7297 235.716 35.2002 235.716 36.8808C235.716 38.5614 236.041 40.051 236.69 41.3496C237.378 42.6483 238.313 43.6604 239.497 44.3861C240.681 45.1118 242.056 45.4747 243.622 45.4747Z' fill='%23124835'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M201.316 63.9228C203.378 64.7249 205.613 65.126 208.019 65.126C211.036 65.126 213.691 64.5149 215.982 63.2926C218.312 62.0704 220.146 60.3707 221.483 58.1936C222.819 56.0547 223.488 53.6102 223.488 50.8602V21.24H215.467V24.5256C214.523 23.4182 213.453 22.5522 212.258 21.9275C210.578 21.0108 208.611 20.5525 206.357 20.5525C203.493 20.5525 200.934 21.2018 198.68 22.5004C196.427 23.7991 194.651 25.5942 193.352 27.8859C192.053 30.1394 191.404 32.7367 191.404 35.6777C191.404 38.6187 192.053 41.2541 193.352 43.584C194.651 45.8757 196.446 47.69 198.737 49.0268C201.029 50.3254 203.626 50.9748 206.529 50.9748C208.783 50.9748 210.75 50.5546 212.43 49.7143C213.341 49.2381 214.162 48.6329 214.894 47.8986V50.8602C214.894 52.197 214.607 53.3619 214.035 54.355C213.5 55.3481 212.717 56.0929 211.686 56.5894C210.654 57.1241 209.432 57.3915 208.019 57.3915C206.224 57.3915 204.677 56.9714 203.378 56.1311C202.079 55.2908 201.22 54.1449 200.8 52.6935L192.836 55.5009C193.486 57.4488 194.536 59.1294 195.987 60.5426C197.477 61.994 199.253 63.1207 201.316 63.9228ZM211.514 42.2663C210.444 42.8774 209.184 43.183 207.732 43.183C206.281 43.183 204.982 42.8774 203.836 42.2663C202.729 41.617 201.85 40.7385 201.201 39.6309C200.59 38.5232 200.284 37.2437 200.284 35.7923C200.284 34.3027 200.59 33.004 201.201 31.8964C201.85 30.7505 202.729 29.8721 203.836 29.2609C204.982 28.6116 206.281 28.287 207.732 28.287C209.146 28.287 210.387 28.6116 211.456 29.2609C212.526 29.8721 213.366 30.7505 213.977 31.8964C214.588 33.004 214.894 34.3027 214.894 35.7923C214.894 37.2819 214.588 38.5805 213.977 39.6882C213.404 40.7958 212.583 41.6552 211.514 42.2663Z' fill='%23124835'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M172.591 53.2092C169.497 53.2092 166.671 52.5026 164.112 51.0893C161.591 49.6761 159.567 47.7473 158.039 45.3028C156.549 42.8201 155.804 40.0128 155.804 36.8808C155.804 33.7106 156.549 30.9033 158.039 28.4588C159.567 26.0144 161.591 24.0855 164.112 22.6723C166.671 21.2591 169.497 20.5525 172.591 20.5525C175.685 20.5525 178.492 21.2591 181.013 22.6723C183.534 24.0855 185.539 26.0144 187.029 28.4588C188.557 30.9033 189.32 33.7106 189.32 36.8808C189.32 40.0128 188.557 42.8201 187.029 45.3028C185.539 47.7473 183.534 49.6761 181.013 51.0893C178.492 52.5026 175.685 53.2092 172.591 53.2092ZM172.591 45.4747C174.157 45.4747 175.513 45.1118 176.659 44.3861C177.843 43.6604 178.76 42.6483 179.409 41.3496C180.096 40.051 180.44 38.5614 180.44 36.8808C180.44 35.2002 180.096 33.7297 179.409 32.4693C178.76 31.1707 177.843 30.1585 176.659 29.4328C175.513 28.6689 174.157 28.287 172.591 28.287C171.025 28.287 169.65 28.6689 168.466 29.4328C167.282 30.1585 166.346 31.1707 165.659 32.4693C165.009 33.7297 164.685 35.2002 164.685 36.8808C164.685 38.5614 165.009 40.051 165.659 41.3496C166.346 42.6483 167.282 43.6604 168.466 44.3861C169.65 45.1118 171.025 45.4747 172.591 45.4747Z' fill='%23124835'></path>"
+ "<path d='M134.429 102.514C136.349 103.57 138.573 104.098 141.101 104.098C143.661 104.098 145.885 103.57 147.773 102.514C149.693 101.458 151.181 100.018 152.237 98.1936C153.293 96.3376 153.821 94.2256 153.821 91.8576V67.7616H149.981V91.8576C149.981 93.5856 149.597 95.1056 148.829 96.4176C148.093 97.6976 147.053 98.7056 145.709 99.4416C144.397 100.146 142.861 100.498 141.101 100.498C139.341 100.498 137.789 100.146 136.445 99.4416C135.133 98.7056 134.093 97.6976 133.325 96.4176C132.589 95.1056 132.221 93.5856 132.221 91.8576V67.7616H128.381V91.8576C128.381 94.2256 128.909 96.3376 129.965 98.1936C131.021 100.018 132.509 101.458 134.429 102.514Z' fill='%23124835'></path>"
+ "<path d='M186.242 77.7936V103.522H189.842V77.7936H186.242Z' fill='%23124835'></path>"
+ "<path d='M186.242 67.7616V73.0416H189.842V67.7616H186.242Z' fill='%23124835'></path>"
+ "<path d='M284.511 103.522V77.7936H288.111V103.522H284.511Z' fill='%23124835'></path>"
+ "<path d='M284.511 73.0416V67.7616H288.111V73.0416H284.511Z' fill='%23124835'></path>"
+ "<path d='M298.551 101.794C299.799 103.138 301.575 103.81 303.879 103.81C304.167 103.81 304.551 103.778 305.031 103.714C305.511 103.682 305.943 103.618 306.327 103.522V100.306C306.071 100.338 305.767 100.37 305.415 100.402C305.063 100.434 304.759 100.45 304.503 100.45C303.447 100.45 302.599 100.258 301.959 99.8736C301.351 99.4896 300.919 98.9776 300.663 98.3376C300.407 97.6656 300.279 96.8976 300.279 96.0336V81.3936H305.943V77.7936H300.279V71.8416H296.679V74.0016C296.679 75.0896 296.359 76.0016 295.719 76.7376C295.079 77.4416 294.215 77.7936 293.127 77.7936H291.927V81.3936H296.679V96.0336C296.679 98.5296 297.303 100.45 298.551 101.794Z' fill='%23124835'></path>"
+ "<path d='M310.153 113.938C310.697 114.034 311.225 114.082 311.737 114.082C313.433 114.082 314.873 113.73 316.057 113.026C317.241 112.354 318.217 111.458 318.985 110.338C319.785 109.218 320.441 108.034 320.953 106.786L332.713 77.7936H328.729L320.351 99.0314L311.929 77.7936H308.041L318.331 103.541L317.401 105.73C316.601 107.586 315.785 108.834 314.953 109.474C314.121 110.146 312.921 110.482 311.353 110.482C310.841 110.482 310.329 110.434 309.817 110.338C309.337 110.274 308.937 110.226 308.617 110.194V113.554C309.129 113.746 309.641 113.874 310.153 113.938Z' fill='%23124835'></path>"
+ "<path d='M263.977 102.226C265.833 103.474 267.993 104.098 270.457 104.098C272.249 104.098 273.833 103.794 275.209 103.186C276.585 102.546 277.657 101.666 278.425 100.546C279.225 99.4256 279.625 98.1616 279.625 96.7536C279.625 95.0256 279.033 93.5216 277.849 92.2416C276.697 90.9616 275.081 90.0176 273.001 89.4096L268.729 88.1616C268.281 88.0336 267.753 87.8416 267.145 87.5856C266.569 87.3296 266.057 86.9456 265.609 86.4336C265.161 85.9216 264.937 85.2336 264.937 84.3696C264.937 83.2496 265.369 82.3216 266.233 81.5856C267.097 80.8496 268.249 80.4816 269.689 80.4816C271.161 80.4816 272.489 80.8976 273.673 81.7296C274.889 82.5296 275.817 83.6496 276.457 85.0896L279.529 83.6496C278.793 81.6336 277.529 80.0656 275.737 78.9456C273.977 77.7936 272.009 77.2176 269.833 77.2176C268.233 77.2176 266.777 77.5216 265.465 78.1296C264.153 78.7376 263.113 79.6016 262.345 80.7216C261.577 81.8416 261.193 83.1536 261.193 84.6576C261.193 86.2576 261.721 87.6656 262.777 88.8816C263.833 90.0976 265.545 91.0416 267.913 91.7136L271.609 92.7696C272.121 92.8976 272.713 93.1056 273.385 93.3936C274.057 93.6816 274.649 94.0976 275.161 94.6416C275.673 95.1536 275.929 95.8576 275.929 96.7536C275.929 97.9696 275.401 98.9616 274.345 99.7296C273.289 100.466 271.993 100.834 270.457 100.834C268.857 100.834 267.385 100.37 266.041 99.4416C264.729 98.5136 263.705 97.2656 262.969 95.6976L259.945 97.1376C260.777 99.2816 262.121 100.978 263.977 102.226Z' fill='%23124835'></path>"
+ "<path d='M246.75 103.522V77.7936H250.35V80.5773C250.924 79.7398 251.676 79.0519 252.606 78.5136C253.854 77.8096 255.358 77.4576 257.118 77.4576H258.75V81.0576H256.494C254.638 81.0576 253.15 81.6336 252.03 82.7856C250.91 83.9376 250.35 85.5696 250.35 87.6816V103.522H246.75Z' fill='%23124835'></path>"
+ "<path fill-rule='evenodd' clip-rule='evenodd' d='M223.843 102.37C225.795 103.522 227.971 104.098 230.371 104.098C232.131 104.098 233.731 103.81 235.171 103.234C236.643 102.626 237.907 101.842 238.963 100.882C240.019 99.8896 240.803 98.8176 241.315 97.6656L238.243 96.0336C237.443 97.3776 236.403 98.4976 235.123 99.3936C233.843 100.29 232.259 100.738 230.371 100.738C228.739 100.738 227.203 100.322 225.763 99.4896C224.355 98.6576 223.235 97.4896 222.403 95.9856C221.756 94.7447 221.423 93.3367 221.404 91.7616H241.651C241.715 91.3456 241.763 90.9456 241.795 90.5616C241.827 90.1456 241.843 89.7776 241.843 89.4576C241.843 87.9216 241.571 86.4336 241.027 84.9936C240.483 83.5216 239.699 82.2096 238.675 81.0576C237.651 79.8736 236.403 78.9456 234.931 78.2736C233.491 77.5696 231.843 77.2176 229.987 77.2176C227.651 77.2176 225.539 77.7936 223.651 78.9456C221.795 80.0976 220.323 81.6816 219.235 83.6976C218.147 85.6816 217.603 87.9696 217.603 90.5616C217.603 93.1536 218.163 95.4736 219.283 97.5216C220.403 99.5696 221.923 101.186 223.843 102.37ZM237.984 88.4016H221.461C221.58 87.2668 221.878 86.2428 222.355 85.3296C223.123 83.8256 224.179 82.6576 225.523 81.8256C226.899 80.9936 228.387 80.5776 229.987 80.5776C231.587 80.5776 233.027 80.9936 234.307 81.8256C235.587 82.6256 236.563 83.7296 237.235 85.1376C237.741 86.1264 237.99 87.2145 237.984 88.4016Z' fill='%23124835'></path>"
+ "<path d='M202.635 103.522L192.603 77.7936H196.635L204.437 98.628L212.283 77.7936H216.363L206.235 103.522H202.635Z' fill='%23124835'></path>"
+ "<path d='M160.166 103.522V77.7936H163.766V80.9804C164.365 80.0569 165.133 79.2827 166.07 78.6576C167.542 77.6976 169.238 77.2176 171.158 77.2176C172.982 77.2176 174.614 77.6336 176.054 78.4656C177.526 79.2976 178.678 80.4496 179.51 81.9216C180.374 83.3616 180.806 84.9936 180.806 86.8176V103.522H177.206V88.2096C177.206 86.6416 176.918 85.3136 176.342 84.2256C175.798 83.1376 175.014 82.3056 173.99 81.7296C172.998 81.1216 171.846 80.8176 170.534 80.8176C169.222 80.8176 168.054 81.1216 167.03 81.7296C166.006 82.3056 165.206 83.1536 164.63 84.2736C164.054 85.3616 163.766 86.6736 163.766 88.2096V103.522H160.166Z' fill='%23124835'></path>"
+ "</svg>");
partner1.setLink("https://logoipsum.com/artwork/364");
partner2.setLink("https://logoipsum.com/artwork/356");
partner3.setLink("https://logoipsum.com/artwork/354");
final ImageLink image1 = new DefaultImageLink();
final ImageLink image2 = new DefaultImageLink();
final ImageLink image3 = new DefaultImageLink();
final ImageLink image4 = new DefaultImageLink();
final ImageLink image5 = new DefaultImageLink();
final ImageLink image6 = new DefaultImageLink();
image1.setUrl("//picsum.photos/800/600");
image2.setUrl("//picsum.photos/1280/960");
image3.setUrl("//picsum.photos/1920/1080");
image4.setUrl("//picsum.photos/640/480");
image5.setUrl("//picsum.photos/720/576");
image6.setUrl("//picsum.photos/2048/1536");
final ImageLink logo1 = new DefaultImageLink();
final ImageLink logo2 = new DefaultImageLink();
final ImageLink logo3 = new DefaultImageLink();
final ImageLink logo4 = new DefaultImageLink();
logo1.setUrl("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1mYWNlYm9vayI+PHBhdGggZD0iTTE4IDJoLTNhNSA1IDAgMCAwLTUgNXYzSDd2NGgzdjhoNHYtOGgzbDEtNGgtNFY3YTEgMSAwIDAgMSAxLTFoM3oiLz48L3N2Zz4=");
logo2.setUrl("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10d2l0dGVyIj48cGF0aCBkPSJNMjIgNHMtLjcgMi4xLTIgMy40YzEuNiAxMC05LjQgMTcuMy0xOCAxMS42IDIuMi4xIDQuNC0uNiA2LTJDMyAxNS41LjUgOS42IDMgNWMyLjIgMi42IDUuNiA0LjEgOSA0LS45LTQuMiA0LTYuNiA3LTMuOCAxLjEgMCAzLTEuMiAzLTEuMnoiLz48L3N2Zz4=");
logo3.setUrl("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1pbnN0YWdyYW0iPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeD0iMiIgeT0iMiIgcng9IjUiIHJ5PSI1Ii8+PHBhdGggZD0iTTE2IDExLjM3QTQgNCAwIDEgMSAxMi42MyA4IDQgNCAwIDAgMSAxNiAxMS4zN3oiLz48bGluZSB4MT0iMTcuNSIgeDI9IjE3LjUxIiB5MT0iNi41IiB5Mj0iNi41Ii8+PC9zdmc+");
logo4.setUrl("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1saW5rZWRpbiI+PHBhdGggZD0iTTE2IDhhNiA2IDAgMCAxIDYgNnY3aC00di03YTIgMiAwIDAgMC0yLTIgMiAyIDAgMCAwLTIgMnY3aC00di03YTYgNiAwIDAgMSA2LTZ6Ii8+PHJlY3Qgd2lkdGg9IjQiIGhlaWdodD0iMTIiIHg9IjIiIHk9IjkiLz48Y2lyY2xlIGN4PSI0IiBjeT0iNCIgcj0iMiIvPjwvc3ZnPg==");
logo1.setLink("https://facebook.com/");
logo2.setLink("https://twitter.com/");
logo3.setLink("https://instagram.com/");
logo4.setLink("https://linkedin.com/");
final List<ImageLink> partners = new ArrayList<>();
partners.add(partner1);
partners.add(partner2);
partners.add(partner3);
final List<ImageLink> images = new ArrayList<>();
images.add(image1);
images.add(image2);
images.add(image3);
images.add(image4);
images.add(image5);
images.add(image6);
final List<ImageLink> logos = new ArrayList<>();
logos.add(logo1);
logos.add(logo2);
logos.add(logo3);
logos.add(logo4);
%>
<kuik:images-grid images="<%= partners %>" mode="table" fit="contain" />
<hr>
<kuik:images-grid images="<%= images %>" />
<hr>
<kuik:images-grid images="<%= logos %>" mode="pills" fit="contain" />
| Name | Type | Required | Description |
|---|---|---|---|
| images | java.util.Collection |
false | Liste d'images à afficher |
| mode | java.lang.String | false | Mode d'affichage de la grille : gallery (défaut), pills, table |
| fit | java.lang.String | false | Mode de dimensionnement de l'image : cover (défaut), contain |
| imageclasses | java.lang.String | false | Classes css a apposer sur chacun des tags image |
.images-grid {
display: var(--images-grid-display);
gap: var(--space-2);
}
*:has(> .images-grid) {
container-type: inline-size;
}
.images-grid__item {
align-content: center;
background-color: var(--images-grid-item-fill);
block-size: var(--images-grid-item-block-size);
border-radius: var(--images-grid-item-radius);
flex-grow: var(--images-grid-item-grow);
min-inline-size: calc(2 * var(--images-grid-item-padding) + 1lh);
overflow: hidden;
padding: var(--images-grid-item-padding);
text-align: center;
}
.images-grid__image {
--images-grid-image-width: auto;
--images-grid-image-height: auto;
height: var(--images-grid-image-height);
object-fit: var(--images-grid-image-object-fit);
object-position: center;
vertical-align: top;
width: var(--images-grid-image-width);
}
@container (width >= #{$screen-xs}) {
.images-grid--gallery::after {
content: '';
flex-grow: 10; // value with best results
}
}
.images-grid--contain {
--images-grid-image-object-fit: contain;
}
.images-grid--cover {
--images-grid-image-object-fit: cover;
}
.images-grid--gallery {
--images-grid-display: flex;
--images-grid-item-block-size: var(--size-40);
--images-grid-item-grow: 1;
--images-grid-item-padding: var(--space-0);
--images-grid-item-radius: var(--radius-md);
flex-wrap: wrap;
.images-grid__image {
max-block-size: 100%;
min-inline-size: 100%;
}
}
.images-grid--pills {
--images-grid-display: flex;
--images-grid-item-block-size: auto;
--images-grid-item-fill: var(--color1-40);
--images-grid-item-grow: 0;
--images-grid-item-padding: var(--space-2);
--images-grid-item-radius: var(--radius-infinite);
flex-wrap: wrap;
}
.images-grid--table {
--images-grid-display: grid;
--images-grid-item-block-size: var(--size-40);
--images-grid-item-fill: var(--white);
--images-grid-item-padding: var(--space-8);
--images-grid-item-radius: var(--radius-md);
grid-template-columns: repeat(auto-fill, minmax(var(--size-60), 1fr));
.images-grid__image {
max-block-size: 100%;
max-inline-size: 100%;
}
}
<%@ tag pageEncoding="UTF-8" trimDirectiveWhitespaces="true" dynamic-attributes="dynattrs" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="kuik" uri="kuik" %>
<%@ attribute name="images" type="java.util.Collection<fr.kosmos.web.kore.attributes.interfaces.ImageLink>" description="Liste d'images à afficher" %>
<%@ attribute name="mode" type="java.lang.String" description="Mode d'affichage de la grille : gallery (défaut), pills, table" %>
<%@ attribute name="fit" type="java.lang.String" description="Mode de dimensionnement de l'image : cover (défaut), contain" %>
<%@ attribute name="imageclasses" type="java.lang.String" description="Classes css a apposer sur chacun des tags image" %>
<c:if test="${empty pageScope.mode}">
<c:set var="mode" value="gallery" />
</c:if>
<c:set var="modeClass" value="images-grid--${mode}" />
<c:if test="${empty pageScope.fit}">
<c:set var="fit" value="cover" />
</c:if>
<c:set var="fitClass" value="images-grid--${fit}" />
<c:set var="classes" value="images-grid ${modeClass} ${fitClass}" />
<c:set var="attributes">
<c:forEach items="${dynattrs}" var="a">
<c:choose>
<c:when test="${a.key == 'class'}">
<c:set value="${classes} ${a.value}" var="classes"/>
</c:when>
<c:otherwise>${a.key}="${a.value}" </c:otherwise>
</c:choose>
</c:forEach>
</c:set>
<div class="${classes}" ${pageScope.attributes}>
<c:forEach var="image" items="${pageScope.images}">
<c:set var="imageTag">
<kuik:image class="images-grid__image" imageclasses="${pageScope.imageclasses}" image="${image}" />
</c:set>
<c:choose>
<c:when test="${not empty image.link}">
<a class="images-grid__item" href="${image.link}" ${image.noFollow ? 'rel="nofollow"' : ''} >${imageTag}</a>
</c:when>
<c:otherwise>
<div class="images-grid__item">${imageTag}</div>
</c:otherwise>
</c:choose>
</c:forEach>
</div>