Transaction: 8mAovrE...5ZEQ

{ "data": { "mattlock.near": { "widget": { "bos-landing-page": { "": "// const cssFont = fetch(\n// \"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700\"\n// ).body;\n// const css = fetch(\n// \"https://pluminite.mypinata.cloud/ipfs/Qmboz8aoSvVXLeP5pZbRtNKtDD3kX5D9DEnfMn2ZGSJWtP\"\n// ).body;\n\nconst fontUrl = `https://ipfs.io/ipfs/bafkreicrs3gh7f77yhpw4xiejx35cd56jcczuhvqbwkn77g2ztkrjejopa`;\n\nconst css = `\n@font-face {\n font-family: \"Pixter\";\n src: url(\"${fontUrl}\");\n}\n\n.header {\n position: relative;\n display: flex;\n overflow: hidden;\n width: 100%;\n filter: contrast(1.2);\n > div {\n padding: 32px;\n h1 {\n font-size: 3rem;\n }\n h2 {\n opacity: 0.7;\n }\n > div {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n }\n }\n}\n\n.header-left {\n background: linear-gradient(253.16deg, #4D1CB6 1.53%, #AC3A7F 86.25%);\n width: 55%;\n height: 440px;\n transform-origin: 100% 0;\n transform: skew(-10deg);\n}\n\n.header-right {\n margin-left: -100px;\n background: linear-gradient(255.45deg, #7D14AF 12.67%, #00D1FF 87.81%);\n width: calc(45% + 100px);\n height: 440px;\n text-align: right;\n}\n\n.noise {\n mix-blend-mode: soft-light;\n position: absolute;\n z-index: 1;\n opacity: 0.5;\n width: 100vw;\n height: 440px;\n background: url('https://s3-alpha-sig.figma.com/img/aa66/ca0f/536910691a243c017d29d4fe29b4da0a?Expires=1677456000&Signature=SCOYHroTrc--MSSaDWtzcsPvcoHQs9~lF2cwUv-4liY-MTa01xehz4dcVFgvyyqrN8oohEeIZ28SjtcVRFVquNupbyqMUe06cB84IN8T-tvZ7pJqsT96NB2rwpfZvTgcBioY0lRVU45~LGxBF6Mq-Cow-WjIwjU3UZUADEdhVQx85g1hK3OIpn4xP2QJmKor1raV4EdvS7dI0PzyzZg1b9h3EUgEACu15Bl~7d6HD6~a1mQVz6WLJOa4GlOpAnOs7fpG6d8vsWjA1BV6jkXHkra4F82EvKGOhXJp-Ti04S37Km5OQBxc6KOTB8MbOS-FOgeVENObE~7l-fuMZvLW1A__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4');\n }\n\n .header-content-left {\n position: absolute;\n z-index: 2;\n height: 100%;\n }\n\n .main {\n padding: 32px;\n p {\n opacity: 0.7;\n }\n }\n`;\n\nif (!state.theme) {\n State.update({\n theme: styled.div`\n font-family: Pixter;\n background: black;\n color: white;\n ${css}\n`,\n });\n}\nconst Theme = state.theme;\n\nreturn (\n <Theme>\n <div class=\"header\">\n <div class=\"header-left\"></div>\n <div class=\"header-content-left\">\n <div>\n <div>\n <h1>What is BOS?</h1>\n <h2>&#60;Blockchain OS&#62;</h2>\n </div>\n <div>\n <h3>Read Docs -&#62;</h3>\n </div>\n </div>\n </div>\n <div class=\"header-right\">\n <div>\n <div>\n <h1>$20k Bounty</h1>\n <h2>&#60;Hackathon&#62;</h2>\n </div>\n <div>\n <h3>Sign Up For Hackathon -&#62;</h3>\n </div>\n </div>\n </div>\n <div class=\"noise\"></div>\n <div class=\"noise\"></div>\n </div>\n\n <div class=\"main\">\n <h3>dApps</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porta\n laoreet augue. Donec et tellus purus. Aenean vitae magna felis. Nunc\n tincidunt mauris eget pellentesque facilisis. Sed sed fringilla turpis,\n eget venenatis lectus.\n </p>\n\n <div>\n <div className=\"mb-2\">\n <Widget\n src=\"mob.near/widget/ComponentSearch\"\n props={{\n limit: 10,\n term: \"\",\n filterTag: \"ETHDenver2023\",\n onChange: ({ result: components, term }) =>\n State.update({ components, term }),\n }}\n />\n </div>\n {state.components && state.components.length > 0 && (\n <div className=\"mb-2\">\n {state.components.map((component, i) => (\n <div key={i}>\n <Widget\n src=\"mob.near/widget/Editor.ComponentSearch.Item\"\n props={{\n accountId: component.accountId,\n widgetName: component.widgetName,\n onEmbed: () => State.update({ components: null }),\n onHide: () => State.update({ components: null }),\n extraButtons: props.extraButtons,\n }}\n />\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n </Theme>\n);\n" } } } } }