<!-- wp:sentidoweb/snippet {"content":" \u003cstyle\u003e\n #member-profiles-widget {\n overflow-x: hidden;\n font-size: 16px;\n line-height: 1.5;\n font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;\n color: #191d2f;\n background-color: #F7FAFC;\n }\n #member-profiles-widget .profile-list {\n padding: 1em;\n margin: 0;\n }\n #member-profiles-widget .profile {\n background-color: #FFF;\n display: flex;\n flex-direction: column;\n margin-bottom: 1em;\n box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);\n }\n #member-profiles-widget .profile-body {\n flex-grow: 1;\n padding: 1em 1em .5em 1em;\n display: flex;\n flex-direction: column;\n }\n #member-profiles-widget .profile-top {\n flex-grow: 1;\n }\n #member-profiles-widget .profile-footer {\n align-self: flex-end;\n }\n #member-profiles-widget .profile-member-link {\n display: flex;\n color: #191D2F;\n margin-bottom: 1em;\n max-width: 100%;\n float: left;\n align-items: center;\n text-decoration: none;\n }\n #member-profiles-widget .profile-company {\n font-size: .75em;\n padding-top: .25em;\n padding-bottom: .25em;\n line-height: 1.25;\n align-items: center;\n display: flex;\n text-decoration: none;\n }\n #member-profiles-widget .profile-name {\n font-size: 1em;\n margin-top: 0;\n margin-bottom: 0;\n display: inline-block;\n font-weight: bold;\n }\n #member-profiles-widget .profile-description {\n flex-grow: 1;\n margin-bottom: 1em;\n clear: both;\n }\n #member-profiles-widget .profile-links {\n justify-content: flex-end;\n align-items: center;\n flex-wrap: wrap;\n display: flex;\n }\n #member-profiles-widget .profile-link {\n position: relative;\n font-size: 0.875em;\n display: block;\n padding: .5em 1em;\n text-decoration: none;\n cursor: pointer;\n text-align: center;\n line-height: 1.375;\n vertical-align: middle;\n background-repeat: no-repeat;\n opacity: .75;\n }\n #member-profiles-widget .profile-link:hover,\n #member-profiles-widget .profile-link:focus {\n opacity: 1;\n }\n #member-profiles-widget .profile-link svg {\n width: 1em;\n }\n #member-profiles-widget .avatar {\n width: 4em;\n height: 4em;\n border-radius: 4em;\n overflow: hidden;\n display: block;\n margin-right: 1em;\n flex-shrink: 0;\n }\n #member-profiles-widget .avatar-has-placeholder {\n background-color: #207ABB;\n background-image: linear-gradient(-135deg, #207ABB 0%, #207ABB 50%, rgba(19, 91, 162, 0.5) 51%, rgba(19, 91, 162, 0.5) 100%);\n }\n #member-profiles-widget .pagination {\n margin-bottom: 1em;\n text-align: center;\n }\n #member-profiles-widget .pagination-button {\n display: inline-block;\n height: 1.75em;\n width: 1.75em;\n padding: 0;\n vertical-align: middle;\n border: none;\n border-radius: 2em;\n text-align: center;\n font-size: .75em;\n line-height: 1.25;\n position: relative;\n background-repeat: no-repeat;\n background-color: #F7FAFC;\n color: #207ABB;\n cursor: pointer;\n }\n #member-profiles-widget .pagination-button:hover,\n #member-profiles-widget .pagination-button:focus {\n color: #135BA2;\n background-color: #FFF;\n }\n #member-profiles-widget .pagination-button[aria-current] {\n font-weight: bold;\n pointer-events: none;\n background-color: #FFF;\n }\n #member-profiles-widget .pagination-prev {\n background-color: transparent;\n }\n #member-profiles-widget .pagination-next {\n background-color: transparent;\n }\n #member-profiles-widget .pagination-prev svg,\n #member-profiles-widget .pagination-next svg {\n width: 0.875em;\n }\n\n\u003c/style\u003e\n\u003cscript type=\u0022text/javascript\u0022 src=\u0022https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js\u0022\u003e\u003c/script\u003e\n\u003cscript type=\u0022text/x-template\u0022 id=\u0022member-profiles-template\u0022\u003e\n \u003cul class=\u0022profile-list\u0022\u003e\n {{#each profiles}}\n \u003cli class=\u0022profile\u0022\u003e\n \u003cdiv class=\u0022profile-body\u0022\u003e\n \u003cdiv class=\u0022profile-top\u0022\u003e\n \u003cdiv class=\u0022profile-member-link\u0022\u003e\n {{#if photo}}\n \u003cimg class=\u0022avatar\u0022 src=\u0022{{photo.small.url}}\u0022 alt=\u0022Member Profile Foto\u0022 width=\u0022{{photo.small.width}}\u0022 height=\u0022{{photo.small.height}}\u0022\u003e\n {{else}}\n \u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 300 300\u0022 class=\u0022avatar avatar-has-placeholder\u0022\u003e\n \u003cdefs\u003e\u003cstyle\u003e.cls-1{fill:#fff;}\u003c/style\u003e\u003c/defs\u003e\u003ctitle\u003ecobot-placeholder-transparent\u003c/title\u003e\u003cpath class=\u0022cls-1\u0022 d=\u0022M109.5,126.8571a5.786,5.786,0,0,1-5.7857-5.7857,11.5715,11.5715,0,0,0-23.1429,0,5.7857,5.7857,0,1,1-11.5714,0,23.1429,23.1429,0,0,1,46.2857,0A5.786,5.786,0,0,1,109.5,126.8571Z\u0022/\u003e\u003cpath class=\u0022cls-1\u0022 d=\u0022M150,202.0714c-16.4927,0-28.9286-7.4638-28.9286-17.3571a5.7858,5.7858,0,0,1,11.5715,0c0,1.4408,6.1558,5.7857,17.3571,5.7857,11.1985,0,17.3571-4.3449,17.3571-5.7857a5.7858,5.7858,0,0,1,11.5715,0C178.9286,194.6076,166.4927,202.0714,150,202.0714Z\u0022/\u003e\u003cpath class=\u0022cls-1\u0022 d=\u0022M225.2143,126.8571a5.7841,5.7841,0,0,1-5.7857-5.7857,11.5715,11.5715,0,0,0-23.1429,0,5.7857,5.7857,0,0,1-11.5714,0,23.1429,23.1429,0,0,1,46.2857,0A5.7842,5.7842,0,0,1,225.2143,126.8571Z\u0022/\u003e\n \u003c/svg\u003e\n {{/if}}\n \u003cdiv\u003e\n {{#if company}}\n \u003cdiv class=\u0022profile-company\u0022\u003e\n {{company}}\n \u003c/div\u003e\n {{/if}}\n \u003ch4 class=\u0022profile-name\u0022\u003e\n {{name}}\n \u003c/h4\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\u0022profile-description\u0022\u003e\n {{aboutMe}}\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\u0022profile-footer\u0022\u003e\n \u003cdiv class=\u0022profile-links\u0022\u003e\n {{#if website}}\n \u003ca href=\u0022{{website}}\u0022 class=\u0022profile-link\u0022 title=\u0022Website\u0022\u003e\n \u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 496 512\u0022\u003e\n \u003cpath fill=\u0022#898D9F\u0022 d=\u0022M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z\u0022/\u003e\n \u003c/svg\u003e\n \u003c!\u002d\u002d\n Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com\n License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n \u002d\u002d\u003e\n \u003c/a\u003e\n {{/if}}\n {{#if twitter}}\n \u003ca href=\u0022{{twitter}}\u0022 class=\u0022profile-link\u0022 title=\u0022Twitter\u0022\u003e\n \u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 512 512\u0022\u003e\n \u003cpath fill=\u0022#898D9F\u0022 d=\u0022M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\u0022/\u003e\n \u003c/svg\u003e\n \u003c!\u002d\u002d\n Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com\n License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n \u002d\u002d\u003e\n \u003c/a\u003e\n {{/if}}\n {{#if facebook}}\n \u003ca href=\u0022{{facebook}}\u0022 class=\u0022profile-link\u0022 title=\u0022Facebook\u0022\u003e\n \u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 448 512\u0022\u003e\n \u003cpath fill=\u0022#898D9F\u0022 d=\u0022M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z\u0022/\u003e\n \u003c/svg\u003e\n \u003c/a\u003e\n {{/if}}\n {{#if instagram}}\n \u003ca href=\u0022{{instagram}}\u0022 class=\u0022profile-link\u0022 title=\u0022Instagram\u0022\u003e\n \u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 448 512\u0022\u003e\n \u003cpath fill=\u0022#898D9F\u0022 d=\u0022M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\u0022/\u003e\n \u003c/svg\u003e\n \u003c!\u002d\u002d\n Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com\n License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n \u002d\u002d\u003e\n \u003c/a\u003e\n {{/if}}\n {{#if linkedin}}\n \u003ca href=\u0022{{linkedin}}\u0022 class=\u0022profile-link\u0022 title=\u0022Linkedin\u0022\u003e\n \u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 448 512\u0022\u003e\n \u003cpath fill=\u0022#898D9F\u0022 d=\u0022M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\u0022/\u003e\n \u003c/svg\u003e\n \u003c!\u002d\u002d\n Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com\n License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n \u002d\u002d\u003e\n \u003c/a\u003e\n {{/if}}\n {{#if github}}\n \u003ca href=\u0022{{github}}\u0022 class=\u0022profile-link\u0022 title=\u0022Github\u0022\u003e\n \u003csvg xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 496 512\u0022\u003e\n \u003cpath fill=\u0022#898D9F\u0022 d=\u0022M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z\u0022/\u003e\n \u003c/svg\u003e\n \u003c!\u002d\u002d\n Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com\n License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n \u002d\u002d\u003e\n \u003c/a\u003e\n {{/if}}\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n {{/each}}\n \u003c/ul\u003e\n {{#if nav.links}}\n \u003cnav class=\u0022pagination\u0022 role=\u0022navigation\u0022 aria-label=\u0022Pagination Navigation\u0022\u003e\n {{#if nav.links.prev}}\n \u003cbutton onclick=\u0022CobotMemberProfilesWidget.loadNewPage('{{nav.links.prev}}')\u0022 aria-label=\u0022Previous Page\u0022 class=\u0022pagination-button pagination-prev active\u0022 title=\u0022Previous Page\u0022\u003e\n \u003csvg aria-hidden=\u0022true\u0022 data-prefix=\u0022fas\u0022 data-icon=\u0022chevron-left\u0022 role=\u0022img\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 320 512\u0022\u003e\n \u003cpath fill=\u0022#898d9f\u0022 d=\u0022M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\u0022\u003e\u003c/path\u003e\n \u003c/svg\u003e\n \u003c/button\u003e\n {{else}}\n \u003cspan class=\u0022pagination-button pagination-prev\u0022\u003e\u003c/span\u003e\n {{/if}}\n {{#if nav.showFirst}}\n \u003cbutton onclick=\u0022CobotMemberProfilesWidget.loadNewPage('{{nav.links.first}}')\u0022 aria-label=\u0022First Page\u0022 class=\u0022pagination-button\u0022\u003e1\u003c/button\u003e\n {{/if}}\n {{#if nav.showPrev}}\n \u003cspan\u003e…\u003c/span\u003e\n \u003cbutton onclick=\u0022CobotMemberProfilesWidget.loadNewPage('{{nav.links.prev}}')\u0022 aria-label=\u0022Previous Page, Page {{nav.prevPage}}\u0022 class=\u0022pagination-button\u0022\u003e{{nav.prevPage}}\u003c/button\u003e\n {{/if}}\n \u003cbutton onclick=\u0022CobotMemberProfilesWidget.loadNewPage('{{nav.links.self}}')\u0022 aria-label=\u0022Current Page, Page {{nav.current}}\u0022 aria-current=\u0022true\u0022 class=\u0022pagination-button\u0022\u003e{{nav.current}}\u003c/button\u003e\n {{#if nav.showNext}}\n \u003cbutton onclick=\u0022CobotMemberProfilesWidget.loadNewPage('{{nav.links.next}}')\u0022 aria-label=\u0022Next Page, Page {{nav.nextPage}}\u0022 class=\u0022pagination-button\u0022\u003e{{nav.nextPage}}\u003c/button\u003e\n \u003cspan\u003e…\u003c/span\u003e\n {{/if}}\n {{#if nav.showLast}}\n \u003cbutton onclick=\u0022CobotMemberProfilesWidget.loadNewPage('{{nav.links.last}}')\u0022 aria-label=\u0022Last Page\u0022 class=\u0022pagination-button\u0022\u003e{{nav.total}}\u003c/button\u003e\n {{/if}}\n {{#if nav.links.next}}\n \u003cbutton onclick=\u0022CobotMemberProfilesWidget.loadNewPage('{{nav.links.next}}')\u0022 aria-label=\u0022Next Page\u0022 class=\u0022pagination-button pagination-next active\u0022 title=\u0022Next Page\u0022\u003e\n \u003csvg aria-hidden=\u0022true\u0022 data-prefix=\u0022fas\u0022 data-icon=\u0022chevron-right\u0022 role=\u0022img\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022 viewBox=\u00220 0 320 512\u0022\u003e\n \u003cpath fill=\u0022#898D9F\u0022 d=\u0022M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\u0022\u003e\u003c/path\u003e\n \u003c/svg\u003e\n \u003c/button\u003e\n {{else}}\n \u003cspan class=\u0022pagination-button pagination-next\u0022\u003e\u003c/span\u003e\n {{/if}}\n \u003c/nav\u003e\n {{/if}}\n\u003c/script\u003e\n\u003cdiv id=\u0022member-profiles-widget\u0022\u003e\u003c/div\u003e\n\u003cdiv id=\u0022member-widget-space-id\u0022 data-space-id=\u00223480dcb8d8e0db24712faa9e76a675c9\u0022\u003e\u003c/div\u003e\n\u003cdiv id=\u0022member-widget-access-token\u0022 data-access-token=\u0022ff89d2aaac875537695541c15e155265c96ce330915b8d705ed7ee0e44745885\u0022\u003e\u003c/div\u003e\n\u003cdiv id=\u0022cobot-api-server-link\u0022 data-api-server-link=\u0022https://api.cobot.me\u0022\u003e\u003c/div\u003e\n\u003cscript\u003e\n var CobotMemberProfilesWidget = (function() {\n var request;\n var apiServerLink = document.querySelector(\u0022#cobot-api-server-link\u0022).getAttribute('data-api-server-link');\n var token = document.querySelector(\u0022#member-widget-access-token\u0022).getAttribute('data-access-token');\n var authorizationHeader = 'Bearer ' + token;\n function getPublishedProfilesData(memberProfilesUrl) {\n request = new XMLHttpRequest();\n var spaceUuid = document.querySelector(\u0022#member-widget-space-id\u0022).getAttribute('data-space-id');\n var url = memberProfilesUrl ? memberProfilesUrl : apiServerLink + '/spaces/' + spaceUuid + '/membership_profiles/published';\n request.open('GET', url);\n request.setRequestHeader('Authorization', authorizationHeader);\n request.setRequestHeader('Accept', 'application/vnd.api+json');\n request.onload = function() {\n if (this.status === 200) {\n var parsedData = JSON.parse(this.response);\n var profiles = parsedData.data.map(function(profile) {\n return profile.attributes;\n });\n profiles.sort(function(a, b) {\n if(a.name === b.name) { return 0 };\n if(a.name \u003c b.name) { return -1 };\n if(a.name \u003e b.name) { return 1 };\n });\n var source = document.getElementById('member-profiles-template').innerHTML;\n var template = Handlebars.compile(source);\n var html = template({ profiles: profiles, nav: getPaginationData(parsedData) });\n document.getElementById('member-profiles-widget').innerHTML = html;\n }\n }\n request.send();\n }\n function getPaginationData(parsedData) {\n var nav = {};\n var navLinks = parsedData.links;\n nav.links = navLinks.first !== navLinks.last ? navLinks : null;\n if (nav.links) {\n nav.total = parsedData.meta.totalPages;\n nav.current = parsedData.meta.currentPage;\n nav.prevPage = nav.links.prev ? nav.current - 1 : null;\n nav.nextPage = nav.links.next ? nav.current + 1 : null;\n nav.showPrev = nav.links.prev \u0026\u0026 nav.prevPage !== 1;\n nav.showNext = nav.links.next \u0026\u0026 nav.nextPage !== nav.total;\n nav.showFirst = nav.current !== 1;\n nav.showLast = nav.current !== nav.total;\n }\n return nav;\n }\n getPublishedProfilesData();\n return { loadNewPage: function(url) { getPublishedProfilesData(url) } }\n })();\n\u003c/script\u003e\n\n "} -->
<pre class="wp-block-sentidoweb-snippet"><code class=""> <style>
#member-profiles-widget {
overflow-x: hidden;
font-size: 16px;
line-height: 1.5;
font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
color: #191d2f;
background-color: #F7FAFC;
}
#member-profiles-widget .profile-list {
padding: 1em;
margin: 0;
}
#member-profiles-widget .profile {
background-color: #FFF;
display: flex;
flex-direction: column;
margin-bottom: 1em;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
}
#member-profiles-widget .profile-body {
flex-grow: 1;
padding: 1em 1em .5em 1em;
display: flex;
flex-direction: column;
}
#member-profiles-widget .profile-top {
flex-grow: 1;
}
#member-profiles-widget .profile-footer {
align-self: flex-end;
}
#member-profiles-widget .profile-member-link {
display: flex;
color: #191D2F;
margin-bottom: 1em;
max-width: 100%;
float: left;
align-items: center;
text-decoration: none;
}
#member-profiles-widget .profile-company {
font-size: .75em;
padding-top: .25em;
padding-bottom: .25em;
line-height: 1.25;
align-items: center;
display: flex;
text-decoration: none;
}
#member-profiles-widget .profile-name {
font-size: 1em;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
font-weight: bold;
}
#member-profiles-widget .profile-description {
flex-grow: 1;
margin-bottom: 1em;
clear: both;
}
#member-profiles-widget .profile-links {
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
display: flex;
}
#member-profiles-widget .profile-link {
position: relative;
font-size: 0.875em;
display: block;
padding: .5em 1em;
text-decoration: none;
cursor: pointer;
text-align: center;
line-height: 1.375;
vertical-align: middle;
background-repeat: no-repeat;
opacity: .75;
}
#member-profiles-widget .profile-link:hover,
#member-profiles-widget .profile-link:focus {
opacity: 1;
}
#member-profiles-widget .profile-link svg {
width: 1em;
}
#member-profiles-widget .avatar {
width: 4em;
height: 4em;
border-radius: 4em;
overflow: hidden;
display: block;
margin-right: 1em;
flex-shrink: 0;
}
#member-profiles-widget .avatar-has-placeholder {
background-color: #207ABB;
background-image: linear-gradient(-135deg, #207ABB 0%, #207ABB 50%, rgba(19, 91, 162, 0.5) 51%, rgba(19, 91, 162, 0.5) 100%);
}
#member-profiles-widget .pagination {
margin-bottom: 1em;
text-align: center;
}
#member-profiles-widget .pagination-button {
display: inline-block;
height: 1.75em;
width: 1.75em;
padding: 0;
vertical-align: middle;
border: none;
border-radius: 2em;
text-align: center;
font-size: .75em;
line-height: 1.25;
position: relative;
background-repeat: no-repeat;
background-color: #F7FAFC;
color: #207ABB;
cursor: pointer;
}
#member-profiles-widget .pagination-button:hover,
#member-profiles-widget .pagination-button:focus {
color: #135BA2;
background-color: #FFF;
}
#member-profiles-widget .pagination-button[aria-current] {
font-weight: bold;
pointer-events: none;
background-color: #FFF;
}
#member-profiles-widget .pagination-prev {
background-color: transparent;
}
#member-profiles-widget .pagination-next {
background-color: transparent;
}
#member-profiles-widget .pagination-prev svg,
#member-profiles-widget .pagination-next svg {
width: 0.875em;
}
</style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
<script type="text/x-template" id="member-profiles-template">
<ul class="profile-list">
{{#each profiles}}
<li class="profile">
<div class="profile-body">
<div class="profile-top">
<div class="profile-member-link">
{{#if photo}}
<img class="avatar" src="{{photo.small.url}}" alt="Member Profile Foto" width="{{photo.small.width}}" height="{{photo.small.height}}">
{{else}}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" class="avatar avatar-has-placeholder">
<defs><style>.cls-1{fill:#fff;}</style></defs><title>cobot-placeholder-transparent</title><path class="cls-1" d="M109.5,126.8571a5.786,5.786,0,0,1-5.7857-5.7857,11.5715,11.5715,0,0,0-23.1429,0,5.7857,5.7857,0,1,1-11.5714,0,23.1429,23.1429,0,0,1,46.2857,0A5.786,5.786,0,0,1,109.5,126.8571Z"/><path class="cls-1" d="M150,202.0714c-16.4927,0-28.9286-7.4638-28.9286-17.3571a5.7858,5.7858,0,0,1,11.5715,0c0,1.4408,6.1558,5.7857,17.3571,5.7857,11.1985,0,17.3571-4.3449,17.3571-5.7857a5.7858,5.7858,0,0,1,11.5715,0C178.9286,194.6076,166.4927,202.0714,150,202.0714Z"/><path class="cls-1" d="M225.2143,126.8571a5.7841,5.7841,0,0,1-5.7857-5.7857,11.5715,11.5715,0,0,0-23.1429,0,5.7857,5.7857,0,0,1-11.5714,0,23.1429,23.1429,0,0,1,46.2857,0A5.7842,5.7842,0,0,1,225.2143,126.8571Z"/>
</svg>
{{/if}}
<div>
{{#if company}}
<div class="profile-company">
{{company}}
</div>
{{/if}}
<h4 class="profile-name">
{{name}}
</h4>
</div>
</div>
<div class="profile-description">
{{aboutMe}}
</div>
</div>
<div class="profile-footer">
<div class="profile-links">
{{#if website}}
<a href="{{website}}" class="profile-link" title="Website">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
<path fill="#898D9F" d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z"/>
</svg>
<!--
Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
-->
</a>
{{/if}}
{{#if twitter}}
<a href="{{twitter}}" class="profile-link" title="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="#898D9F" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/>
</svg>
<!--
Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
-->
</a>
{{/if}}
{{#if facebook}}
<a href="{{facebook}}" class="profile-link" title="Facebook">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="#898D9F" d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"/>
</svg>
</a>
{{/if}}
{{#if instagram}}
<a href="{{instagram}}" class="profile-link" title="Instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="#898D9F" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
</svg>
<!--
Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
-->
</a>
{{/if}}
{{#if linkedin}}
<a href="{{linkedin}}" class="profile-link" title="Linkedin">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="#898D9F" d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"/>
</svg>
<!--
Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
-->
</a>
{{/if}}
{{#if github}}
<a href="{{github}}" class="profile-link" title="Github">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
<path fill="#898D9F" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>
</svg>
<!--
Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
-->
</a>
{{/if}}
</div>
</div>
</div>
</li>
{{/each}}
</ul>
{{#if nav.links}}
<nav class="pagination" role="navigation" aria-label="Pagination Navigation">
{{#if nav.links.prev}}
<button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.prev}}')" aria-label="Previous Page" class="pagination-button pagination-prev active" title="Previous Page">
<svg aria-hidden="true" data-prefix="fas" data-icon="chevron-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path fill="#898d9f" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path>
</svg>
</button>
{{else}}
<span class="pagination-button pagination-prev"></span>
{{/if}}
{{#if nav.showFirst}}
<button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.first}}')" aria-label="First Page" class="pagination-button">1</button>
{{/if}}
{{#if nav.showPrev}}
<span>…</span>
<button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.prev}}')" aria-label="Previous Page, Page {{nav.prevPage}}" class="pagination-button">{{nav.prevPage}}</button>
{{/if}}
<button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.self}}')" aria-label="Current Page, Page {{nav.current}}" aria-current="true" class="pagination-button">{{nav.current}}</button>
{{#if nav.showNext}}
<button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.next}}')" aria-label="Next Page, Page {{nav.nextPage}}" class="pagination-button">{{nav.nextPage}}</button>
<span>…</span>
{{/if}}
{{#if nav.showLast}}
<button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.last}}')" aria-label="Last Page" class="pagination-button">{{nav.total}}</button>
{{/if}}
{{#if nav.links.next}}
<button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.next}}')" aria-label="Next Page" class="pagination-button pagination-next active" title="Next Page">
<svg aria-hidden="true" data-prefix="fas" data-icon="chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path fill="#898D9F" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>
</svg>
</button>
{{else}}
<span class="pagination-button pagination-next"></span>
{{/if}}
</nav>
{{/if}}
</script>
<div id="member-profiles-widget"></div>
<div id="member-widget-space-id" data-space-id="3480dcb8d8e0db24712faa9e76a675c9"></div>
<div id="member-widget-access-token" data-access-token="ff89d2aaac875537695541c15e155265c96ce330915b8d705ed7ee0e44745885"></div>
<div id="cobot-api-server-link" data-api-server-link="https://api.cobot.me"></div>
<script>
var CobotMemberProfilesWidget = (function() {
var request;
var apiServerLink = document.querySelector("#cobot-api-server-link").getAttribute('data-api-server-link');
var token = document.querySelector("#member-widget-access-token").getAttribute('data-access-token');
var authorizationHeader = 'Bearer ' + token;
function getPublishedProfilesData(memberProfilesUrl) {
request = new XMLHttpRequest();
var spaceUuid = document.querySelector("#member-widget-space-id").getAttribute('data-space-id');
var url = memberProfilesUrl ? memberProfilesUrl : apiServerLink + '/spaces/' + spaceUuid + '/membership_profiles/published';
request.open('GET', url);
request.setRequestHeader('Authorization', authorizationHeader);
request.setRequestHeader('Accept', 'application/vnd.api+json');
request.onload = function() {
if (this.status === 200) {
var parsedData = JSON.parse(this.response);
var profiles = parsedData.data.map(function(profile) {
return profile.attributes;
});
profiles.sort(function(a, b) {
if(a.name === b.name) { return 0 };
if(a.name < b.name) { return -1 };
if(a.name > b.name) { return 1 };
});
var source = document.getElementById('member-profiles-template').innerHTML;
var template = Handlebars.compile(source);
var html = template({ profiles: profiles, nav: getPaginationData(parsedData) });
document.getElementById('member-profiles-widget').innerHTML = html;
}
}
request.send();
}
function getPaginationData(parsedData) {
var nav = {};
var navLinks = parsedData.links;
nav.links = navLinks.first !== navLinks.last ? navLinks : null;
if (nav.links) {
nav.total = parsedData.meta.totalPages;
nav.current = parsedData.meta.currentPage;
nav.prevPage = nav.links.prev ? nav.current - 1 : null;
nav.nextPage = nav.links.next ? nav.current + 1 : null;
nav.showPrev = nav.links.prev && nav.prevPage !== 1;
nav.showNext = nav.links.next && nav.nextPage !== nav.total;
nav.showFirst = nav.current !== 1;
nav.showLast = nav.current !== nav.total;
}
return nav;
}
getPublishedProfilesData();
return { loadNewPage: function(url) { getPublishedProfilesData(url) } }
})();
</script>
</code></pre>
<!-- /wp:sentidoweb/snippet -->
<!-- wp:sentidoweb/snippet -->
<pre class="wp-block-sentidoweb-snippet"><code class=""></code></pre>
<!-- /wp:sentidoweb/snippet -->