Transaction: 26ZFTrG...Dh75

{ "data": { "buildhub.near": { "widget": { "logout": { "": "const { Button } = VM.require(\"buildhub.near/widget/components\") || {\n Button: () => <></>,\n};\nconst LogoutContainer = styled.div`\n background-color: #000000;\n color: #fff;\n height: 100vh;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n /* img {\n width: 100%;\n max-height: 100vh;\n object-fit: cover;\n object-position: center top;\n position: absolute;\n top: 0%;\n left: 50%;\n transform: translateX(-50%);\n } */\n .card {\n z-index: 5;\n background: transparent;\n display: flex;\n max-width: 500px;\n width: 100%;\n max-height: 550px;\n padding: 80px 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 40px;\n img {\n width: auto;\n height: 54px;\n object-fit: cover;\n }\n h1 {\n color: var(--white-100, #fff);\n text-align: center;\n /* H1/small */\n font-size: 2rem;\n font-style: normal;\n font-weight: 500;\n line-height: 100%; /* 32px */\n }\n /* button {\n all: unset;\n cursor: pointer;\n display: flex;\n padding: 16px 20px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 8px;\n background: #eca227;\n &:hover {\n background: #e49b48;\n }\n color: var(--black-100, #000);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n } */\n }\n`;\nconst TopImage = styled.img`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n object-fit: cover;\n object-position: center top;\n`;\nconst BottomImage = styled.img`\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0.3;\n object-fit: cover;\n object-position: center bottom;\n`;\nconst LogoutView = () => {\n return (\n <LogoutContainer>\n {/* <div className=\"card\">\n <img\n src=\"https://ipfs.near.social/ipfs/bafkreihbwho3qfvnu4yss3eh5jrx6uxhrlzdgtdjyzyjrpa6odro6wdxya\"\n alt=\"Build DAO Logo\"\n />\n <button onClick={props.logOut}>Sign Out</button>\n </div>\n <img\n src=\"https://ipfs.near.social/ipfs/bafybeibqnkvafyflci4iap73prugmjw4wlwmrazbiudvnsyr34yzmk75i4\"\n alt=\"Preview of Profiles\"\n /> */}\n <TopImage src=\"https://ipfs.near.social/ipfs/bafkreielasf3vjasnx2hfnjjbhcl7gd37f33ideteqekflo4exrwm7jjvm\" />\n <div className=\"card\">\n <img\n src=\"https://ipfs.near.social/ipfs/bafkreidij5nptpfck3xcppnp6qg6qqeq6lwgf2egyup44hxhgvx6bjnw5e\"\n alt=\"Build DAO Logo\"\n />\n <Button\n style={{\n padding: \"8px 20px\",\n width: \"200px\",\n }}\n variant=\"primary\"\n onClick={props.logOut}\n >\n Sign Out\n </Button>\n </div>\n <BottomImage src=\"https://ipfs.near.social/ipfs/bafkreigsfqkniqq5le4e7dawmibmy3qpoo7bz6ldmuhdgzoqmbckda7nty\" />\n </LogoutContainer>\n );\n};\nreturn <LogoutView />;\n" }, "login": { "": "const { Button } = VM.require(\"buildhub.near/widget/components\") || {\n Button: () => <></>,\n};\nconst LoginContainer = styled.div`\n background-color: #000000;\n color: #fff;\n height: 100vh;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n .card {\n z-index: 5;\n background: transparent;\n display: flex;\n max-width: 500px;\n width: 100%;\n max-height: 550px;\n padding: 80px 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 40px;\n img {\n width: auto;\n height: 54px;\n object-fit: cover;\n }\n h1 {\n color: var(--white-100, #fff);\n text-align: center;\n /* H1/small */\n font-size: 2rem;\n font-style: normal;\n font-weight: 300;\n line-height: 100%; /* 32px */\n span {\n font-weight: 600;\n }\n }\n }\n`;\nconst TopImage = styled.img`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n object-fit: cover;\n object-position: center top;\n`;\nconst BottomImage = styled.img`\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0.3;\n object-fit: cover;\n object-position: center bottom;\n`;\nconst LoginView = () => {\n return (\n <LoginContainer>\n <TopImage src=\"https://ipfs.near.social/ipfs/bafkreielasf3vjasnx2hfnjjbhcl7gd37f33ideteqekflo4exrwm7jjvm\" />\n <div className=\"card\">\n <img\n src=\"https://ipfs.near.social/ipfs/bafkreidij5nptpfck3xcppnp6qg6qqeq6lwgf2egyup44hxhgvx6bjnw5e\"\n alt=\"Build DAO Logo\"\n />\n <h1>\n Designed to <span> connect and empower builders </span>in a\n multi-chain ecosystem\n </h1>\n <Button\n style={{\n padding: \"8px 20px\",\n width: \"200px\",\n }}\n variant=\"primary\"\n onClick={props.requestSignIn}\n >\n Login\n </Button>\n </div>\n <BottomImage src=\"https://ipfs.near.social/ipfs/bafkreigsfqkniqq5le4e7dawmibmy3qpoo7bz6ldmuhdgzoqmbckda7nty\" />\n </LoginContainer>\n );\n};\nreturn <LoginView />;\n" } } } } }