Transaction: 5LKBRRd...1yAs

{ "data": { "lucus.near": { "widget": { "DonationHub.components.island.banner": { "": "const imageLink =\n \"https://i.postimg.cc/g0J5RRWR/The-Decentralized-Donation-Hub-4.png\";\nconst HeroSection = styled.div`\n position: relative;\n height: 382px;\n z-index: 0;\n width: 500px;\n\n\n padding-top: 0rem;\n padding-bottom: 0rem;\n \n\n @media screen and (max-width: 768px) {\n width: 100%;\n \n clip-path: none;\n }\n`;\n\nconst Container = styled.div`\n position: relative;\n width: 100%;\n height: max-content;\n overflow: hidden;\n\n @media screen and (max-width: 768px) {\n background: #f4f4f4;\n }\n`;\n\nconst ImageContainer = styled.div`\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n right: 0;\n z-index: 0;\n background: transparent;\n\n @media screen and (max-width: 768px) {\n display: none;\n }\n`;\n\nconst Image = styled.img`\n margin-left: 0rem;\n height: 100%;\n width: 100%;\n //filter: grayscale(50%);\n object-fit: cover;\n`;\n\nconst MobileImage = styled.img`\n display: none;\n\n width: 100%;\n height: 196px;\n\n width: 100%;\n object-fit: cover;\n filter: grayscale(1);\n\n @media screen and (max-width: 768px) {\n display: block;\n }\n`;\n\nreturn (\n <Container>\n <HeroSection></HeroSection>\n <MobileImage src={imageLink} />\n <ImageContainer>\n <Image src={imageLink} />\n </ImageContainer>\n </Container>\n);\n", "metadata": { "fork_of": "lucus.near/widget/DonationHub.components.island.banner@108261180" }, "branch": { "draft": null } } } } } }