Transaction: 6PrnRRw...52Sv

{ "data": { "jgodwill.near": { "widget": { "GenaDrop.Home.PartnersCarousel": { "": "const partnersList = [\n {\n website: \"https://www.herdrop.com/\",\n imageSrc: \"/static/media/herdao.18aa16e7.png\",\n },\n {\n website: \"https://proofofvibes.vercel.app/\",\n imageSrc: \"/static/media/proofofvibes.3ec1baec.svg\",\n },\n {\n website: \"https://www.bluntdao.com/\",\n imageSrc: \"/static/media/bluntdao.6154b86b.svg\",\n },\n {\n website: \"https://www.onboarddao.com/\",\n imageSrc: \"/static/media/onboarddao.3a02aa23.svg\",\n },\n {\n website: \"https://www.herdrop.com/\",\n imageSrc: \"/static/media/herdao.18aa16e7.png\",\n },\n {\n website: \"https://app.proofofvibes.com/\",\n imageSrc: \"/static/media/proofofvibes.3ec1baec.svg\",\n },\n {\n website: \"https://www.bluntdao.com/\",\n imageSrc: \"/static/media/bluntdao.6154b86b.svg\",\n },\n {\n website: \"http://twitter.com/AuroraNftClub/\",\n imageSrc: \"/static/media/auroranft.d651860a.png\",\n },\n {\n website: \"https://www.onboarddao.com/\",\n imageSrc: \"/static/media/onboarddao.3a02aa23.svg\",\n },\n];\n\nconst displayedPartnersList = partnersList.map((partner, index) => (\n <li\n className=\"splide__slide splide__slide--clone\"\n id={`splide01-clone${index + 1 > 9 ? index + 1 : \"0\" + index + 1}`}\n role=\"group\"\n aria-roledescription=\"slide\"\n aria-label={`${index + 1} of ${partnersList.length}`}\n style={{ marginRight: \"2rem\" }}\n aria-hidden=\"true\"\n >\n <div>\n <a\n href={partner.website}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"MediaBar_slide\"\n tabindex=\"-1\"\n >\n <img\n src={`https://www.genadrop.io${partner.imageSrc}`}\n alt={partner.website}\n />\n </a>\n </div>\n </li>\n));\nconst Partners = styled.div`\n .Partners_wrapper {\n width: 100%;\n}\n.Partners_container * {\n transition: max-width .3s;\n}\n.splide.is-initialized, .splide.is-rendered {\n visibility: visible;\n}\n.splide__list {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n margin: 0 !important;\n padding: 0 !important;\n}\nli{\n list-style: none;\n}\n.MediaBar_slide{\n display: flex;\n position: relative;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n z-index: 2;\n}\na {\n text-decoration: none;\n color: unset;\n cursor: pointer;\n}\n\n.MediaBar_slide img {\n height: 4rem;\n width:auto;\n aspect-ratio: 3/2;\n object-fit: contain;\n filter:gray;\n -webkit-filter:grayscale(1);\n filter:grayscale(1);\n transition:all .3s\n}\n.MediaBar_slide img:hover {\n filter:none;\n -webkit-filter:grayscale(0);\n filter:grayscale(0)\n}\n`;\nreturn (\n <Partners>\n <div className=\"Partners_wrapper\">\n <div\n className=\"splide is-initialized splide--loop splide--ltr splide--draggable is-active\"\n extensions=\"[object Object]\"\n id=\"splide01\"\n role=\"region\"\n aria-roledescription=\"carousel\"\n >\n <div\n className=\"splide__track splide__track--loop splide__track--ltr splide__track--draggable\"\n id=\"splide01-track\"\n style={{ paddingLeft: \"0px\", paddingRight: \"0px\" }}\n aria-live=\"off\"\n aria-relevant=\"additions\"\n >\n <ul className=\"splide__list\" id=\"splide01-list\" role=\"presentation\">\n {displayedPartnersList}\n </ul>\n </div>\n </div>\n </div>\n </Partners>\n);\n" } } } } }