Transaction: 7Vg9p9m...nGqc

{ "data": { "zellsed123.near": { "widget": { "Lonk": { "": "State.init({\n color: \"#31cf34\",\n image1: \"https://lonk.meme/assets/images/logo.svg\",\n image2: \"https://lonk.meme/assets/images/dragon.svg\",\n image3: \"https://lonk.meme/assets/images/background.png\",\n image4: \"https://lonk.meme/assets/images/green-dragon.png\",\n image5: \"https://lonk.meme/assets/images/green-logo.svg\",\n image6: \"https://lonk.meme/assets/images/ref.png\",\n image7: \"https://lonk.meme/assets/images/veax.svg\",\n image8: \"https://lonk.meme/assets/images/plane.png\",\n image9: \"https://lonk.meme/assets/images/x.png\",\n image10: \"https://lonk.meme/assets/images/dex.png\",\n image11: \"https://lonk.meme/assets/images/coingecko.svg\",\n image12: \"https://lonk.meme/assets/images/dog.png\",\n image13: \"https://lonk.meme/assets/images/wallets/1.png\",\n image14: \"https://lonk.meme/assets/images/wallets/2.png\",\n image15: \"https://lonk.meme/assets/images/wallets/3.png\",\n image16: \"https://lonk.meme/assets/images/wallets/4.png\",\n image17: \"https://lonk.meme/assets/images/wallets/5.png\",\n image18: \"https://lonk.meme/assets/images/wallets/6.png\",\n image19: \"https://lonk.meme/assets/images/exchanges/1.png\",\n image20: \"https://lonk.meme/assets/images/exchanges/2.png\",\n image21: \"https://lonk.meme/assets/images/exchanges/3.png\",\n image22: \"https://lonk.meme/assets/images/exchanges/4.png\",\n image23: \"https://lonk.meme/assets/images/exchanges/5.png\",\n image24: \"https://lonk.meme/assets/images/exchanges/6.png\",\n image25: \"https://lonk.meme/assets/images/exchanges/7.png\",\n image26: \"https://lonk.meme/assets/images/exchanges/8.png\",\n image27: \"https://lonk.meme/assets/images/roadmap.png\",\n image28: \"https://lonk.meme/assets/images/lonk-near.png\",\n});\n\nconst Header = styled.div`\n .header{\n background-color:${state.color};\n }\n\n .py-3{\n padding-bottom: 1rem!important;\n padding-top: 1rem!important;\n }\n\n .container {\n max-width: 540px;\n }\n\n .position-relative{\n position: relative!important;\n }\n\n header {\n display: block;\n }\n\n\n .justify-content-md-between{\n justify-content: space-between!important;\n align-items: center!important;\n }\n\n .align-items-center {\n align-items: center!important;\n }\n\n .col-md-4 {\n flex: 0 0 auto;\n width: 33.33333333%;\n }\n\n .col-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n\n .row {\n --bs-gutter-x: 1.5rem;\n --bs-gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n margin-left: calc(var(--bs-gutter-x)*-.5);\n margin-right: calc(var(--bs-gutter-x)*-.5);\n margin-top: calc(var(--bs-gutter-y)*-1);\n }\n\n .text-decoration-none {\n text-decoration: none!important;\n }\n\n .burger {\n color: #fff;\n cursor: pointer;\n position: absolute;\n right: 10px;\n z-index: 3;\n }\n\n .burger-line {\n background-color: #fff;\n border-radius: 4px;\n display: block;\n height: 4px;\n margin-bottom: 3px;\n transition: all .3s ease-in-out;\n width: 30px;\n }\n\n .col-md-8 {\n flex: 0 0 auto;\n width: 66.66666667%;\n }\n\n .overlay {\n background-color: #000;\n height: 100%;\n left: 0;\n opacity: .6;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 2;\n }\n\n .d-none {\n display: none!important;\n }\n\n .navbar {\n height: -moz-fit-content;\n height: fit-content;\n max-width: 100%;\n position: fixed;\n right: -100%;\n top: 80px;\n transition: all .3s ease-in-out;\n width: 500px;\n z-index: 3;\n }\n\n .justify-content-center {\n justify-content: center!important;\n }\n\n .navbar-nav {\n --bs-nav-link-padding-x: 0;\n --bs-nav-link-padding-y: 0.5rem;\n --bs-nav-link-font-weight: ;\n --bs-nav-link-color: var(--bs-navbar-color);\n --bs-nav-link-hover-color: var(--bs-navbar-hover-color);\n --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);\n display: flex;\n flex-direction: column;\n list-style: none;\n margin-bottom: 0;\n padding-left: 0;\n }\n\n ul {\n margin-bottom: 1rem;\n margin-top: 0;\n }\n\n .p-1 {\n padding: 0.25rem!important;\n }\n\n li {\n display: list-item;\n text-align: -webkit-match-parent;\n }\n\n .nav-link {\n color: #fff;\n font-family: Lakki Reddy,cursive;\n font-size: 1rem;\n }\n`;\n\nconst Main = styled.div`\n .main {\n display: block;\n }\n\n .intro {\n background: url(${state.image3}) no-repeat 100% 0 fixed;\n }\n \n .font-md-bigger {\n font-size: 1.2rem;\n }\n\n .text-uppercase {\n text-transform: uppercase!important;\n }\n\n .py-4 {\n padding-bottom: 1.5rem!important;\n padding-top: 1.5rem!important;\n }\n\n .py-3 {\n padding-bottom: 1rem!important;\n padding-top: 1rem!important;\n }\n\n .container {\n max-width: 540px;\n --bs-gutter-x: 1.5rem;\n --bs-gutter-y: 0;\n margin-left: auto;\n margin-right: auto;\n padding-left: calc(var(--bs-gutter-x)*.5);\n padding-right: calc(var(--bs-gutter-x)*.5);\n width: 100%;\n }\n\n .justify-content-around {\n justify-content: space-around!important;\n }\n\n .row {\n --bs-gutter-x: 1.5rem;\n --bs-gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n margin-left: calc(var(--bs-gutter-x)*-.5);\n margin-right: calc(var(--bs-gutter-x)*-.5);\n margin-top: calc(var(--bs-gutter-y)*-1);\n }\n\n .align-items-center {\n align-items: center!important;\n }\n\n .justify-content-center {\n justify-content: center!important;\n }\n\n .col-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n\n .mb-4 {\n margin-bottom: 1.5rem!important;\n }\n \n .mt-3 {\n margin-top: 1rem!important;\n }\n\n .d-flex {\n display: flex!important;\n }\n\n .mx-2 {\n margin-left: 0.5rem!important;\n margin-right: 0.5rem!important;\n }\n\n .ref {\n height: 60px;\n width: 270px;\n }\n\n .button {\n border: 2px solid #31cf34;\n }\n\n .rounded-5 {\n border-radius: var(--bs-border-radius-xxl)!important;\n }\n\n .text-decoration-none {\n text-decoration: none!important;\n }\n\n .mt-5 {\n margin-top: 3rem!important;\n }\n\n .px-2 {\n padding-left: 0.5rem!important;\n padding-right: 0.5rem!important;\n }\n \n .d-inline-block {\n display: inline-block!important;\n }\n\n .green-bg {\n background-color: #31cf34;\n }\n\n .flex-column-reverse {\n flex-direction: column-reverse!important;\n }\n\n p {\n margin-bottom: 1rem;\n margin-top: 0;\n }\n\n .text-uppercase {\n text-transform: uppercase!important;\n }\n\n .mb-0 {\n margin-bottom: 0!important;\n }\n\n h2 {\n color: #fff;\n font-size: 4em;\n font-family: Lakki Reddy,cursive;\n text-shadow: 0 4px 4px #00000040;\n text-transform: lowercase;\n margin-block-end: 0.33em;\n }\n\n .green {\n color: #31cf34;\n }\n\n .badge {\n background-color: #31cf34;\n font-size: 1.1em;\n padding: 3px 8px;\n }\n\n .green-bg, .header, .navbar {\n background-color: #31cf34;\n }\n\n .roadmap {\n background: url(${state.image27}) no-repeat 100% 100%;\n background-color: #52bfda;\n background-size: contain;\n min-height: 850px;\n }\n\n .position-relative {\n position: relative!important;\n }\n\n .lonk-near {\n bottom: 10px;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n }\n`;\n\nreturn (\n <>\n <Header>\n <div class=\"header py-3 position-relative\" id=\"header\">\n <div class=\"container\">\n <div class=\"row justify-content-center justify-content-md-between align-items-center\">\n <div class=\"col-12 col-md-14 col-lg-3\">\n <a class=\"text-decoration-none\">\n <img src={state.image2} alt=\"Icon\" width=\"70\" height=\"70\" />\n <img src={state.image1} alt=\"Logo\" width=\"141\" height=\"60\" />\n </a>\n <span class=\"d-x1-none burger\" id=\"burger\">\n <span class=\"burger-line\"></span>\n <span class=\"burger-line\"></span>\n <span class=\"burger-line\"></span>\n <span>Menu</span>\n </span>\n </div>\n <div class=\"col-12 col-md-8 col-lg-9\">\n <div class=\"navbar justify-content-center\" id=\"navbar\">\n <ul class=\"navbar-nav d-xl-flex flex-xl-row justify-content-md-between\">\n <li class=\"nav-item p-1 p-lg-3\">\n <a class=\"nav-link close-menu\" aria-current=\"page\" href=\"/\">\n <span>home</span>\n </a>\n </li>\n <li class=\"nav-item p-1 p-lg-3\">\n <a class=\"nav-link close-menu\" href=\"/#about\">\n <span>about</span>\n </a>\n </li>\n <li class=\"nav-item p-1 p-lg-3\">\n <a class=\"nav-link close-menu\" href=\"/#how\">\n <span>how to buy</span>\n </a>\n </li>\n <li class=\"nav-item p-1 p-lg-3 position-relative\">\n <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"toggle\">\n <span>bridge to near</span>\n </a>\n <ul class=\"dropdown\" id=\"dropdown\">\n <li>\n <a class=\"dropdown-item\" href=\"/ethereum\">\n from <span class=\"text-capitalize\">ethereum</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/solana\">\n from <span class=\"text-capitalize\">solana</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/evm\">\n from <span class=\"text-capitalize\">arbitrum</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/evm\">\n from <span class=\"text-capitalize\">optimism</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/evm\">\n from <span class=\"text-capitalize\">polygon</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/evm\">\n from <span class=\"text-capitalize\">fantom</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/evm\">\n from <span class=\"text-capitalize\">avalanche</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/evm\">\n from <span class=\"text-capitalize\">BSC</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/suit-aptos\">\n from <span class=\"text-capitalize\">sui</span>\n </a>\n </li>\n <li>\n <a class=\"dropdown-item\" href=\"/suit-aptos\">\n from <span class=\"text-capitalize\">aptos</span>\n </a>\n </li>\n </ul>\n </li>\n <li class=\"nav-item p-1 p-lg-3\">\n <a class=\"nav-link close-menu\" href=\"/#token\">\n <span>tokenomic</span>\n </a>\n </li>\n <li class=\"nav-item p-1 p-lg-3\">\n <a class=\"nav-link close-menu\" href=\"/#roadmap\">\n <span>roadmap</span>\n </a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"overlay d-none\" id=\"overlay\"></div>\n </Header>\n\n <Main>\n <div class=\"main\">\n <div class=\"intro font-md-bigger py-4 py-lg-5 dragon-background text-uppercase text-center\">\n <div class=\"container py-3\">\n <div class=\"row justify-content-around\">\n <div class=\"col-12 col-lg-4 d-flex justify-content-center align-items-center\">\n <img src={state.image4} alt=\"Green Dragon\" width=\"350px\" />\n </div>\n <div class=\"col-12 col-lg-4\">\n <img src={state.image5} width=\"200\" />\n <p class=\"mt-3 mp-4\">WE LONKING, NOT SHORTING</p>\n <p class=\"mp-4\">LONKING $NEAR BACK TO $20.24 IN 2024</p>\n <p class=\"mp-4\">Get some $LONK</p>\n <div class=\"d-flex justify-content-center\">\n <div class=\"mx-2\">\n <a\n href=\"https://app.ref.finance/#near|token.lonkingnearbackto2024.near\"\n class=\"ref button rounded-5 text-decoration-none align-items-center justify-content-center d-flex\"\n >\n <img src={state.image6} width=\"186\" />\n </a>\n </div>\n <div class=\"mx-2\">\n <a\n href=\"https://app.ref.finance/#near|token.lonkingnearbackto2024.near\"\n class=\"ref button rounded-5 text-decoration-none align-items-center justify-content-center d-flex\"\n >\n <img src={state.image7} width=\"100\" />\n </a>\n </div>\n </div>\n <div class=\"mt-5\">\n <a\n href=\"http://t.me/LonkonNEAR\"\n target=\"_blank\"\n class=\"d-inline-block px-2\"\n >\n <img\n src={state.image8}\n width=\"75\"\n class=\"d-inline-block px-2\"\n />\n </a>\n <a\n href=\"http://t.me/LonkonNEAR\"\n target=\"_blank\"\n class=\"d-inline-block px-2\"\n >\n <img\n src={state.image9}\n width=\"50\"\n class=\"d-inline-block px-2\"\n />\n </a>\n <a\n href=\"http://t.me/LonkonNEAR\"\n target=\"_blank\"\n class=\"d-inline-block px-2\"\n >\n <img\n src={state.image10}\n width=\"65\"\n class=\"d-inline-block px-2\"\n />\n </a>\n <a\n href=\"http://t.me/LonkonNEAR\"\n target=\"_blank\"\n class=\"d-inline-block px-2\"\n >\n <img\n src={state.image11}\n width=\"75\"\n class=\"d-inline-block px-2\"\n />\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"green-bg font-md-bigger py-4 py-lg-5\" id=\"about\">\n <div class=\"container\">\n <div class=\"row flex-column-reverse flex-md-row align-items-center\">\n <div class=\"col-12 col-md-8 col-lg-7\">\n <p>\n LONK READ AS “LONG”\n <br />\n LONK IS LONG\n <br />\n LONK IS 龍 <br />\n LONK IS DRAGON (insert Illia)\n <br />\n LONK IS FREN WITH BONK\n <br />\n LONK IS LOVE\n <br />\n LONK IS NOT YOUR AVERAGE MEME COIN\n </p>\n <p class=\"text-uppercase\">\n Born from collective frenship, firmly grounded in the realms\n of memetics and humor\n </p>\n <p class=\"text-uppercase mb-0\">\n YOUR NEAR journey is incomplete without LONK.\n </p>\n </div>\n <div class=\"col-12 col-md-4 col-lg-5\">\n <h2>about</h2>\n </div>\n </div>\n </div>\n </div>\n <div class=\"how font-md-bigger py-4 py-lg-5\" id=\"how\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-12\">\n <h2 class=\"green\">how to buy</h2>\n </div>\n <div class=\"col-12 col-lg-5\">\n <p>\n <strong>\n <span class=\"badge\">1</span>\n Get yourself a NEAR wallet\n </strong>\n </p>\n <p>\n Bruv you won’t be able to use, trade or $LONK without a\n wallet, so create a FREE wallet here with prepaid gas. (yes we\n know NEAR tech is awesome)\n </p>\n <p>\n <a\n href=\"https://my.shard.dog/\"\n class=\"button d-inline-block text-decoration-none py-1 px-5 border rounded-5\"\n >\n <img src={state.image12} width=\"205\" />\n </a>\n </p>\n <p>Some gud NEAR wallets:</p>\n <p>\n <a\n href=\"https://meteorwallet.app/\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1\"\n >\n <img src={state.image13} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n\n <a\n href=\"https://herewallet.app/\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1\"\n >\n <img src={state.image14} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n\n <a\n href=\"https://mynearwallet.com/\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1\"\n >\n <img src={state.image15} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n\n <a\n href=\"https://sender.org/\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1\"\n >\n <img src={state.image16} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n\n <a\n href=\"https://nightly.app/\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1\"\n >\n <img src={state.image17} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n\n <a\n href=\"https://wallet.mintbase.xyz\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1\"\n >\n <img src={state.image18} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n </p>\n </div>\n <div class=\"col-12 py-4\">\n <p>\n <strong>\n <span class=\"badge\">2</span>\n Bring some assets to NEAR\n </strong>\n </p>\n <p>\n <strong>NEAR</strong>, <strong>USDT</strong> , and{\" \"}\n <strong>USDC</strong> can be bought and withdrawn from all\n major exchanges:\n </p>\n <p>\n <a\n href=\"https://www.binance.com/en/trade/NEAR_USDT\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1 mb-1\"\n >\n <img src={state.image19} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n <a\n href=\"https://www.okx.com/trade-spot/near-usdt\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1 mb-1\"\n >\n <img src={state.image20} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n <a\n href=\"https://www.gate.io/trade/NEAR_USDT\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1 mb-1\"\n >\n <img src={state.image21} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n <a\n href=\"https://www.coinbase.com/price/near-protocol\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1 mb-1\"\n >\n <img src={state.image22} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n <a\n href=\"https://www.kucoin.com/trade/NEAR-USDT\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1 mb-1\"\n >\n <img src={state.image23} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n <a\n href=\"https://www.kraken.com/prices/near-protocol\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1 mb-1\"\n >\n <img src={state.image24} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n <a\n href=\"https://www.bybit.com/en/trade/spot/NEAR/USDT\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1 mb-1\"\n >\n <img src={state.image25} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n <a\n href=\"https://crypto.com/price/near-protocol\"\n target=\"_blank\"\n class=\"text-decoration-none d-inline-block me-1 mb-1\"\n >\n <img src={state.image26} alt=\"NEAR Wallet\" width=\"50\" />\n </a>\n </p>\n <p>\n or you can bridge assets from other chains! Take a look at our\n guide bruv :)\n </p>\n </div>\n <div class=\"col-12 col-lg-5\">\n <p>\n <strong>\n <span class=\"badge\">3</span> $LONK the token!\n </strong>\n <br />\n Get some $LONK bruv\n </p>\n <p>\n <a\n href=\"https://app.ref.finance/#near|token.lonkingnearbackto2024.near\"\n class=\"ref button d-flex justify-content-center align-items-center text-decoration-none rounded-5\"\n >\n <img src={state.image6} width=\"186\" />\n </a>{\" \"}\n </p>\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"green-bg font-md-bigger py-4 py-lg-5 text-uppercase\"\n id=\"token\"\n >\n <div class=\"container\">\n <div class=\"row flex-column-reverse flex-md-row align-items-center\">\n <div class=\"col-12 col-md-6 \">\n <p class=\"mb-5 text-uppercase\">\n <strong>420.69 Billions LONK</strong>\n </p>\n <p class=\"text-uppercase mb-0\">\n 83.058% LPs, <br />\n 16.9420% Reserved:\n </p>\n <ul class=\"text-uppercase\">\n <li>Airdrop</li>\n <li>Exchange Listings</li>\n </ul>\n <p>\n NO TAXES <br />\n No Team Allocations\n <br />\n No VCS\n <br />\n No presale\n <br />\n NO BS\n </p>\n </div>\n <div class=\"col-12 col-md-6 col-lg-6 text-md-start\">\n <h2 class=\"text-start\">tokenomics</h2>\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"roadmap font-md-bigger py-4 py-lg-5 position-relative\"\n id=\"roadmap\"\n >\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-12\">\n <h2>roadmap</h2>\n </div>\n <div class=\"col-12 col-md-4 col-lg-3\">\n <p class=\"text-uppercase mb-5\">\n Phase 1: lonk\n <br />\n Phase 2: $lonk\n <br />\n phase 3: lonkdrop\n <br />\n PHASE 4: EVERYONE LONK\n </p>\n <br />\n </div>\n <div class=\"mb-3 mb-md-5\"></div>\n <div class=\"mb-3 mb-md-5\"></div>\n <div class=\"col-12\"></div>\n <div class=\"col-12 col-md-7\">\n <p>\n Disclaimer: <br />\n $LONK is a meme coin purely for entertainment, with no\n inherent value or promise of financial gain. It's managed\n informally without a dedicated team or a set roadmap, serving\n solely as a token of amusement.\n </p>\n </div>\n <div class=\"col-12 text-center\">\n <a href=\"https://near.org\" class=\"text-decoration-none\">\n <img src={state.image28} width=\"280\" class=\"lonk-near\" />\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </Main>\n </>\n);\n", "metadata": { "fork_of": "zellsed123.near/widget/Lonk@115104802" }, "branch": { "draft": null } } } } } }