Transaction: EEacUda...1bk8

{ "data": { "ndcdev.near": { "widget": { "daos.Pages.Home": { "": "let { assets, content, contractName } = VM.require(\n `ndcdev.near/widget/daos.Config`\n);\n\nassets = assets.home;\ncontent = content.home;\n\nconst Description = styled.div`\n font-size: 20px;\n font-weight: 400;\n line-height: 2rem;\n padding: 2rem 0 3rem 0;\n\n a {\n text-decoration: underline;\n }\n`;\n\nconst Container = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 5rem;\n align-items: center;\n`;\n\nconst Wrapper = styled.div`\n width: 80%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n`;\n\nconst CreateGrassrootContainer = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n background: #1e1d22;\n height: 650px;\n\n @media screen and (max-width: 768px) {\n height: auto;\n padding-bottom: 20px;\n }\n\n .wrapper {\n position: relative;\n width: 80%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n .circle {\n width: 500px;\n height: 500px;\n position: absolute;\n right: 0rem;\n bottom: 0;\n z-index: 1;\n border-radius: 1007px;\n background: linear-gradient(\n 180deg,\n rgba(253, 202, 48, 0.5) 0%,\n rgba(235, 157, 187, 0.5) 50%,\n rgba(91, 153, 219, 0.5) 100%\n );\n filter: blur(100px);\n animation: spin 4s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n scale: 90%;\n }\n 50% {\n scale: 100%;\n transform: rotate(180deg);\n }\n 100% {\n scale: 90%;\n transform: rotate(360deg);\n }\n }\n }\n\n .title {\n color: #fff;\n font-size: 48px;\n font-weight: 700;\n padding-top: 6rem;\n z-index: 3;\n\n @media screen and (max-width: 786px) {\n padding-top: 3rem;\n }\n }\n\n .description {\n width: 50%;\n color: #fff;\n font-size: 26px;\n font-weight: 300;\n z-index: 3;\n\n @media screen and (max-width: 786px) {\n width: 100%;\n }\n }\n\n a {\n width: 50%;\n z-index: 3;\n\n @media screen and (max-width: 786px) {\n width: 100%;\n }\n }\n\n img {\n width: 463px;\n height: 580px;\n position: absolute;\n right: 0rem;\n bottom: 0;\n z-index: 2;\n\n @media screen and (max-width: 786px) {\n display: none;\n }\n }\n }\n`;\n\nconst ParalaxImg = styled.div`\n width: 100%;\n background-image: url(${(p) => p.src});\n min-height: 500px;\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n\n @media screen and (max-width: 786px) {\n display: none;\n }\n`;\n\nconst SubmitProposal = styled.a`\n font-size: 24px;\n transition: all 0.3s ease;\n border-radius: 50px;\n border: 3px solid #ffce26;\n color: white !important;\n padding: 15px 40px;\n text-align: center;\n margin-bottom: 2rem;\n\n &:hover {\n text-decoration: none;\n }\n`;\n\nconst [loading, setLoading] = useState(false);\n\nconst daos = Near.view(contractName, \"get_dao_list\");\nlet proposals = Near.view(contractName, \"get_all_posts\", {\n page: 0,\n limit: 100,\n});\n\nlet projects = []\n\n// NDC\nlet projectsDaoId1 = Near.view(contractName, \"get_dao_communities\", {\n dao_id: parseInt(1),\n});\n\nlet projectsDaoId2 = Near.view(contractName, \"get_dao_communities\", {\n dao_id: parseInt(2),\n});\n\n// Marketing DAO\nlet projectsDaoId4 = Near.view(contractName, \"get_dao_communities\", {\n dao_id: parseInt(4),\n});\n\n// Gaming DAO\nlet projectsDaoId3 = Near.view(contractName, \"get_dao_communities\", {\n dao_id: parseInt(3),\n});\n\n\nif (!daos || !contractName || !content || !assets || !proposals || !projects || !projectsDaoId1 || !projectsDaoId2 || !projectsDaoId4 || !projectsDaoId3)\n return <Widget src=\"flashui.near/widget/Loading\" />;\n\nprojects = [...projectsDaoId1, ...projectsDaoId2, ...projectsDaoId4, ...projectsDaoId3] \n\nlet groupedDaos = daos\n .map((element) => {\n let result = {};\n element.verticals.forEach((list) => {\n if (!result[list]) {\n result[list] = [];\n }\n result[list].push(element);\n });\n\n return result;\n })\n .filter((item) => Object.keys(item).length !== 0);\n\nproposals = proposals.map((proposal) => {\n return {\n proposal,\n dao: daos.find((dao) => dao.id === proposal.dao_id),\n };\n});\n\nlet types = new Set();\ngroupedDaos.forEach((item) => types.add(...Object.keys(item)));\n\nconst typeOfProject = Array.from(types).map((item) => {\n return {\n name: item.charAt(0).toUpperCase() + item.slice(1),\n color: \"#68D895\",\n };\n});\n\nreturn (\n <Container>\n <Widget\n src={`ndcdev.near/widget/daos.Components.RunnerContainer`}\n props={{ proposals }}\n />\n <Wrapper>\n <Widget\n src={`ndcdev.near/widget/daos.Components.Title`}\n props={{\n imgUrl: content.communityTreasury.image,\n title: content.communityTreasury.title,\n }}\n />\n\n <Widget\n src={`ndcdev.near/widget/daos.Components.Metrics.index`}\n props={{\n daos,\n totalTreasury: 3893275,\n deliverTreasury: 292189,\n typeOfProject,\n loading,\n text: content.communityTreasury.metrics,\n }}\n />\n </Wrapper>\n <Wrapper>\n <Widget\n src={`ndcdev.near/widget/daos.Components.Title`}\n props={{\n imgUrl: content.whatIsNDC.image,\n title: content.whatIsNDC.title,\n }}\n />\n <Description>{content.whatIsNDC.text}</Description>\n </Wrapper>\n <ParalaxImg\n style={{ marginTop: \"-5rem\" }}\n src=\"https://ipfs.near.social/ipfs/bafybeid2ckdorccexjqxnsi3kr4epif4xgqbagdykxtn7wacqk5ajujvy4\"\n />\n <Wrapper>\n <Widget\n src={`ndcdev.near/widget/daos.Components.Title`}\n props={{\n imgUrl: content.whatisGrassrootDAO.image,\n title: content.whatisGrassrootDAO.title,\n }}\n />\n <Description>{content.whatisGrassrootDAO.text}</Description>\n\n <div className=\"d-flex flex-wrap justify-content-center gap-4\">\n {daos\n .sort((a, b) => a.title < b.title)\n .map((dao) => (\n <Widget\n src={`ndcdev.near/widget/daos.Components.Dao.Card`}\n props={{ dao, index }}\n />\n ))}\n </div>\n </Wrapper>\n\n {projects?.length > 0 ? (\n <Wrapper>\n <Widget\n src={`ndcdev.near/widget/daos.Components.Dao.Communities`}\n props={{\n title: content.featuredProducts.title,\n projects: content.featuredProducts.projects.map((title) =>\n projects.find((p) => p.title === title)\n ),\n }}\n />\n </Wrapper>\n ) : (\n <></>\n )}\n\n <CreateGrassrootContainer>\n <div className=\"wrapper\">\n <div className=\"d-flex flex-column gap-3\">\n <h1 className=\"title\">{content.createyourGrassrootDAO.title}</h1>\n <p className=\"description\">\n <ul>\n <li>{content.createyourGrassrootDAO.items.first}</li>\n <li>{content.createyourGrassrootDAO.items.second}</li>\n <li>{content.createyourGrassrootDAO.items.third}</li>\n </ul>\n </p>\n\n <SubmitProposal\n href={`/ndcdev.near/widget/daos.App?page=create_post`}\n >\n Submit Proposal\n </SubmitProposal>\n </div>\n <div className=\"circle\" />\n <img src=\"https://ipfs.near.social/ipfs/bafybeig2zwkn3lsogyekukxg3bvx5jxz6hsakfbc4zokzopexwksqo7xoe\" />\n </div>\n </CreateGrassrootContainer>\n <Wrapper>\n <Widget\n src={`ndcdev.near/widget/daos.Components.Title`}\n props={{\n imgUrl: content.GetFundingForYourProject.image,\n title: content.GetFundingForYourProject.title,\n }}\n />\n\n <Description>{content.GetFundingForYourProject.text}</Description>\n <Widget\n src={`ndcdev.near/widget/daos.Components.DaosByVertical`}\n props={{ daos }}\n />\n </Wrapper>\n </Container>\n);\n" }, "daos.Pages.SupportedProjects": { "": "let { assets, content, contractName } = VM.require(\n `ndcdev.near/widget/daos.Config`\n);\n\ncontent = content.home;\n\nlet projects = []\n\n\n// NDC\nlet projectsDaoId1 = Near.view(contractName, \"get_dao_communities\", {\n dao_id: parseInt(1),\n});\n\nlet projectsDaoId2 = Near.view(contractName, \"get_dao_communities\", {\n dao_id: parseInt(2),\n});\n\n// Marketing DAO\nlet projectsDaoId4 = Near.view(contractName, \"get_dao_communities\", {\n dao_id: parseInt(4),\n});\n\n// Gaming DAO\nlet projectsDaoId3 = Near.view(contractName, \"get_dao_communities\", {\n dao_id: parseInt(3),\n});\n\nif (!contractName || !content || !projects || !projectsDaoId1 || !projectsDaoId2 || !projectsDaoId4 || !projectsDaoId3)\n return <Widget src=\"flashui.near/widget/Loading\" />;\n\nprojects = [...projectsDaoId1, ...projectsDaoId2, ...projectsDaoId4, ...projectsDaoId3] \n\nconst Wrapper = styled.div`\n width: 80%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n margin-bottom: 50px;\n`;\n\nreturn (\n <>\n {projects?.length > 0 ? (\n <Wrapper>\n <Widget\n src={`ndcdev.near/widget/daos.Components.Dao.Communities`}\n props={{\n title: content.featuredProducts.title,\n projects: content.featuredProducts.projects.map((title) =>\n projects.find((p) => p.title === title)\n ),\n }}\n />\n </Wrapper>\n ) : (\n <></>\n )}\n </>\n)" }, "daos.Components.Dao.Guidance": { "": "let { content } = VM.require(`ndcdev.near/widget/daos.Config`);\nif (!content) return <Widget src=\"flashui.near/widget/Loading\" />;\n\nconst Item = styled.div`\n width: 350px;\n min-height: 280px;\n border-radius: 10px;\n border: none;\n border-radius: 10px;\n box-shadow: 0px 30px 80px 0px rgba(0, 0, 0, 0.1);\n\n h4 {\n color: #000\n font-size: 24px;\n }\n\n &.dark {\n position: relative;\n background: linear-gradient(\n 270deg,\n #efdcd1 -1.69%,\n #e0c6f7 43.78%,\n #adc3fb 99.83%\n );\n padding: 2px;\n\n\n h4, a, i {\n width: 100%;\n background: linear-gradient(\n 270deg,\n #efdcd1 -1.69%,\n #e0c6f7 43.78%,\n #adc3fb 99.83%\n );\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n a {\n width: 50%;\n @media screen and (max-width: 786px) {\n width: 100%;\n }\n }\n\n .inner {\n height: 100%;\n background: #151718;\n border-radius: 10px;\n\n span {\n color: white;\n }\n }\n }\n\n .inner {\n height: 100%;\n background: white;\n border-radius: 10px;\n\n span {\n font-weight: 300;\n color: white;\n }\n\n h4 {\n font-weight: 700;\n }\n }\n\n svg {\n margin: 7px;\n }\n\n i, svg {\n color: ${darkTheme ? \"#f0ddce\" : \"#A4C2FD\"};\n fill: ${darkTheme ? \"#f0ddce\" : \"#A4C2FD\"};\n\n &:hover {\n color: ${darkTheme ? \"#fff\" : \"#151718\"};\n fill: ${darkTheme ? \"#fff\" : \"#151718\"};\n }\n }\n\n p {\n font-size: 16px;\n font-weight: 300;\n margin: 0;\n }\n\n @media screen and (max-width: 786px) {\n max-width: 85%;\n }\n`;\n\nconst Container = styled.div`\n h3,\n h4,\n span {\n color: white;\n }\n\n .topSection {\n width: 87%;\n\n @media screen and (max-width: 786px) {\n width: 100%;\n }\n }\n\n @media screen and (max-width: 786px) {\n padding: 0rem;\n }\n`;\n\nconst SubmitProposal = styled.a`\n border: 2px solid #efdcd1;\n border-radius: 10px;\n padding: 10px 25px;\n background: linear-gradient(\n 270deg,\n #efdcd1 -1.69%,\n #e0c6f7 43.78%,\n #adc3fb 99.83%\n );\n background-clip: text;\n text-align: center;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n\n @media screen and (max-width: 786px) {\n width: 100%;\n }\n`;\n\nconst { section, dao } = props;\n\nconst daoContent = JSON.parse(dao.metadata.content);\n\nconst Info = ({ card }) => (\n <Item className=\"dark\">\n <div className=\"inner d-flex flex-column justify-content-between p-4 align-items-left\">\n <div>\n <h4 className=\"color-text\">{card.title}</h4>\n <span style={{'word-wrap': 'break-word'}}>\n <Widget\n src=\"ndcdev.near/widget/daos.Components.MarkdownViewer\"\n props={{\n text: daoContent.guidance[card.title].description,\n }}\n />\n </span>\n </div>\n {daoContent.guidance[card.title].href && (\n <div className=\"d-flex justify-content-between\">\n <a href={daoContent.guidance[card.title].href}>Read More</a>\n <i className=\"bi bi-chevron-right\" />\n </div>\n )}\n </div>\n </Item>\n);\n\nreturn (\n <Container>\n <div className=\"d-flex flex-wrap gap-5\">\n <div className=\"topSection\">\n <Widget\n src={`ndcdev.near/widget/daos.Components.Title`}\n props={{\n subtitle: content.guidance.title,\n title: dao.title,\n color: \"#fff\",\n }}\n />\n </div>\n <div className=\"d-flex w-100 justify-content-center\">\n <div className=\"d-flex flex-wrap justify-content-center gap-5\">\n {content.guidance.cards.map((card) => (\n <Info card={card} />\n ))}\n </div>\n </div>\n\n <div className=\"d-flex gap-3 w-100 flex-wrap justify-content-center\">\n <a\n className=\"post-btn\"\n href={`/ndcdev.near/widget/daos.App?page=create_post&dao_id=${dao.handle}`}\n >\n Submit Proposal\n <i className=\"bi bi-chevron-right\" />\n </a>\n <a\n className=\"post-btn\"\n href={`/ndcdev.near/widget/daos.App?page=proposals&dao_id=${dao.handle}`}\n >\n Show Proposals\n </a>\n </div>\n </div>\n </Container>\n);\n" } } } } }