Transaction: FJGUoEg...TYEy

{ "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/bafkreibydsokq7egf2h5axgion4bsdfz5s5vmnnbdebanemfxc3juuizee\";\r\n\r\nconst mobCoverImgSrc =\r\n \"https://ipfs.near.social/ipfs/bafkreihzi6htmib5soiama557tr5bhwblm5gjxnnenvdtvxqzhvsoraztq\";\r\n\r\nconst mobTopImgSrc =\r\n \"https://ipfs.near.social/ipfs/bafkreiddqv6ozmeu33cf4xzk442vnnupjnhf6u4zmhd6ntz5zaqea2xou4\";\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 max-width: 1690px;\r\n margin: 0 auto;\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 TopHeader = styled.div`\r\n @media screen and (max-width: ${breakpoints.md}) {\r\n background-image: url(\"${mobTopImgSrc}\"); \r\n background-repeat: no-repeat;\r\n background-color: transparent;\r\n background-size: 100% 100%;\r\n width: 308px;\r\n height: 87px;\r\n margin: 0 auto;\r\n margin-top: 64px;\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: 100% 100%;\r\n #height: 100vh;\r\n height: auto;\r\n aspect-ratio: 16 / 9;\r\n @media screen and (max-width: ${breakpoints.md}) {\r\n background-image: url(\"${mobCoverImgSrc}\"); \r\n\r\n }\r\n`;\r\n\r\nconst ipfsURL = \"https://ipfs.near.social/ipfs/\";\r\n\r\nconst trusted = [\r\n {\r\n title: \"Near Foundation\",\r\n imgSrc: `${ipfsURL}bafkreiaf3peebsqx4plzcnvwrxm6ji2gojaooiv6japmpovilcs62lwqbu`,\r\n url: \"https://near.org/\",\r\n },\r\n {\r\n title: \"Messari\",\r\n imgSrc: `${ipfsURL}bafkreicawfey4v6zo3isavaxiuth5xpk2lpv5ueckl7hq3znez4hvuf2oi`,\r\n url: \"https://messari.io/\",\r\n },\r\n {\r\n title: \"Coindesk\",\r\n imgSrc: `${ipfsURL}bafkreifeqltl2iys4k7fuudlr3og23heiprbgq2sulkrolwgqg7dndlrpi`,\r\n url: \"https://www.coindesk.com/\",\r\n },\r\n {\r\n title: \"Coingecko\",\r\n imgSrc: `${ipfsURL}bafkreigqloijqzj6psx2u73mmyd4ezaunsrljdfzj3dhsqvrmakaetcasm`,\r\n url: \"https://www.coingecko.com/\",\r\n },\r\n {\r\n title: \"Coinmarket Cap\",\r\n imgSrc: `${ipfsURL}bafkreieudnjf3penpnksl5jiiykj3csvwz3xn3y5a373e2meevcb6734n4`,\r\n url: \"https://coinmarketcap.com/\",\r\n },\r\n {\r\n title: \"Astar Network\",\r\n imgSrc: `${ipfsURL}bafkreibbsjpocg2tf357szmidq7veqbtivxakk2sbwfqx7rdyb4nspxgfi`,\r\n url: \"https://astar.network/\",\r\n },\r\n {\r\n title: \"Crypto Banter\",\r\n imgSrc: `${ipfsURL}bafkreif4z73cybbsksndem4mx5phyua335msn6inqsyyxg3mqvg4b5lsre`,\r\n url: \"https://www.cryptobanter.com/\",\r\n },\r\n {\r\n title: \"Big Brain Holdings\",\r\n imgSrc: `${ipfsURL}bafkreideydsvwwzvzfcjfu2f5ltwksgkixw44uigwne6sbqbls25e7sld4`,\r\n url: \"https://www.bigbrain.holdings/\",\r\n },\r\n {\r\n title: \"Hot Game\",\r\n imgSrc: `${ipfsURL}bafkreieew4kxfhca7gidkgynpmjpklcssa3uyopj5wcinz4ie7i7s6267q`,\r\n url: \"https://hot.game/\",\r\n },\r\n {\r\n title: \"Sweat Economy\",\r\n imgSrc: `${ipfsURL}bafkreigd4azxkk7sk3zllpmnnsomffqf743u6rc4bamosh5c3w6ghoju54`,\r\n url: \"https://sweateconomy.com/\",\r\n },\r\n];\r\n\r\nconst Trusted = styled.div`\r\n margin-top: 50px;\r\n margin-left: 50px;\r\n margin-right: 50px;\r\n @media screen and (max-width: ${breakpoints.md}) {\r\n margin-top: 15px;\r\n margin-left: 15px;\r\n margin-right: 15px;\r\n }\r\n`;\r\nconst TrustedTitle = styled.h2`\r\n text-transform: uppercase;\r\n font-weight: 300;\r\n`;\r\n\r\nconst TrustedList = styled.div`\r\n display: flex;\r\n gap: 25px;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n`;\r\n\r\nconst TrustedLink = styled.a`\r\n display: flex;\r\n text-transform: uppercase;\r\n font-weight: 300;\r\n fon-size: 10px;\r\n text-align: center;\r\n margin-top: 55px;\r\n margin-bottom: 55px;\r\n color: #000;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n & img {\r\n border-radius:50%;\r\n width: 106px;\r\n height: 106px;\r\n @media screen and (max-width: ${breakpoints.md}) {\r\n width: 64px;\r\n height: 64px;\r\n }\r\n }\r\n & span{\r\n font-size: 9px;\r\n margin-top: 10px;\r\n }\r\n @media screen and (max-width: ${breakpoints.md}) {\r\n margin-top: 25px;\r\n margin-bottom: 0;\r\n }\r\n`;\r\n\r\nconst RequestServicesButton = styled.a`\r\n display: none;\r\n @media screen and (max-width: ${breakpoints.md}) {\r\n display: block;\r\n text-align: center;\r\n width: 196px;\r\n height: 39px;\r\n margin: 0 auto;\r\n background: rgb(66, 0, 255);\r\n color: rgb(255, 255, 255);\r\n border-radius: 12px;\r\n margin-top: 24px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin-bottom: 24px;\r\n padding: 9px 24px;\r\n font-style: italic;\r\n \r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n`;\r\n\r\nreturn (\r\n <Theme>\r\n {/*main section*/}\r\n <Widget src={`${rootUser}/widget/nw-navbar`} />\r\n <TopHeader />\r\n <RequestServicesButton\r\n href=\"https://4efdmh2cgdi.typeform.com/NWservices\"\r\n target=\"_blank\"\r\n >\r\n REQUEST SERVICES\r\n </RequestServicesButton>\r\n <Header />\r\n <Trusted>\r\n <TrustedTitle>Trusted By</TrustedTitle>\r\n <TrustedList>\r\n {trusted.map((link, index) => (\r\n <TrustedLink href={link.url}>\r\n <img src={link.imgSrc} width=\"122\" height=\"122\" />\r\n <span>{link.title}</span>\r\n </TrustedLink>\r\n ))}\r\n </TrustedList>\r\n </Trusted>\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" } } } } }