Transaction: FTuPAtb...Kk4y

{ "data": { "nearcatalog.near": { "widget": { "NearCatalog.Project": { "": "const Css = styled.div`\n.embed-responsive-item{\n width: 103%;\n}\n.near-item-sm{align-items:center;border-radius:.8rem;display: block;flex-direction:column;padding:.5rem;transition:all .15s ease;float: left;}\n.near-item-sm:focus,.near-item-sm:hover{background:rgba(34,34,34,.05);text-decoration:none;}\n.near-item-sm .tile-icon{box-shadow:0 .5rem 1.2rem rgba(34,34,34,.2);border-radius:50%;height:3.2rem;margin:.5rem auto;width:3.2rem;}\n.near-item-sm .tile-icon img{border-radius:50%;height:100%;width:100%;}\n.near-item-sm .tile-content{width:100%;}\n.near-item-sm .tile-title{font-size:.7rem;text-align:center;color: rgb(34, 34, 34); font-weight:bold}\nh1{font-size:2em;margin:.67em 0;}\na{background-color:transparent;-webkit-text-decoration-skip:objects;}\na:active,a:hover{outline-width:0;}\nstrong{font-weight:inherit;font-weight:bolder;}\nsmall{font-size:80%;font-weight:400;}\nimg{border-style:none;}\nsvg:not(:root){overflow:hidden;}\n*,:after,:before{box-sizing:inherit;}\na{color:#222;outline:none;text-decoration:none;}\na:active,a:focus,a:hover{color:#090909;text-decoration:underline;}\n:focus{outline:0;}\nh1,h2,h3{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0;}\n.h4{font-weight:500;}\nh1{font-size:2rem;}\nh2{font-size:1.6rem;}\nh3{font-size:1.4rem;}\n.h4{font-size:1.2rem;}\np{margin:0 0 1.2rem;}\na{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges;}\nol,ul{padding:0;}\nol,ul{margin:.8rem 0 .8rem .8rem;}\nol li,ul li{margin-top:.4rem;}\nul{list-style:disc inside;}\nol{list-style:decimal inside;}\n.btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(34,34,34,.05);border:.1rem solid transparent;border-radius:.4rem;color:#222;cursor:pointer;display:inline-flex;font-size:.7rem;height:1.8rem;line-height:1.2rem;outline:none;padding:.2rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;}\n.btn:focus{box-shadow:0 0 0 .1rem rgba(34,34,34,.2);}\n.btn:focus,.btn:hover{background:rgba(34,34,34,.1);border-color:transparent;text-decoration:none;}\n.btn:active{background:rgba(34,34,34,.15);border-color:rgba(34,34,34,.05);text-decoration:none;}\n.btn:disabled{cursor:default;opacity:.5;pointer-events:none;}\n.btn.btn-primary{background:#222;border-color:#1d1d1d;box-shadow:0 .1rem .4rem rgba(34,34,34,.25);color:#fff;}\n.btn.btn-primary:focus,.btn.btn-primary:hover{background:#0052cc;border-color:#004cbd;color:#fff;}\n.btn.btn-primary:active{background:#004cbd;border-color:#0046ad;color:#fff;}\n.btn.btn-link{background:transparent;border-color:transparent;color:#222;}\n.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#222;}\n.btn.btn-lg{font-size:.8rem;height:2rem;padding:.3rem .6rem;}\n.btn-group{display:inline-flex;flex-wrap:wrap;}\n.btn-group .btn{flex:1 0 auto;}\n.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0;}\n.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem;}\n.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1;}\n.markdown{font-size:.8rem;font-weight:400;line-height:1.25rem;word-break:break-word;}\n.markdown>:first-child{margin-top:0;}\n.markdown h2,.markdown h3{font-weight:700;line-height:1.5;margin-bottom:1.2rem;margin-top:.4rem;}\n.markdown h2{font-size:24px;}\n.markdown h3{font-size:22px;}\n.markdown p{-webkit-hyphens:auto;hyphens:auto;margin:0 0 1.6rem;}\n.markdown ul{margin:1.6rem 0 1.6rem 1.6rem;padding:0;}\n.markdown ul li{margin-top:.4rem;}\n.markdown ul{list-style:disc inside;}\n.container{margin-left:auto;margin-right:auto;padding-left:.8rem;padding-right:.8rem;width:100%;}\n.container.grid-xl{max-width:calc(.8rem + 1200px);}\n.columns{display:flex;flex-wrap:wrap;margin-left:-.8rem;margin-right:-.8rem;}\n.column{flex:1;max-width:100%;padding-left:.8rem;padding-right:.8rem;}\n.column.col-12,.column.col-4,.column.col-8{flex:none;}\n.col-12{width:100%;}\n.col-8{width:66.66666667%;}\n.col-4{width:33.33333333%;}\n@media (max-width:960px){\n.col-lg-12{flex:none;}\n.col-lg-12{width:100%;}\n}\n@media (max-width:840px){\n.col-md-12{flex:none;}\n.col-md-12{width:100%;}\n}\n.breadcrumb{font-size:.6rem;list-style:none;margin:.2rem 0;padding:.2rem 0;}\n.breadcrumb .breadcrumb-item{color:#888;display:inline-block;margin:0 .2rem 0 0;padding:.2rem 0;}\n.breadcrumb .breadcrumb-item a{color:#888;}\n.breadcrumb .breadcrumb-item:not(:first-child):before{color:#888;content:\"→\";padding-right:.2rem;}\n.dropdown{display:inline-block;position:relative;}\n.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:90%;}\n.dropdown.dropdown-right .menu{left:auto;right:0;}\n.dropdown .menu:hover,.dropdown:focus .menu,.dropdown:hover .menu{display:block;}\n.menu{box-shadow:0 1rem 3rem rgba(34,34,34,.3);background:#fff;border-radius:.8rem;list-style:none;margin:0;min-width:180px;padding:.8rem;transform:translateY(.2rem);z-index:300;}\n.menu .menu-item{margin-top:0;padding:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}\n.menu .menu-item>a{align-items:center;color:inherit;display:flex;margin:0;padding:.4rem;text-decoration:none;}\n.menu .menu-item>a:active,.menu .menu-item>a:focus,.menu .menu-item>a:hover{color:rgba(34,34,34,.75);}\n.menu .menu-item>span{align-items:center;color:inherit;display:flex;margin:0;padding:.4rem;}\n.tile{align-content:space-between;align-items:flex-start;display:flex;}\n.tile .tile-icon{flex:0 0 auto;}\n.tile .tile-content{flex:1 1 auto;}\n.tile .tile-content:not(:first-child){padding-left:.4rem;}\n.tile .tile-title{line-height:1.2rem;}\n.tooltip{position:relative;}\n.tooltip:after{background:rgba(34,34,34,.95);border-radius:.4rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.6rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300;}\n.tooltip:focus:after,.tooltip:hover:after{opacity:1;transform:translate(-50%,-.2rem);}\n.text-gray{color:#888!important;}\na.text-gray:focus,a.text-gray:hover{color:#7b7b7b;}\na.text-gray:visited{color:#959595;}\n.c-hand{cursor:pointer;}\n.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1px;}\n.divider{display:block;position:relative;}\n.divider[data-content]:after{background:#fff;color:#c8c8c8;content:attr(data-content);display:inline-block;font-size:.6rem;line-height:.6rem;padding:0 .4rem;transform:translateY(-.6rem);}\n.divider{border-top:.05rem solid #d5d5d5;height:.1rem;margin:.4rem 0;}\n.divider[data-content]{margin:.8rem 0;}\n.ml-1{margin-left:.2rem!important;}\n.ml-2{margin-left:.4rem!important;}\n.mr-2{margin-right:.4rem!important;}\n.text-small{font-size:.8em;}\n.awesome-hero{border-radius:.8rem;color:#222;display:flex;padding:1rem 0;position:relative;z-index:1;}\n.awesome-hero .hero-content{display:flex;flex-direction:column;flex:1;justify-content:center;margin-right:auto;max-width:840px;}\n.awesome-hero .hero-img{height:5.6rem;margin:1.8rem 1rem 1rem 0;width:5.6rem;}\n.awesome-hero .hero-img img{border-radius:50%;box-shadow:0 .2rem .6rem rgba(34,34,34,.05);height:5.6rem;width:5.6rem;}\n@media screen and (max-width:960px){\n.awesome-hero .hero-img{margin-top:0;}\n}\n.awesome-hero .hero-title{font-size:1.8rem;font-weight:900;line-height:1.25;margin-bottom:0;}\n.awesome-hero .hero-title small{border-radius:.2rem;color:rgba(34,34,34,.9);font-size:.75rem;font-weight:500;padding:.2rem;vertical-align:middle;}\n.awesome-hero .hero-subtitle{color:#222;font-size:.8rem;font-weight:400;line-height:1.5;margin:.5rem 0 1rem;}\n.awesome-hero .hero-series{display:inline-flex;margin-bottom:.4rem;order:-1;}\n.awesome-hero .hero-actions{flex:0 0 auto;margin-left:1rem;margin-top:1rem;}\n.awesome-hero .hero-tags{margin:.4rem 0;}\n.awesome-hero .hero-tags .tag-item+.tag-item{margin-left:.25rem;}\n.awesome-hero .hero-links{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:.5rem 0;}\n@media screen and (max-width:960px){\n.awesome-hero .hero-links{justify-content:flex-start;}\n}\n.awesome-hero .hero-links .link-item{align-items:center;display:inline-flex;height:2rem;font-size:.9rem;margin-bottom:.2rem;margin-right:.2rem;text-decoration:none;}\n.awesome-hero .hero-links .link-item span{line-height:1;margin-left:.4rem;}\n.awesome-hero .hero-links .link-item small{opacity:.5;}\n.awesome-hero .hero-links .link-item.btn.btn-lg{padding:.3rem .5rem;}\n.awesome-hero .hero-links .menu{color:#222;width:12rem;}\n@media screen and (max-width:960px){\n.awesome-hero{flex-wrap:wrap;flex-direction:column;}\n.awesome-hero .hero-actions{flex:1 0 100%;margin-left:0;width:100%;}\n}\n@media screen and (max-width:600px){\n.awesome-hero{padding:1rem 0;}\n}\n.hero-links .link-item.btn.btn-lg.btn-link{font-size:1.2rem}\n.label-series{align-items:center;background:rgba(0,82,204,.1);border:.05rem solid transparent;border-radius:1rem;cursor:default;display:inline-flex;font-size:.6rem;font-weight:500;height:1rem;margin-bottom:0;margin-right:.2rem;padding:.1rem .3rem;}\n.label-series .icon-series{height:.6rem;margin-right:.1rem;width:.6rem;}\n.label-series.trending{background:rgba(0,82,204,.1);color:#0052cc;}\n.label-series.near{background:rgba(38,38,38,.075);color:#262626;}\n.label-series.aurora{background:rgba(120,214,75,.2);color:#5dc22c;}\n.section-project .awesome-hero .hero-content{max-width:600px;}\n.near-content .content-widget{background:#fff;border:.05rem solid #eee;border-radius:.8rem;box-shadow:0 .1rem 1.4rem rgba(34,34,34,.05);font-size:0.9rem;margin-bottom:1rem;padding:2rem;}\n.near-content .twitter-widget{padding-bottom:.5rem;}\n.near-content .related-widget .content-body{margin:auto -.5rem;}\n@media screen and (max-width:600px){\n.near-content .content-widget{padding:1.5rem 1rem;}\n}\n.near-content .content-title{font-size:.8rem;font-weight:900;margin-bottom:1rem;}\n.near-content .stats-widget{display:flex;flex-wrap:nowrap;font-size:.7rem;justify-content:space-between;align-items:baseline;margin:.3rem 0;}\n.near-content .stats-widget:last-child{margin-bottom:0;}\n.near-content .stats-widget .stats-widget-label{color:rgba(34,34,34,.5);font-size:.6rem;font-weight:500;margin-bottom:.2rem;}\n.near-content .stats-widget .stats-widget-value{font-weight:700;color:#222;text-align:right;overflow:hidden;}\n.near-content .stats-widget .stats-widget-source{color:#888;font-size:.6rem;margin-top:.4rem;text-align:right;width:100%;}\n.near-content .token-widget{display:flex;flex-direction:column;}\n.near-content .token-widget:not(:last-child){margin-bottom:1rem;}\n.near-content .token-widget .token-widget-label{color:rgba(51,51,51,.5);font-size:.6rem;font-weight:500;}\n.near-content .token-widget .token-widget-value{background:#f6f6f6;border:.05rem solid #eee;border-radius:.4rem;color:#333;font-size:.6rem;font-weight:700;margin-top:.2rem;padding:.2rem .4rem;-webkit-user-select:all;-moz-user-select:all;user-select:all;word-break:break-all;}\n.near-content .token-widget .token-widget-value:hover{background:#f3f3f3;}\n.near-content .content-grants{align-items:center;display:flex;flex-wrap:wrap;}\n.near-content .content-grants:not(:last-child){margin-bottom:.5rem;}\n.label-grants{align-items:center;border:.05rem solid rgba(34,34,34,.075);border-radius:.4rem;color:#222;display:flex;font-size:.7rem;margin:.25rem;padding:.25rem .5rem .25rem .25rem;}\n.label-grants .icon-grants{border-radius:50%;margin-right:.25rem;}\n.label-grants.near .icon-grants{background:rgba(38,38,38,.075);color:#262626;}\n.label-grants.proximity .icon-grants{background:linear-gradient(45deg,rgba(216,46,135,.25),rgba(255,173,1,.25));color:#d82e87;}\n.markdown p:last-child{margin-bottom:0;}\n.near-item{background:#fff;border:.05rem solid #eee;box-shadow:0 .05rem .05rem rgba(34,34,34,.05),0 .2rem .8rem rgba(34,34,34,.075);border-radius:.8rem;color:#222;display:flex;flex-direction:column;height:100%;min-height:8.5rem;padding:1rem;position:relative;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;}\n.near-item:focus,.near-item:hover{box-shadow:0 .1rem .2rem rgba(34,34,34,.05),0 .4rem 1.6rem rgba(34,34,34,.15);text-decoration:none;transform:translateY(-.1rem);}\n.near-item .tile-icon{box-shadow:0 .5rem 1.2rem rgba(34,34,34,.2);}\n.near-item .tile-icon,.near-item .tile-icon img{border-radius:50%;height:2rem;width:2rem;}\n.near-item .tile-content{overflow:hidden;}\n.near-item .tile-content:not(:first-child){padding-left:.8rem;}\n.near-item .near-item-header{display:flex;flex:1 1;flex-direction:column;}\n.near-item .tile-title{color:#222;font-size:.8rem;font-weight:700;margin-bottom:0;padding-bottom:.1rem;}\n.near-item .tile-tags,.near-item .tile-title{line-height:.9rem;overflow:hidden;text-overflow:ellipsis;}\n.near-item .tile-tags{font-size:.6rem;height:1rem;padding-top:.1rem;white-space:nowrap;}\n.near-item-list{background:transparent;border:0;box-shadow:none;min-height:auto;padding:.5rem;}\n.awesome-tag{background:rgba(34,34,34,.05);border-radius:.4rem;color:#3c3c3c;font-size:.7rem;line-height:1.5rem;padding:.25rem .35rem;}\n.awesome-tag:focus,.awesome-tag:hover{background:rgba(34,34,34,.08);border-color:rgba(34,34,34,.08);text-decoration:none;}\n.articles-container{display:flex;flex-direction:column;}\n.articles-container .article-item{display:flex;padding-bottom:.8rem;}\n.articles-container .article-item:focus,.articles-container .article-item:hover{text-decoration:none;}\n.articles-container .article-item:focus .article-title,.articles-container .article-item:hover .article-title{text-decoration:underline;}\n.articles-container .article-image{border-radius:.4rem;box-shadow:0 .2rem .4rem rgba(34,34,34,.1);height:2rem;margin-right:.4rem;-o-object-fit:cover;object-fit:cover;width:2.4rem;}\n.articles-container .article-detail{display:flex;flex-direction:column;}\n.articles-container .article-title{padding-left:.2rem;font-weight:700;font-size:.7rem;}\n.articles-container .article-info{color:#888;padding-left:.2rem;font-weight:400;font-size:.6rem;}\n.tile-tags .badge{\n text-transform:lowercase;\n margin-right:5px;\n opacity:0.8;\n}\n/*! CSS Used keyframes */\n@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem);}to{opacity:1;transform:translateY(0);}}\n.near-bg:before {\n background: linear-gradient(270deg,#fff0e2 35%,#d7dbff);\n right: 15vh;\n top: 10vh;\n }\n .near-bg:after, .near-bg:before {\n border-radius: 50%;\n content: \"\";\n display: block;\n filter: blur(3rem);\n height: 50vh;\n position: fixed;\n width: 50vh;\n z-index: -1;\n }\n .near-bg:after {\n background: linear-gradient(180deg,#e1d7ff 25%,#e1f4f8);\n bottom: 10vh;\n left: 15vh;\n }\n`;\n\nif (!props.id) {\n return \" 🐲 🐉 Loading~ \";\n}\n\nconst componentPath = props.componentPath;\nconst indexPath = props.indexPath;\nconst storageBookmark = Storage.get(\n \"nearcatalogBookmark\",\n componentPath + \".Project\"\n);\n\nif (state.bookmark == null && storageBookmark) {\n State.update({\n bookmark: storageBookmark,\n });\n console.log(\"loaded storage bookmark to state: \", storageBookmark);\n}\nconst isInBookmark = (p) => {\n if (!state.bookmark) return false;\n var isFound = false;\n var keys = Object.keys(state.bookmark);\n if (keys.length > 0) {\n for (let i = 0; i < keys.length; i++) {\n if (keys[i] == p.slug) {\n isFound = true;\n break;\n }\n }\n }\n return isFound;\n};\n\nconst toggleBookmark = (p) => {\n var isFound = isInBookmark(p);\n var bookmark = state.bookmark ? state.bookmark : {};\n isFound ? delete bookmark[p.slug] : (bookmark[p.slug] = p);\n State.update({\n bookmarkStatus: isFound ? \"removed\" : \"added\",\n bookmark: bookmark,\n });\n console.log(\"new bookmark list: \", bookmark);\n Storage.set(\"nearcatalogBookmark\", bookmark);\n}; //toggleBookmark\n\nState.init({\n bookmark: null,\n bookmarkStatus: isInBookmark(project) ? \"added\" : \"removed\",\n});\n\nconst project = props.project;\nconsole.log(\"project info: \", project);\nconst tags = project.profile.tags;\nconst tokenTicket = project.profile.tokens\n ? Object.keys(project.profile.tokens)[0]\n : false;\nconst tokenInfo =\n tokenTicket && project.profile.tokens\n ? project.profile.tokens[tokenTicket]\n : {};\nconsole.log(\"token info: \", tokenInfo, \"ticket: \", tokenTicket);\n\nconst twtIframe = `<div align=\"center\"><a class=\"twitter-timeline\" data-dnt=\"true\" data-tweet-limit=\"10\"\n href=\"https://twitter.com/${project.profile.linktree?.twitter}\">Twitter</a>\n<script async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>\n</div>`;\nreturn (\n <Css>\n <div className=\"container grid-xl near-bg\">\n <Widget\n src={`${componentPath}.Layout.Navbar`}\n props={{\n indexPath,\n }}\n />\n\n <Widget\n src={`${componentPath}.Layout.SearchBar`}\n props={{\n indexPath,\n indexer: props.indexer,\n defaultImg: props.defaultImg,\n }}\n />\n\n <div className=\"columns\">\n <div className=\"hero-container column col-md-12\">\n <div className=\"awesome-hero\">\n <div className=\"hero-img\">\n <img src={project.profile.image.url} alt={project.profile.name} />\n </div>\n\n <div className=\"hero-content\">\n <h1 className=\"hero-title\">\n {project.profile.name}{\" \"}\n {tokenTicket && <small>({tokenTicket})</small>}{\" \"}\n </h1>\n <h2 className=\"hero-subtitle\">{project.profile.tagline}</h2>\n <div className=\"tile-tags\">\n {Object.keys(project.profile.tags).length > 0 &&\n Object.keys(project.profile.tags).map((e) => {\n return (\n <span\n className=\"badge rounded-pill bg-secondary text-light\"\n title={e}\n >\n {e}\n </span>\n );\n })}\n </div>\n </div>\n\n <div className=\"hero-actions\">\n <div className=\"hero-links\">\n <div className=\"btn-group\">\n <a\n onClick={() => toggleBookmark(project)}\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg\"\n >\n <i\n class={\n isInBookmark(project) ? \"bi bi-star-fill\" : \"bi bi-star\"\n }\n ></i>\n </a>\n {project.profile.linktree.website && (\n <a\n href={project.profile.linktree.website}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-primary\"\n >\n Website\n </a>\n )}\n {project.profile.linktree.twitter && (\n <a\n href={project.profile.linktree.twitter}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-primary\"\n title=\"Open DApp\"\n >\n Twitter (X){\" \"}\n </a>\n )}\n </div>\n <div className=\"btn-group\">\n <div\n className=\"link-item btn btn-lg dropdown dropdown-right dropdown-toggle c-hand\"\n tabindex=\"0\"\n >\n <i class=\"bi bi-three-dots-vertical\"></i>\n <ul className=\"menu\">\n <li className=\"menu-item\">\n <a\n href={`https://nearcatalogsubmitform.sctuts.com/?p=1&pid=${props.id}&pname=${project.profile.name}&title=${project.profile.name}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Report or give feedback\n </a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div className=\"hero-links\">\n {project.profile.linktree.twitter && (\n <a\n href={project.profile.linktree.twitter}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-link\"\n title=\"Twitter\"\n >\n <i class=\"bi bi-twitter-x\"></i>\n </a>\n )}\n\n {project.profile.linktree.medium && (\n <a\n href={project.profile.linktree.medium}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-link\"\n title=\"Medium, blog, news, tutorials, and announcements\"\n >\n <i class=\"bi bi-medium\"></i>\n </a>\n )}\n\n {project.profile.linktree.telegram && (\n <a\n href={project.profile.linktree.telegram}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-link\"\n title=\"Telegram groups and channels\"\n >\n <i class=\"bi bi-telegram\"></i>\n </a>\n )}\n {project.profile.linktree.github && (\n <a\n href={project.profile.linktree.github}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-link\"\n title=\"GitHub, Open source org, Source code repos\"\n >\n <i class=\"bi bi-github\"></i>\n </a>\n )}\n {project.profile.linktree.linkedin && (\n <a\n href={project.profile.linktree.linkedin}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-link\"\n title=\"Ref Finance LinkedIn company page\"\n >\n <i class=\"bi bi-linkedin\"></i>\n </a>\n )}\n\n {project.profile.linktree.astrodao && (\n <a\n href={project.profile.linktree.astrodao}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-link\"\n title=\"AstroDAO\"\n >\n <i class=\"bi bi-people-fill\"></i>\n </a>\n )}\n\n {project.profile.linktree.whitepaper && (\n <a\n href={project.profile.linktree.whitepaper}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"link-item btn btn-lg btn-link\"\n title=\"Whitepaper\"\n >\n <i class=\"bi bi-journal-code\"></i>\n </a>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"columns\">\n <div className=\"content-container column col-12\">\n <div\n className=\"columns content-container\"\n id=\"stats-columns-container-sidebar\"\n >\n <div className=\"column col-lg-12 col-8\">\n <div className=\"near-content\">\n <div className=\"content-widget markdown\">\n <h2 className=\"content-title\">\n About {project.profile.name}\n </h2>\n <div className=\"content-desc\">\n {project.profile?.description\n ?.split(\"\\n\")\n .map((item, key) => {\n return (\n <span key={key}>\n {item}\n <br />\n </span>\n );\n })}\n </div>\n </div>\n </div>\n {/* <div className=\"near-content\">\n <div className=\"content-widget article-widget\">\n <h2 className=\"content-title\">{project.profile.name} News</h2>\n\n <div className=\"articles-container\">\n\n <a className=\"article-item\" target=\"_blank\" title=\"\" href=\"\">\n <img className=\"article-image\" src=\"\"\n alt=\"\" />\n <div className=\"article-detail\">\n <h3 className=\"article-title\">Orderbook Launch on Ref: Trading Competition with Orderly Network</h3>\n <div className=\"article-info\">March 30, 2023</div>\n </div>\n </a>\n </div>\n </div>\n </div> */}\n <div className=\"near-content\">\n <div className=\"content-widget related-widget\">\n <h2 className=\"content-title\">Related Projects</h2>\n <div className=\"content-body\">\n <a\n className=\"near-item near-item-list\"\n target=\"_blank\"\n title=\"LNC\"\n href=\"#\"\n >\n <div className=\"near-item-header\">\n <div className=\"tile\">\n <div className=\"tile-icon\">\n <img src={props.defaultImg} alt=\"\" />\n </div>\n <div className=\"tile-content\">\n <h3 className=\"tile-title\">Learn NEAR Club</h3>\n <div className=\"tile-tags text-gray\">\n Learn how to use and build on NEAR and Earn NEAR\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n </div>\n </div>\n <div className=\"column col-lg-12 col-4\">\n {tokenTicket && (\n <div className=\"near-content\">\n <div className=\"content-widget chart-widget\">\n <h2 className=\"content-title\">\n {project.profile.name} Token Stats\n </h2>\n\n <div className=\"stats-widget\">\n <div class=\"embed-responsive embed-responsive-4by3\">\n <Widget\n src={`${componentPath}.Layout.PriceWidget`}\n props={tokenInfo}\n />\n </div>\n </div>\n </div>\n </div>\n )}\n\n {(tokenInfo.address.near ||\n tokenInfo.address.aurora ||\n tokenInfo.address.ethereum) && (\n <div className=\"near-content\">\n <div className=\"content-widget\">\n <h2 className=\"content-title\">Token Contract</h2>\n\n {tokenInfo.address.near && (\n <div className=\"token-widget\">\n <h3 className=\"token-widget-label\">\n NEAR Chain (NEP-141)\n <a\n href={`https://nearblocks.io/address/${tokenInfo.address.near}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"text-gray ml-2\"\n title=\"NEAR Explorer\"\n >\n ↗\n </a>\n </h3>\n <div className=\"token-widget-value\">\n {tokenInfo.address.near}\n </div>\n </div>\n )}\n\n {tokenInfo.address.aurora && (\n <div className=\"token-widget\">\n <h3 className=\"token-widget-label\">\n Aurora Chain\n <a\n href={`https://explorer.aurora.dev/address/${tokenInfo.address.aurora}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"text-gray ml-2\"\n title=\"Aurorascan Explorer\"\n >\n ↗\n </a>\n </h3>\n <div className=\"token-widget-value\">\n {tokenInfo.address.aurora}\n </div>\n </div>\n )}\n\n {tokenInfo.address.ethereum && (\n <div className=\"token-widget\">\n <h3 className=\"token-widget-label\">\n Ethereum\n <a\n href={`https://etherscan.io/address/${tokenInfo.address.ethereum}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"text-gray ml-2\"\n title=\"Etherscan\"\n >\n ↗\n </a>\n </h3>\n <div className=\"token-widget-value\">\n {tokenInfo.address.ethereum}\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n\n {project.profile.linktree.twitter && (\n <div className=\"near-content\">\n <div className=\"content-widget twitter-widget\">\n {\n <h2 className=\"content-title\">\n <a\n href={project.profile.linktree.twitter}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n title=\"Twitter\"\n >\n <i class=\"bi bi-twitter-x\"></i>\n {project.profile.name} Twitter\n </a>\n </h2>\n }\n <div className=\"twitter-content embed-responsive embed-responsive-4by3\">\n <small>\n <i>Open link in new tab with right click or hold</i>{\" \"}\n </small>\n <iframe\n style={{ minHeight: \"500px\", width: \"103%\" }}\n srcDoc={twtIframe}\n className=\"embed-responsive-item\"\n />\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n </Css>\n);\n" } } } } }