--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="14.121" height="7.811" viewBox="0 0 14.121 7.811">
+ <path id="Tracé_129" data-name="Tracé 129" d="M4,6l6,6,6-6" transform="translate(-2.939 -4.939)" fill="none" stroke="#161c2d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
+</svg>
--- /dev/null
+<svg id="Calque_1" xmlns="http://www.w3.org/2000/svg" width="52" height="48" viewBox="0 0 56 56">
+ <path d="m19.94,24.21c1.25-.94,2-2.43,2-3.99v-1.05h2c.55,0,1-.45,1-1v-6c0-.55-.45-1-1-1h-6c-.55,0-1,.45-1,1v6c0,.55.45,1,1,1h2v1.05c0,.93-.45,1.82-1.2,2.39l-3.77,2.84V6.41l2.67,2.67c.2.2.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.02,0-1.41l-4.37-4.37c-.09-.09-.2-.17-.33-.22-.24-.1-.52-.1-.76,0-.12.05-.23.12-.33.22l-4.37,4.37c-.39.39-.39,1.02,0,1.41s1.02.39,1.41,0l2.67-2.67v22.25l-3.77-2.84c-.76-.58-1.2-1.45-1.2-2.4v-1.19c1.72-.45,3-2,3-3.86,0-2.21-1.79-4-4-4s-4,1.79-4,4c0,1.86,1.28,3.41,3,3.86v1.19c0,1.56.74,3.05,1.99,4l4.98,3.75v2.68c-2.56.47-4.5,2.71-4.5,5.4,0,3.03,2.47,5.5,5.5,5.5s5.5-2.47,5.5-5.5c0-2.69-1.94-4.93-4.5-5.4v-5.9l4.97-3.74Zm-1-11.04h4v4h-4v-4Zm-13.94,5.21c0-1.1.9-2,2-2s2,.9,2,2-.9,2-2,2-2-.9-2-2Zm12.47,20.88c0,1.93-1.57,3.5-3.5,3.5s-3.5-1.57-3.5-3.5,1.57-3.5,3.5-3.5,3.5,1.57,3.5,3.5Z" fill="#467fcf"/>
+ <path d="m29.5,48c0,.55.45,1,1,1,10.2,0,18.5-8.3,18.5-18.5,0-.55-.45-1-1-1s-1,.45-1,1c0,9.1-7.4,16.5-16.5,16.5-.55,0-1,.45-1,1Z" fill="#467fcf"/>
+ <path d="m32.14,8.06c-.54-.05-1.03.38-1.07.93-.04.55.38,1.03.93,1.07,10.66.77,19,9.75,19,20.44,0,11.3-9.2,20.5-20.5,20.5-1.85,0-3.65-.24-5.38-.71-.05-.02-.1-.06-.15-.08-.06-.02-.12,0-.19-.01-1.09-.32-2.16-.73-3.2-1.24-.5-.24-1.09-.04-1.34.46-.24.5-.04,1.09.46,1.34,1.2.58,2.43,1.05,3.7,1.41,0,0,0,0,0,0,0,0,0,0,0,0,1.96.55,3.99.83,6.08.83,12.41,0,22.5-10.09,22.5-22.5,0-11.74-9.16-21.6-20.86-22.44Z" fill="#467fcf"/>
+ <path d="m30.5,37.5c-1.88,0-3.65-.73-4.97-2.06-.39-.39-1.02-.39-1.42,0-.39.39-.39,1.02,0,1.42,1.7,1.71,3.97,2.65,6.39,2.65,4.96,0,9-4.04,9-9s-4.04-9-9-9c-.79,0-1.58.11-2.36.31-.53.14-.85.69-.71,1.22.14.53.69.85,1.22.71.61-.16,1.23-.25,1.84-.25,3.86,0,7,3.14,7,7s-3.14,7-7,7Z" fill="#467fcf"/>
+</svg>
--- /dev/null
+<svg id="Groupe_268" data-name="Groupe 268" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+ <rect id="Rectangle_480" data-name="Rectangle 480" width="30" height="30" rx="15" fill="#467fcf"/>
+ <g id="Groupe_265" data-name="Groupe 265" transform="translate(8.5 8)">
+ <path id="Tracé_122" data-name="Tracé 122" d="M.5,10.5v1a2,2,0,0,0,2,2h9a2,2,0,0,0,2-2v-1" transform="translate(-0.5 -0.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ <path id="Tracé_123" data-name="Tracé 123" d="M4,6,7,9.5,10,6" transform="translate(-0.5 -0.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ <line id="Ligne_19" data-name="Ligne 19" y1="9" transform="translate(6.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ </g>
+</svg>
--- /dev/null
+<svg id="Instruction" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+ <circle id="Ellipse_24" data-name="Ellipse 24" cx="15" cy="15" r="15" fill="rgba(236,242250,.32)"/>
+ <g id="Groupe_270" data-name="Groupe 270" transform="translate(9.5 8.5)">
+ <path id="Tracé_124" data-name="Tracé 124" d="M12.5,13.54H3a1.5,1.5,0,0,1,0-3h8.5a1,1,0,0,0,1-1v-8a1,1,0,0,0-1-1H3A1.5,1.5,0,0,0,1.5,2V12" transform="translate(-1.5 -0.54)" fill="none" stroke="#3a72c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ <line id="Ligne_20" data-name="Ligne 20" y2="3" transform="translate(10 10)" fill="none" stroke="#3a72c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ </g>
+</svg>
--- /dev/null
+<svg id="Groupe_273" data-name="Groupe 273" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="48" viewBox="0 0 52 48">
+ <defs>
+ <clipPath id="clip-path">
+ <rect id="Rectangle_448" data-name="Rectangle 448" width="52" height="48" fill="#467fcf"/>
+ </clipPath>
+ </defs>
+ <g id="Groupe_172" data-name="Groupe 172" clip-path="url(#clip-path)">
+ <path id="Tracé_73" data-name="Tracé 73" d="M40.338,13.237,27.988,7.793a4.935,4.935,0,0,0-3.976,0l-12.35,5.445a1.526,1.526,0,0,0-.9,1.4h0v6.888L8.328,28.118a2.063,2.063,0,0,0,.229,1.873,1.99,1.99,0,0,0,1.643.876h3.115a1.99,1.99,0,0,0,1.644-.876,2.062,2.062,0,0,0,.228-1.872l-2.43-6.593v-5L16.5,18.171v6.965a3.052,3.052,0,0,0,1.809,2.8l5.7,2.511A4.965,4.965,0,0,0,26,30.865a4.9,4.9,0,0,0,1.982-.418l5.705-2.511a3.052,3.052,0,0,0,1.808-2.8V18.171l4.841-2.133a1.537,1.537,0,0,0,0-2.8M10.2,28.833l1.556-4.226,1.558,4.225Zm23.3-3.7a1.016,1.016,0,0,1-.6.933L27.19,28.581a2.948,2.948,0,0,1-2.384,0l-5.7-2.511a1.017,1.017,0,0,1-.6-.933V19.053l5.513,2.429a4.946,4.946,0,0,0,3.976,0L33.5,19.053Zm.614-8.572-.006,0-6.914,3.047a2.969,2.969,0,0,1-2.386,0l-6.919-3.049h0l-4.373-1.928L24.808,9.659a2.958,2.958,0,0,1,2.385,0l11.292,4.978Z" transform="translate(0 0.128)" fill="#467fcf"/>
+ <path id="Tracé_74" data-name="Tracé 74" d="M47,0H5A5.05,5.05,0,0,0,0,5.086V33.571a5.05,5.05,0,0,0,5,5.086H19.5v7.308H16A1.017,1.017,0,0,0,16,48H36a1.017,1.017,0,0,0,0-2.035H32.5V38.657H47a5.05,5.05,0,0,0,5-5.086V5.086A5.05,5.05,0,0,0,47,0M30.5,45.965h-9V38.657h9ZM50,33.571a3.03,3.03,0,0,1-3,3.052H5a3.03,3.03,0,0,1-3-3.052V5.086A3.03,3.03,0,0,1,5,2.035H47a3.03,3.03,0,0,1,3,3.052Z" transform="translate(0 0)" fill="#467fcf"/>
+ </g>
+</svg>
--- /dev/null
+<svg id="Groupe_275" data-name="Groupe 275" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="42.5" height="56" viewBox="0 0 42.5 54">
+ <defs>
+ <clipPath id="clip-path">
+ <rect id="Rectangle_450" data-name="Rectangle 450" width="42.5" height="54" fill="#467fcf"/>
+ </clipPath>
+ </defs>
+ <g id="Groupe_177" data-name="Groupe 177" clip-path="url(#clip-path)">
+ <path id="Tracé_82" data-name="Tracé 82" d="M13.9,54.13c-3.856,0-6.644-4-8.5-6.663-4.83-6.915-7.594-18.342-3.2-25.9a13.266,13.266,0,0,1,11.132-6.678,14.291,14.291,0,0,1,5.522,1.339,9.269,9.269,0,0,0,2.713.81,9.6,9.6,0,0,0,2.612-.8,15.234,15.234,0,0,1,7.012-1.459,12.7,12.7,0,0,1,9.817,5.3.982.982,0,0,1,.162.772.993.993,0,0,1-.457.644,10.087,10.087,0,0,0-4.9,8.544A9.887,9.887,0,0,0,41.891,39.1a.988.988,0,0,1,.561,1.213,27.935,27.935,0,0,1-3.573,7.268c-1.972,2.858-4.425,6.414-8.419,6.485a9.518,9.518,0,0,1-4.267-1,9.047,9.047,0,0,0-3.967-.954,9.653,9.653,0,0,0-4.182.988,10.429,10.429,0,0,1-3.93,1.028c-.071,0-.142,0-.212,0M13.5,16.874h-.113A11.25,11.25,0,0,0,3.941,22.55C-.049,29.41,2.566,39.924,7.047,46.34c2.051,2.942,4.267,5.807,6.856,5.807l.133,0a8.562,8.562,0,0,0,3.224-.871,11.623,11.623,0,0,1,4.966-1.147,11,11,0,0,1,4.761,1.116,7.658,7.658,0,0,0,3.437.84c2.743-.049,4.625-2.466,6.8-5.62a26,26,0,0,0,3.041-5.934,11.851,11.851,0,0,1-6.45-10.485v-.015a12.029,12.029,0,0,1,4.928-9.6,10.746,10.746,0,0,0-7.689-3.666,13.418,13.418,0,0,0-6.141,1.327,10.179,10.179,0,0,1-3.347.936,10.049,10.049,0,0,1-3.453-.951,13.113,13.113,0,0,0-4.619-1.2" transform="translate(0 -0.129)" fill="#467fcf"/>
+<path id="Tracé_83" data-name="Tracé 83" d="M21.294,13.968h-.136a1,1,0,0,1-.985-.92,11.9,11.9,0,0,1,3.033-8.782A12.745,12.745,0,0,1,31.592,0a1.029,1.029,0,0,1,.74.228.99.99,0,0,1,.353.683,12.327,12.327,0,0,1-2.956,9.01,10.854,10.854,0,0,1-8.435,4.044M30.717,2.13a10.739,10.739,0,0,0-6.012,3.448,9.933,9.933,0,0,0-2.557,6.364,8.824,8.824,0,0,0,6.021-3.261l.024-.029A10.363,10.363,0,0,0,30.717,2.13" transform="translate(0.006 0)" fill="#467fcf"/>
+ </g>
+</svg>
--- /dev/null
+<svg id="Groupe_272" data-name="Groupe 272" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="48" viewBox="0 0 52 48">
+ <defs>
+ <clipPath id="clip-path">
+ <rect id="Rectangle_449" data-name="Rectangle 449" width="52" height="48" fill="#467fcf"/>
+ </clipPath>
+ </defs>
+ <path id="Tracé_75" data-name="Tracé 75" d="M2,41.342V6.657L25.381,2.4V45.6ZM27.381,0,0,4.985v38.03L27.381,48Z" transform="translate(0 0)" fill="#467fcf"/>
+ <g id="Groupe_175" data-name="Groupe 175">
+ <g id="Groupe_174" data-name="Groupe 174" clip-path="url(#clip-path)">
+ <path id="Tracé_76" data-name="Tracé 76" d="M46.439,29.458A5.57,5.57,0,1,1,52,23.889a5.571,5.571,0,0,1-5.561,5.57m0-9.137A3.567,3.567,0,1,0,50,23.889a3.568,3.568,0,0,0-3.561-3.567" transform="translate(0 0.031)" fill="#467fcf"/>
+ <path id="Tracé_77" data-name="Tracé 77" d="M33.742,16.685A5.514,5.514,0,0,1,29.8,15.042a1,1,0,1,1,1.418-1.412,3.531,3.531,0,0,0,2.523,1.052,3.567,3.567,0,0,0,0-7.133A3.531,3.531,0,0,0,31.219,8.6,1,1,0,1,1,29.8,7.188a5.514,5.514,0,0,1,3.941-1.643,5.57,5.57,0,0,1,0,11.14" transform="translate(0 0.01)" fill="#467fcf"/>
+ <path id="Tracé_78" data-name="Tracé 78" d="M33.742,42.321A5.514,5.514,0,0,1,29.8,40.678a1,1,0,1,1,1.418-1.412,3.531,3.531,0,0,0,2.523,1.052,3.567,3.567,0,0,0,0-7.133,3.531,3.531,0,0,0-2.523,1.052A1,1,0,1,1,29.8,32.824a5.514,5.514,0,0,1,3.941-1.643,5.57,5.57,0,0,1,0,11.14" transform="translate(0 0.053)" fill="#467fcf"/>
+ <path id="Tracé_79" data-name="Tracé 79" d="M38.205,36.147l-.838-1.819A11.108,11.108,0,0,0,43.3,27.573l1.908.6a13.113,13.113,0,0,1-7,7.975" transform="translate(0 0.047)" fill="#467fcf"/>
+ <path id="Tracé_80" data-name="Tracé 80" d="M42.995,19.849a11.073,11.073,0,0,0-5.44-5.817l.872-1.8A13.081,13.081,0,0,1,44.849,19.1Z" transform="translate(0 0.021)" fill="#467fcf"/>
+ <path id="Tracé_81" data-name="Tracé 81" d="M12.173,33.571a5.3,5.3,0,0,1-3.128-.965,1,1,0,0,1,1.182-1.616,3.707,3.707,0,0,0,3.858.069,2.918,2.918,0,0,0,1.474-2.609c0-1.563-1.111-2.4-2.941-3.579-.291-.187-.581-.376-.862-.568-1.531-1.051-3.165-2.377-3.165-4.84a4.667,4.667,0,0,1,2.5-4.172,4.757,4.757,0,0,1,5.781,1.051,1,1,0,0,1-1.527,1.3,2.756,2.756,0,0,0-3.312-.578,2.671,2.671,0,0,0-1.445,2.4c0,1.356.807,2.167,2.3,3.187.266.182.541.36.817.539,1.718,1.111,3.856,2.494,3.856,5.261a4.889,4.889,0,0,1-2.441,4.325,5.735,5.735,0,0,1-2.945.8" transform="translate(0 0.025)" fill="#467fcf"/>
+ </g>
+ </g>
+</svg>
--- /dev/null
+<svg id="Groupe_263" data-name="Groupe 263" xmlns="http://www.w3.org/2000/svg" width="47" height="48" viewBox="0 0 47 48">
+ <path id="Tracé_62" data-name="Tracé 62" d="M47,8.851V5.087A5.05,5.05,0,0,0,42,0H5A5.05,5.05,0,0,0,0,5.087V8.851a5.1,5.1,0,0,0,2.031,4.07A5.1,5.1,0,0,0,0,16.991v3.763a5.1,5.1,0,0,0,2.031,4.07A5.1,5.1,0,0,0,0,28.893v3.764a5.05,5.05,0,0,0,5,5.087H23.48v8.038H10.9a1.018,1.018,0,0,0,0,2.035H36.1a1.018,1.018,0,0,0,0-2.035H25.48V37.744H42a5.05,5.05,0,0,0,5-5.087V28.893a5.1,5.1,0,0,0-2.031-4.07A5.1,5.1,0,0,0,47,20.754V16.991a5.1,5.1,0,0,0-2.031-4.07A5.1,5.1,0,0,0,47,8.851M45,28.893v3.764a3.029,3.029,0,0,1-3,3.052H5a3.029,3.029,0,0,1-3-3.052V28.893a3.03,3.03,0,0,1,3-3.052H42a3.03,3.03,0,0,1,3,3.052m0-11.9v3.763a3.029,3.029,0,0,1-3,3.052H5a3.029,3.029,0,0,1-3-3.052V16.991a3.03,3.03,0,0,1,3-3.052H42a3.03,3.03,0,0,1,3,3.052m0-8.139A3.03,3.03,0,0,1,42,11.9H5A3.03,3.03,0,0,1,2,8.851V5.087A3.03,3.03,0,0,1,5,2.035H42a3.03,3.03,0,0,1,3,3.052Z" fill="#467fcf"/>
+ <path id="Tracé_63" data-name="Tracé 63" d="M45.55,44.283A1.444,1.444,0,1,0,47,45.727a1.449,1.449,0,0,0-1.45-1.444" transform="translate(0 0.828)" fill="#467fcf"/>
+ <path id="Tracé_64" data-name="Tracé 64" d="M40.6,44.283a1.444,1.444,0,1,0,1.45,1.444,1.449,1.449,0,0,0-1.45-1.444" transform="translate(0 0.828)" fill="#467fcf"/>
+ <path id="Tracé_65" data-name="Tracé 65" d="M1.45,44.283A1.444,1.444,0,1,0,2.9,45.727a1.449,1.449,0,0,0-1.45-1.444" transform="translate(0 0.828)" fill="#467fcf"/>
+ <path id="Tracé_66" data-name="Tracé 66" d="M9.315,31.689a1.444,1.444,0,1,0-1.45-1.444,1.448,1.448,0,0,0,1.45,1.444" transform="translate(0 0.539)" fill="#467fcf"/>
+ <path id="Tracé_67" data-name="Tracé 67" d="M6.4,44.283a1.444,1.444,0,1,0,1.45,1.444A1.448,1.448,0,0,0,6.4,44.283" transform="translate(0 0.828)" fill="#467fcf"/>
+ <path id="Tracé_68" data-name="Tracé 68" d="M16.163,31.689a1.444,1.444,0,1,0-1.45-1.444,1.449,1.449,0,0,0,1.45,1.444" transform="translate(0 0.539)" fill="#467fcf"/>
+ <path id="Tracé_69" data-name="Tracé 69" d="M9.315,19.989a1.444,1.444,0,1,0-1.45-1.444,1.448,1.448,0,0,0,1.45,1.444" transform="translate(0 0.32)" fill="#467fcf"/>
+ <path id="Tracé_70" data-name="Tracé 70" d="M16.163,19.989a1.444,1.444,0,1,0-1.45-1.444,1.449,1.449,0,0,0,1.45,1.444" transform="translate(0 0.32)" fill="#467fcf"/>
+ <path id="Tracé_71" data-name="Tracé 71" d="M9.315,5.4a1.444,1.444,0,1,0,1.45,1.444A1.449,1.449,0,0,0,9.315,5.4" transform="translate(0 -0.021)" fill="#467fcf"/>
+ <path id="Tracé_72" data-name="Tracé 72" d="M16.163,5.4a1.444,1.444,0,1,0,1.45,1.444A1.448,1.448,0,0,0,16.163,5.4" transform="translate(0 -0.021)" fill="#467fcf"/>
+</svg>
--- /dev/null
+<svg id="Groupe_274" data-name="Groupe 274" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+ <path id="Tracé_88" data-name="Tracé 88" d="M22.154,23.077H.923A.923.923,0,0,1,0,22.154V.923A.923.923,0,0,1,.923,0H22.154a.923.923,0,0,1,.923.923V22.154a.923.923,0,0,1-.923.923M1.846,21.231H21.231V1.846H1.846Z" fill="#467fcf"/>
+ <path id="Tracé_89" data-name="Tracé 89" d="M49.154,23.077H27.923A.923.923,0,0,1,27,22.154V.923A.923.923,0,0,1,27.923,0H49.154a.923.923,0,0,1,.923.923V22.154a.923.923,0,0,1-.923.923M28.846,21.231H48.231V1.846H28.846Z" transform="translate(-2.077)" fill="#467fcf"/>
+ <path id="Tracé_90" data-name="Tracé 90" d="M22.154,50.077H.923A.923.923,0,0,1,0,49.154V27.923A.923.923,0,0,1,.923,27H22.154a.923.923,0,0,1,.923.923V49.154a.923.923,0,0,1-.923.923M1.846,48.231H21.231V28.846H1.846Z" transform="translate(0 -2.077)" fill="#467fcf"/>
+ <path id="Tracé_91" data-name="Tracé 91" d="M49.154,50.077H27.923A.923.923,0,0,1,27,49.154V27.923A.923.923,0,0,1,27.923,27H49.154a.923.923,0,0,1,.923.923V49.154a.923.923,0,0,1-.923.923M28.846,48.231H48.231V28.846H28.846Z" transform="translate(-2.077 -2.077)" fill="#467fcf"/>
+</svg>
justify-content: center;
align-items: center;
flex-direction: column;
+ transition: all 0.3s;
+}
+.delivery-glimpses .block:hover {
+ background-color: #467fcf;
}
.delivery-glimpses .preview-block {
border: 1px solid rgba(70, 127, 207, 0.2);
}
.delivery-preview-mini iframe {
width: 100%;
+ height: 195px;
border: 0;
}
+.delivery-dropdown {
+ max-height: 42px;
+ height: auto;
+ transition: all 1s;
+ overflow: hidden;
+}
+.delivery-dropdown.active {
+ max-height: calc(42px + var(--dropdown-content-height) + 1.25rem);
+}
+.delivery-dropdown.active .dropdown-control img {
+ transform: rotate(180deg);
+}
+.delivery-dropdown.active .dropdown-content {
+ opacity: 1;
+ visibility: visible;
+}
+.delivery-dropdown .dropdown-element:hover.active {
+ background-color: #467FCF;
+ color: #ffffff;
+}
+.delivery-dropdown .dropdown-element:hover.active .icon svg * {
+ fill: #ffffff;
+}
+.delivery-dropdown .dropdown-element:hover.active .tools .download rect {
+ fill: #ffffff;
+}
+.delivery-dropdown .dropdown-element:hover.active .tools .download g * {
+ stroke: #467FCF;
+}
+.delivery-dropdown .dropdown-control {
+ padding: 8px 12px;
+ border-radius: 4px;
+ border: 1px solid rgba(0, 40, 122, 0.12);
+ cursor: pointer;
+}
+.delivery-dropdown .dropdown-content {
+ opacity: 0;
+ visibility: hidden;
+ transition: opacity 0.5s;
+ transition-delay: 0.1s;
+}
+.delivery-dropdown .dropdown-element {
+ padding: 12px 16px;
+ border: 1px solid;
+ border-radius: 4px;
+}
+.delivery-dropdown .dropdown-element:first-of-type {
+ margin-top: 20px;
+}
+.delivery-dropdown .dropdown-element:last-of-type {
+ margin-bottom: 30px;
+}
+.delivery-dropdown .dropdown-element:not(:last-of-type) {
+ margin-bottom: 8px;
+}
+.delivery-dropdown .dropdown-element.active {
+ color: #467FCF;
+ transition: all 0.3s;
+}
+.delivery-dropdown .dropdown-element:not(.active) {
+ color: rgba(27, 42, 78, 0.2);
+ background-color: #F0F3F9;
+ border-color: #F0F3F9;
+ pointer-events: none;
+}
+.delivery-dropdown .dropdown-element:not(.active) .icon svg * {
+ fill: rgba(27, 42, 78, 0.2);
+}
+.delivery-dropdown .dropdown-element p {
+ font-size: 14px;
+}
+.delivery-dropdown .dropdown-element .icon {
+ margin-right: 16px;
+}
+.delivery-dropdown .dropdown-element .tools .instruction circle {
+ fill: rgba(236, 242, 250, 0.32);
+}
+.delivery-dropdown .dropdown-element .tools .instruction:hover circle {
+ fill: var(--dark);
+}
+.delivery-dropdown .dropdown-element .tools .instruction:hover g * {
+ stroke: var(--white);
+}
+.btn-install {
+ margin-bottom: 40px;
+}
.featherlight-close {
top: 30px;
right: 30px;
-{"version":3,"sources":["delivery.less"],"names":[],"mappings":"AAAA;AAAK;EACD,uBAAA;;AAGJ;EACI,qBAAA;;AAGJ,OAAQ;EACJ,iBAAA;;AAGJ;EACI,aAAA;;AACA,OAAC;EACG,4BAA4B,uBAA5B;;AAIR;EACI,QAAA;;AAGJ;EACI,gBAAA;;AAGJ,aAAc;EACV,wCAAA;EACA,sBAAA;EACA,YAAA;EACA,oBAAA;EACA,sBAAA;EACA,kBAAA;EACA,4BAAA;;AAIA,SAAC;EACG,mBAAA;;AADJ,SAAC,OAEG,GAAE,IAAI;EACF,cAAc,kBAAd;;AAHR,SAAC,OAKG,GAAE;EACE,YAAA;EACA,oBAAA;;AAPR,SAAC,OASG;EACI,OAAO,WAAP;;AAGR,SAAC;EACG,mBAAA;;AADJ,SAAC,SAEG;EACI,0CAAA;EACA,aAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;;AARR,SAAC,SAUG;EACI,yCAAA;EACA,kBAAA;EACA,gBAAA;;AAbR,SAAC,SAeG;EACI,WAAA;EACA,gBAAA;;AAjBR,SAAC,SAmBG;EACI,WAAA;EACA,gBAAA;;AArBR,SAAC,SAuBG;EACI,eAAA;;AAxBR,SAAC,SA0BG;EACI,kBAAA;;AAGR,SAAC;EACG,gBAAA;EACA,WAAA;EACA,iBAAA;EACA,gBAAA;EACA,SAAA;EACA,wBAAA;EACA,aAAA;;AACA,SARH,aAQI;EACG,cAAA;;AATR,SAAC,aAWG;EACI,aAAA;EACA,kBAAkB,WAAlB;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;;AAGR,SAAC;EACG,yCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;;AACA,SALH,QAKI;EACG,yBAAA;;AADJ,SALH,QAKI,iBAEG;EACI,2BAAA;;AAHR,SALH,QAKI,iBAKG;EACI,4BAAA;;AAXZ,SAAC,QAcG;EACI,WAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;EACA,QAAA;;AAnBR,SAAC,QAqBG;EACI,kBAAA;EACA,eAAA;EACA,cAAA;;AAIR,SAAC;EACG,aAAA;EACA,gBAAA;EACA,kBAAA;;AAHJ,SAAC,aAIG;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAW,qBAAX;;AAIR,SAAC,aACG;EACI,WAAA;EACA,SAAA;;AAKZ;EACI,SAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,kBAAA;;AAGJ;EACI,aAAa,eAAe,6BAA5B;EACA,aAAa,cAAe,2BAA5B;EACA,YAAY,eAAe,6BAA3B;EACA,WAAW,YAAe,uBAA1B;EACA,WAAW,cAAe,2BAA1B;EACA,WAAW,YAAe,uBAA1B;EACA,YAAY,YAAe,uBAA3B;EACA,aAAa,YAAe,uBAA5B;EACA,aAAa,YAAe,uBAA5B;EACA,aAAa,eAAe,6BAA5B;;EAGA,iBAAiB,eAAe,8BAAhC;EACA,gBAAgB,cAAe,gCAA/B;EACA,cAAc,eAAe,4BAA7B;EACA,aAAa,YAAe,6BAA5B;EACA,aAAa,cAAe,2BAA5B;EACA,cAAc,YAAe,yBAA7B;EACA,gBAAgB,YAAe,yBAA/B;EACA,iBAAiB,YAAe,yBAAhC;;EAGA,eAAe,YAAe,gCAA9B","file":"delivery.css"}
\ No newline at end of file
+{"version":3,"sources":["delivery.less"],"names":[],"mappings":"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","file":"delivery.css"}
\ No newline at end of file
justify-content: center;
align-items: center;
flex-direction: column;
+ transition: all .3s;
+ &:hover {
+ background-color: rgba(70, 127, 207, 1);
+ }
}
.preview-block {
border: 1px solid rgba(70,127,207,.2);
&-preview-mini {
iframe {
width: 100%;
+ height: 195px;
border: 0;
}
}
+
+ &-dropdown {
+ max-height: 42px;
+ height: auto;
+ transition: all 1s;
+ overflow: hidden;
+ &.active {
+ max-height: calc(42px + var(--dropdown-content-height) + 1.25rem);
+ .dropdown {
+ &-control img {
+ transform: rotate(180deg);
+ }
+ &-content {
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ .tools .download {
+
+ }
+
+ }
+ .dropdown-element:hover.active {
+ background-color: #467FCF;
+ color: #ffffff;
+ .icon svg * {
+ fill: #ffffff;
+ }
+ .tools .download {
+ rect {
+ fill: #ffffff;
+ }
+ g * {
+ stroke: #467FCF;
+ }
+ }
+ }
+ .dropdown {
+ &-control {
+ padding: 8px 12px;
+ border-radius: 4px;
+ border: 1px solid rgba(0,40,122,.12);
+ cursor: pointer;
+ }
+ &-content {
+ opacity: 0;
+ visibility: hidden;
+ transition: opacity .5s;
+ transition-delay: .1s;
+ }
+ &-element {
+ padding: 12px 16px;
+ border: 1px solid;
+ border-radius: 4px;
+ &:first-of-type {
+ margin-top: 20px;
+ }
+ &:last-of-type {
+ margin-bottom: 30px;
+ }
+ &:not(:last-of-type) {
+ margin-bottom: 8px;
+ }
+ &.active {
+ color: #467FCF;
+ transition: all .3s;
+ }
+ &:not(.active) {
+ color: rgba(27,42,78,.2);
+ background-color: #F0F3F9;
+ border-color: #F0F3F9;
+ pointer-events: none;
+ .icon svg * {
+ fill: rgba(27,42,78,.2);
+ }
+ }
+ p {
+ font-size: 14px;
+ }
+ .icon {
+ margin-right: 16px;
+ }
+ .tools {
+ .instruction {
+ circle {
+ fill: rgba(236, 242, 250, .32)
+ }
+ &:hover {
+ circle {
+ fill: var(--dark);
+ }
+ g * {
+ stroke: var(--white);
+ }
+ }
+ }
+
+ }
+ }
+ }
+ }
+}
+
+.btn-install {
+ margin-bottom: 40px;
}
.featherlight-close {
if($fluidbook->facebook_image)
$socialImage = $fluidbook->facebook_image;
- dump($fluidbook->getDownloadVersions());
- dump($fluidbook->download_online)
+ $installServerUrl = null;
+ if($fluidbook->install_online) {
+ $serverId = intval($fluidbook->install_online['server']);
+ $serverPath = $fluidbook->install_online['path'];
+ $servers=\App\Models\FluidbookExternalInstallServer::getAllServers();
+ $serverInfos = $servers[$serverId];
+ $baseUrl = $serverInfos['base_url'];
+ $installServerUrl = $baseUrl.$serverPath;
+ }
+
+ $downloadVersions = $fluidbook->getDownloadVersions();
+
+ foreach ($downloadVersions as $key => $version) {
+ if($key === "online") {
+ $downloadVersions[$key]['text'] = __("Standard");
+ $downloadVersions[$key]['type'] = __("(serveur web)");
+ $downloadVersions[$key]['icon'] = file_get_contents(url('images/icons/icon-standard-server.svg'));
+ }elseif ($key === "scorm") {
+ $downloadVersions[$key]['text'] = __("LMS Scorm");
+ $downloadVersions[$key]['type'] = __("(LMS / SCORM)");
+ $downloadVersions[$key]['icon'] = file_get_contents(url('images/icons/icon-lms-scorm.svg'));
+ }elseif ($key === "sharepoint") {
+ $downloadVersions[$key]['text'] = __("SharePoint");
+ $downloadVersions[$key]['icon'] = file_get_contents(url('images/icons/icon-sharepoint.svg'));
+ }elseif ($key === "mac_exe_html") {
+ $downloadVersions[$key]['text'] = __("Version Offline");
+ $downloadVersions[$key]['type'] = __("(Mac App)");
+ $downloadVersions[$key]['icon'] = file_get_contents(url('images/icons/icon-mac-app.svg'));
+ }elseif ($key === "win_ins_html") {
+ $downloadVersions[$key]['text'] = __("Version Offline");
+ $downloadVersions[$key]['type'] = __("(Windows App)");
+ $downloadVersions[$key]['icon'] = file_get_contents(url('images/icons/icon-windows-app.svg'));
+ }elseif ($key === "win_cd_html") {
+ $downloadVersions[$key]['text'] = __("Version Offline");
+ $downloadVersions[$key]['type'] = __("(CD-ROM / Clé USB)");
+ $downloadVersions[$key]['icon'] = file_get_contents(url('images/icons/icon-cd-usb.svg'));
+ }
+ }
@endphp
@section('after_styles')
<h2>Publiez votre Fluidbook</h2>
<p>L’adresse d’hébergement a déjà été configurée, vous pouvez mettre votre Fluidbook directement en ligne en
cliquant ci-dessous :</p>
- <a href="" class="btn btn-primary">Installer sur le serveur d’hébergement</a>
+ <a href="{{ $installServerUrl }}" class="btn btn-primary btn-install" target="_blank" rel="noopener">
+ Installer sur le serveur d’hébergement
+ </a>
+ <div class="delivery-dropdown position-relative">
+ <div class="dropdown-control d-flex justify-content-between">
+ <span>{{ __('Téléchargez et installez votre Fluidbook') }}</span>
+ <img src="{{ url('images/icons/icon-arrow-down.svg') }}" />
+ </div>
+ <div class="dropdown-content position-relative">
+ @foreach($downloadVersions as $key => $version)
+ @isset($version['text'])
+ <div class="dropdown-element d-flex align-items-center {{ $version['install'] ? 'active' : '' }}">
+ <div class="icon">
+ {!! $version['icon'] !!}
+ </div>
+ <div class="text">
+ <p class="version m-0">
+ {{ $version['text'] }}
+ </p>
+ @isset($version['type'])
+ <p class="type m-0">
+ {{ $version['type'] }}
+ </p>
+ @endisset
+ </div>
+ <div class="tools d-flex align-center ml-auto">
+ @if($version['install'])
+ <a href="" class="mr-1 instruction">
+ <svg id="Instruction" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+ <circle id="Ellipse_24" data-name="Ellipse 24" cx="15" cy="15" r="15" fill="rgba(70,127,207,0.1)"/>
+ <g id="Groupe_270" data-name="Groupe 270" transform="translate(9.5 8.5)">
+ <path id="Tracé_124" data-name="Tracé 124" d="M12.5,13.54H3a1.5,1.5,0,0,1,0-3h8.5a1,1,0,0,0,1-1v-8a1,1,0,0,0-1-1H3A1.5,1.5,0,0,0,1.5,2V12" transform="translate(-1.5 -0.54)" fill="none" stroke="#3a72c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ <line id="Ligne_20" data-name="Ligne 20" y2="3" transform="translate(10 10)" fill="none" stroke="#3a72c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ </g>
+ </svg>
+ </a>
+ <a href="" class="download">
+ <svg id="Groupe_268" data-name="Groupe 268" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+ <rect id="Rectangle_480" data-name="Rectangle 480" width="30" height="30" rx="15" fill="#467fcf"/>
+ <g id="Groupe_265" data-name="Groupe 265" transform="translate(8.5 8)">
+ <path id="Tracé_122" data-name="Tracé 122" d="M.5,10.5v1a2,2,0,0,0,2,2h9a2,2,0,0,0,2-2v-1" transform="translate(-0.5 -0.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ <path id="Tracé_123" data-name="Tracé 123" d="M4,6,7,9.5,10,6" transform="translate(-0.5 -0.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ <line id="Ligne_19" data-name="Ligne 19" y1="9" transform="translate(6.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ </g>
+ </svg>
+ </a>
+ @else
+ <svg id="Groupe_271" data-name="Groupe 271" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+ <circle id="Ellipse_24" data-name="Ellipse 24" cx="15" cy="15" r="15" fill="#fff"/>
+ <g id="Groupe_271-2" data-name="Groupe 271" transform="translate(10 8.252)" opacity="0.2">
+ <rect id="Rectangle_481" data-name="Rectangle 481" width="10" height="8" rx="1" transform="translate(0 5)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ <path id="Tracé_125" data-name="Tracé 125" d="M10.5,5.5V4a3.5,3.5,0,0,0-7,0V5.5" transform="translate(-2 -0.5)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ <circle id="Ellipse_30" data-name="Ellipse 30" cx="0.5" cy="0.5" r="0.5" transform="translate(4.5 8.5)" fill="none" stroke="#1b2a4e" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+ </g>
+ </svg>
+ @endif
+ </div>
+ </div>
+ @endisset
+ @endforeach
+ <p class="m-0">{{ __('Il vous manque une version ?') }}</p>
+ <a href="">{{ __('Contactez votre chef de projet') }}</a>
+ </div>
+ </div>
</div>
</div>
</div>
@endif
</div>
@endsection
+
+@push('after_scripts')
+ <script>
+ (function ($) {
+ $(function () {
+ document.documentElement.style.setProperty('--dropdown-content-height', $(".delivery-dropdown").height + 'px');
+ $(document).on('click', '.dropdown-control', function () {
+ $(".delivery-dropdown").toggleClass("active")
+ });
+ })
+ })(jQuery);
+ </script>
+@endpush
projects / fluidbook-toolbox.git / commitdiff
