Transaction: 3M84pmt...NWMz

{ "data": { "nearweekapp.near": { "widget": { "nearweek.com": { "": "const rootUser = \"nearweekapp.near\";\r\nconst nwSite = \"https://nearweek.com\";\r\n\r\nconst coverImgSrc =\r\n \"https://ipfs.near.social/ipfs/bafkreiepoz6qkkkowczzcapjrsbtvxre7wg3rlpee5zbr7hffgiborlbwa\";\r\n\r\nconst breakpoints = {\r\n md: \"768px\",\r\n lg: \"1100px\",\r\n xl: \"1300px\",\r\n};\r\n\r\nif (!state.theme) {\r\n State.update({\r\n theme: styled.div`\r\n background: #FAF9F9;\r\n color: #1C1F41;\r\n margin: 0;\r\n`,\r\n });\r\n}\r\nconst Theme = state.theme;\r\n\r\nconst TabContentFooter = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n`;\r\nconst MainSection = styled.div`\r\n border: 1px solid var(--bs-border-color);\r\n border-radius: 20px;\r\n padding: 20px 15px;\r\n margin-bottom: 10px;\r\n height: fit-content;\r\n width: 341px;\r\n background: white;\r\n @media screen and (min-width: ${breakpoints.xl}) {\r\n max-width: 700px;\r\n width: ${(props) => (props.fullWidth ? \"100%\" : \"341px\")};\r\n }\r\n`;\r\n\r\nconst MainSectionArticles = styled.div`\r\n border: 1px solid var(--bs-border-color);\r\n border-radius: 20px;\r\n padding: 20px 15px;\r\n margin-bottom: 10px;\r\n height: fit-content;\r\n background: white;\r\n width: 341px;\r\n @media screen and (min-width: ${breakpoints.xl}) {\r\n max-width: 750px;\r\n width: ${(props) => (props.fullWidth ? \"100%\" : \"341px\")};\r\n }\r\n`;\r\nconst ContentContainer = styled.div`\r\n display: grid;\r\n grid-template-columns: repeat(3, auto);\r\n gap: 20px;\r\n justify-content: center;\r\n justify-items: center;\r\n margin-top:20px;\r\n @media screen and (max-width: ${breakpoints.lg}) {\r\n grid-template-columns: auto auto;\r\n margin-top:50px;\r\n }\r\n @media screen and (max-width: ${breakpoints.md}) {\r\n grid-template-columns: auto;\r\n margin-top:50px;\r\n }\r\n`;\r\nconst ButtonLink = styled.a`\r\n margin-top:14px;\r\n width: 180px;\r\n padding: 8px;\r\n height: 32px;\r\n border: 1px solid #d7dbdf;\r\n border-radius: 100px;\r\n font-weight: 500;\r\n font-size: 12px;\r\n line-height: 22px;\r\n letter-spacing: -0.03em;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n color: hsla(204, 22%, 9%, 1);\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n outline: none;\r\n }\r\n`;\r\nconst AudioBage = styled.div`\r\nwidth:100%;\r\nborder-radius: 12px;\r\nbackground: linear-gradient(91deg, rgba(0, 0, 0, 0.32) 1.15%, rgba(0, 0, 0, 0.02) 18.22%, rgba(0, 0, 0, 0.12) 75.24%, rgba(0, 0, 0, 0.70) 112%, rgba(0, 0, 0, 0.80) 135.99%);\r\nmargin:10px 0px;\r\nbackground-color: darkcyan;\r\npadding: 10px 15px;\r\ndisplay:flex;\r\nflex-direction: column;\r\n& .text-container {\r\n width: 160px;\r\n & p {\r\n color: rgba(255, 255, 255, 0.80);\r\n font-family: Inter;\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 14px;\r\n margin:0;\r\n }\r\n & h3 {\r\n color: #FFF;\r\n font-family: Inter;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 20px;\r\n margin-bottom:4xp;\r\n}}`;\r\nconst AudioButtonLink = styled.a`\r\n width: 65%;\r\n padding: 8px;\r\n height: 31px;\r\n margin-bottom: 10x;\r\n border: 1px solid #d7dbdf;\r\n border-radius: 100px;\r\n font-weight: 500;\r\n font-size: 12px;\r\n line-height: 22px;\r\n letter-spacing: -0.03em;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n color: hsla(204, 22%, 9%, 1);\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n outline: none;\r\n }`;\r\nfunction Articles() {\r\n return (\r\n <Widget\r\n src={`${rootUser}/widget/nw-articles`}\r\n props={{ postType: \"articles\" }}\r\n />\r\n );\r\n}\r\nfunction Videos() {\r\n return (\r\n <Widget\r\n src={`${rootUser}/widget/nw-articles`}\r\n props={{ postType: \"videos\" }}\r\n />\r\n );\r\n}\r\n/*Newsletter*/\r\nState.init({ detailsPage: null, audioDetails: null });\r\nfunction updateDetailsPage(value) {\r\n State.update({ detailsPage: value });\r\n}\r\nfunction updateAudioDetails(value) {\r\n State.update({ audioDetails: value });\r\n}\r\n\r\nfunction NewsletterCard() {\r\n return (\r\n <Widget\r\n props={{\r\n updateDetailsPage,\r\n }}\r\n src={`${rootUser}/widget/nw-newsletter`}\r\n />\r\n );\r\n}\r\nif (state.detailsPage) {\r\n return (\r\n <Widget\r\n src={`${rootUser}/widget/nw-newsletter-more`}\r\n props={{\r\n detailsPage: state.detailsPage,\r\n updateDetailsPage,\r\n }}\r\n />\r\n );\r\n}\r\nif (state.audioDetails) {\r\n return (\r\n <Widget\r\n src={`${rootUser}/widget/nw-audio-more`}\r\n props={{\r\n audioDetails: state.audioDetails,\r\n updateAudioDetails,\r\n }}\r\n />\r\n );\r\n}\r\n/* NEWSWIRE */\r\nfunction NewswireCard() {\r\n return <Widget src={`${rootUser}/widget/nw-newswire`} />;\r\n}\r\n/* AUDIO */\r\nfunction AudioCard() {\r\n return (\r\n <Widget\r\n props={{\r\n updateAudioDetails,\r\n }}\r\n src={`${rootUser}/widget/nw-audio`}\r\n />\r\n );\r\n}\r\n/* final return */\r\n\r\nconst FooterDiv = styled.div``;\r\nconst Footer = styled.div`\r\n width: 100%\r\n display: block;\r\n background: black;\r\n @media screen and (min-width: ${breakpoints.md}) {\r\n display: none;\r\n }\r\n`;\r\nconst FooterContent = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n`;\r\n\r\nconst PriceContainer = styled.div`\r\n padding:0;\r\n margin:0;\r\n width:100%;\r\n display:flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n`;\r\n\r\nconst Header = styled.div`\r\n background-image: url(\"${coverImgSrc}\"); \r\n background-repeat: no-repeat;\r\n background-color: transparent;\r\n background-size: cover;\r\n width: 100%;\r\n height: 360px;\r\n`;\r\nreturn (\r\n <Theme>\r\n {/*main section*/}\r\n <Widget src={`${rootUser}/widget/nw-navbar`} />\r\n <Header />\r\n <ContentContainer>\r\n <div>\r\n {/*Newsletter div */}\r\n <MainSection>\r\n <NewsletterCard />\r\n </MainSection>\r\n {/*Audio Div */}\r\n <div class=\"d-none d-md-block\">\r\n <AudioCard />\r\n </div>\r\n </div>\r\n {/*Articles div */}\r\n <div>\r\n <MainSectionArticles fullWidth changeOrder>\r\n <Articles />\r\n </MainSectionArticles>\r\n <MainSectionArticles fullWidth changeOrder>\r\n <Videos />\r\n </MainSectionArticles>\r\n </div>\r\n\r\n {/*Newswire div */}\r\n {!state.detailsPage && (\r\n <MainSection>\r\n <NewswireCard />\r\n </MainSection>\r\n )}\r\n {/*Audio Div */}\r\n <div class=\"d-block d-md-none\">\r\n <MainSection>\r\n <AudioCard />\r\n </MainSection>\r\n </div>\r\n </ContentContainer>\r\n <Widget src={`${rootUser}/widget/nw-footer`} />\r\n </Theme>\r\n);\r\n", "metadata": { "image": { "url": null, "ipfs_cid": "bafkreiepoz6qkkkowczzcapjrsbtvxre7wg3rlpee5zbr7hffgiborlbwa" } } } } } } }