NFTrade
Live on SKALE
with Zero Gas Fees!
Home
Network
Stats
Token
Developers
Validators
Grants
Blog
Community
About
Menu
Home
Network
Stats
Token
Developers
Validators
Blog
Community
About
Technology
Network
Developers
What’s new
Community
About
</div></div><div class="footer"><div class="container footer-container"><div class="columns-5 footer-newsletter-container w-row"><div class="footer-newsletter w-col w-col-5 w-col-stack"><div class="newsletter-container"><img src="https://assets-global.website-files.com/625c39b93541414104a1d654/625c68f38c04ec14737f2ad8_svg-gobbler%20(3)%201.svg" loading="lazy" alt="" class="image-2"/><img src="https://assets-global.website-files.com/625c39b93541414104a1d654/6273771b96d609382b8ce8d3_small-logo.png" loading="lazy" alt="" class="image-2 small"/><ul role="list" class="list-2 left-list w-list-unstyled"><li><a href="https://github.com/skalenetwork" target="_blank" class="w-inline-block"><img src="https://assets-global.website-files.com/625c39b93541414104a1d654/625c8d419181da2418a66b2d_github.svg" loading="lazy" alt="" class="image-3"/></a></li><li><a href="http://skale.chat/" target="_blank" class="w-inline-block"><img src="https://assets-global.website-files.com/625c39b93541414104a1d654/625c8d4290b5f0189929d637_discord.svg" loading="lazy" alt="" class="image-3"/></a></li><li><a href="https://twitter.com/SkaleNetwork" target="_blank" class="w-inline-block"><img src="https://assets-global.website-files.com/625c39b93541414104a1d654/625c8d416d89770f92cd01e2_twitter.svg" loading="lazy" alt="" class="image-3"/></a></li><li><div data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx" data-tf-popup="sd38Fy" data-tf-iframe-props="title=Contact Us Form" data-tf-medium="snippet" class="div-block-94"><img src="https://assets-global.website-files.com/625c39b93541414104a1d654/6294b5a90a9ffe8e79e52115_Group%2037323.svg" loading="lazy" alt="" class="image-3"/></div></li></ul></div></div><div class="column-23 footer-newsletter w-col w-col-7 w-col-stack"><h5 class="heading-4 footer-newsletter">Subscribe to the SKALE newsletter</h5><div class="form-block-2 hide w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get"><div class="div-block-41"><input type="email" class="text-field-2 footer-newsletter-input w-input" maxlength="256" name="email-2" data-name="Email 2" placeholder="Type your email address" id="email-2" required=""/><a href="#" class="button-3 newsletter-btn footer-newsletter-btn w-button">Sign up</a></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><div class="flex-row align-start"><div class="flex-grow"><div class="w-embed w-iframe w-script"><script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js" ></script> <script> console.log(hbspt.forms); hbspt.forms.create({ region: "na1", portalId: "4437116", formId: "4e642acf-742d-43dc-be56-3ab6f8ba14e6", }); window.addEventListener("message", (event) => { if ( event.data.type === "hsFormCallback" && event.data.eventName === "onFormReady" ) { console.log("Form Ready!"); let new_style_element = ` <style> .hs-input{ background: rgba(239, 239, 239, 0.2) !important; border-radius: 8px !important; padding:24px !important; height:56px !important; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important; line-height: 98.7% !important; color: #FFFFFF !important; border: 0px !important; } .hs-input:placeholder{ color: #FFFFFF !important; } .hs-error-msgs{ margin-top:16px !important; } .hs_email label{ display : none !important; } .hs_email label.hs-error-msg{ display : block !important; } .hs-form.stacked{ display : flex !important; width : 100% !important; gap : 8px !important; } .hs_email.hs-email{ flex-grow: 1 !important; } .actions{ margin-top:0px !important; margin-bottom:0px !important; padding:0px !important; } .actions input{ background: #FFFFFF !important; border-radius: 8px !important; height:56px !important; border: 0px !important; font-style: normal !important; font-weight: 600 !important; font-size: 16px !important; line-height: 98.7% !important; color: #191919 !important; } .submitted-message hs-main-font-element{ color: #FFFFFF !important; } @media (max-width: 320px) { .hs-form.stacked{ gap: 0px !important; flex-direction: column !important;; } .actions input{ width:100% !important; } } </style> `; let iframe_documents = document.querySelectorAll(".hs-form-iframe") for (let i = 0; i < iframe_documents.length; i++) { let iframe_document = iframe_documents[i]; iframe_document = iframe_document.contentDocument; iframe_document.head.innerHTML += new_style_element; iframe_document .querySelector(".hs-input") .setAttribute("placeholder", "Type your email address"); } } }); </script></div></div></div></div></div><div class="columns-17 w-row"><div class="column-30 w-col w-col-5 w-col-stack"><h6 class="heading-6 main-copyright">© 2018–2022 N.O.D.E. Anstalt</h6></div><div class="column-41 w-col w-col-7 w-col-stack"><div class="flex-row footer-nav-container"><a href="/network" class="link-block-4 w-inline-block"><h6 class="heading-7 footer-link-title">Network</h6></a><a href="/stats" aria-current="page" class="link-block-4 w-inline-block w--current"><h6 class="heading-7 footer-link-title">Stats</h6></a><a href="/developers" class="link-block-6 w-inline-block"><h6 class="heading-7 footer-link-title">Developers</h6></a><a href="https://skale.network/blog/" class="link-block-6 w-inline-block"><h6 class="heading-7 footer-link-title">Blog</h6></a><a href="/community" class="link-block-7 w-inline-block"><h6 class="heading-7 footer-link-title">Community</h6></a><a href="/about" class="link-block-8 w-inline-block"><h6 class="heading-7 footer-link-title">About</h6></a><a href="https://skale.space/security" class="link-block-6 w-inline-block"><h6 class="heading-7 footer-link-title">Security</h6></a></div></div></div></div><div class="w-embed"><style> .banner-text a{ display: inline; } .banner-text p{ margin-bottom: 0; } .w-richtext-figure-type- { width:100%; max-width:100% !important; } .post-html img { width:100%; max-width:100% !important; background:#fff; } .post-html a{ color : white !important; display : inline; } .post-html p{ font-weight: 400; font-size: 16px; line-height: 32px; color: #AFAFAF; } .post-html a:hover{ color : white !important; opacity : 0.7; } .w-richtext-figure-type- { padding: 0 !important; } .w-richtext-figure-type- div{ line-height: 0px !important; } .w-richtext-figure-type- iframe{ width: 100% !important;; height: 70vh !important;; } .post-html .w-iframe iframe{ width: 100% !important; } </style></div><div class="w-embed w-script"><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/EasePack.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollToPlugin.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js"></script> <script src="https://unpkg.com/smooth-scrollbar@latest/dist/smooth-scrollbar.js"></script> <style> html { overflow-x: hidden; } .smooth-scroll{ perspective : 1px; overflow-y : hidden !important; } .square{ aspect-ratio : 1; } .faq-content a{ color : white !important; text-decoration:under-line; display:inline-block !important; } .div-block{ background-color: #000; } @media (max-width: 767px) { .mobile-grid-h-scroll,.mobile-h-scroll div[role="list"]{ display:flex; overflow-x:auto; } } </style> <script charset="utf-8"> function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } let markers = false; let scrollbar = document.querySelector(".main-scrollbar") let bodyScrollBar = Scrollbar.init(scrollbar, { damping: 0.1, delegateTo: document }); bodyScrollBar.setPosition(0, 0); bodyScrollBar.track.xAxis.element.remove(); const perfEntries = performance.getEntriesByType('navigation'); if (perfEntries.length && perfEntries[0].type === 'back_forward') { let lastY = getCookie("scroll-y-"+window.location.pathname) bodyScrollBar.setPosition(0, lastY ? lastY : 0); } ScrollTrigger.scrollerProxy(scrollbar, { scrollTop(value) { if (arguments.length) { bodyScrollBar.scrollTop = value; } return bodyScrollBar.scrollTop; } }); const saveLastPos = (e) => { let y = e.offset.y; document.cookie = `scroll-y-${window.location.pathname}=${y}`; } bodyScrollBar.addListener((e) => {saveLastPos(e);ScrollTrigger.update(e)}); document.querySelectorAll("a[href]").forEach((el) => { try{ let target = el.getAttribute("href"); if(target.includes("/")){ target = target.split("/"); target = target[target.length - 1]; } const targetEl = document.querySelector(target); el.addEventListener("click", (e) => { if(targetEl){ e.preventDefault(); bodyScrollBar.scrollIntoView(targetEl) } }); }catch(e){ } }); const horizontalSections = gsap.utils.toArray('section.horizontal') horizontalSections.forEach(function (sec, i) { var thisPinWrap = sec.querySelector('.pin-wrap'); var thisAnimWrap = thisPinWrap.querySelector('.animation-wrap'); var getToValue = () => -(thisAnimWrap.scrollWidth - window.innerWidth); gsap.fromTo(thisAnimWrap, { x: () => thisAnimWrap.classList.contains('to-right') ? 0 : getToValue() }, { x: () => thisAnimWrap.classList.contains('to-right') ? getToValue() : 0, ease: "none", scrollTrigger: { trigger: sec, scroller: scrollbar, // neccessary setting for smooth-scrollbar on body pinType: 'transform', // neccessary setting for smooth-scrollbar on body start: "top top", end: () => "+=" + thisAnimWrap.scrollWidth, pin: thisPinWrap, invalidateOnRefresh: true, anticipatePin: 1, scrub: true, //markers: true, } }); }); // This part is only necessary if you're using ScrollTrigger's markers: if (document.querySelector('.gsap-marker-scroller-start')) { const markers = gsap.utils.toArray('[class *= "gsap-marker"]'); bodyScrollBar.addListener(({ offset }) => gsap.set(markers, { marginTop: -offset.y })); } // End section necessary only if you're using ScrollTrigger's markers let stickyContainer = document.querySelector(".sticky-container"); var end = 0; if (stickyContainer) { let stickyEl = document.querySelector(".sticky"); let stickyContainerHeight = stickyContainer.offsetHeight; end = stickyContainerHeight - stickyEl.offsetHeight + ""; console.log("end", end); } window.addEventListener("resize", () => { if (window.offsetWidth <= 992) { if (stickyContainer) { gsap.set(".sticky", { y: 0, }); } } }); ScrollTrigger.matchMedia({ "(max-width: 992px)": () => { if (stickyContainer) { gsap.set(".sticky", { y: 0, }); } }, "(min-width: 992px)": () => { if (stickyContainer) { let sticky_y_offset = document.querySelector(".sticky"); if (sticky_y_offset.getAttribute("data-y-offset")) { gsap.set(".sticky", { y: sticky_y_offset.getAttribute("data-y-offset"), }); } gsap.to(".sticky-container", { scrollTrigger: { scroller:scrollbar, scrub: true, trigger: ".sticky", pin: ".sticky", // anticipatePin: 1, start: "top top", end: end, }, ease: "none", }); } if (document.querySelector(".build-skale-logo")) { gsap.set(".build-skale-logo", { y: 300, }); gsap.to(".build-skale-logo", { scrollTrigger: { scroller:scrollbar, scrub: true, trigger: ".build-on-skale-container", // anticipatePin: 1, start: "top bottom", end: "bottom top", //markers:true, }, y: -200, }); } if (document.querySelector(".rotate-newslatter-img")) { gsap.to(".rotate-newslatter-img", { scrollTrigger: { scroller:scrollbar, scrub: true, trigger: ".news-latter-container", // anticipatePin: 1, start: "top bottom", end: "bottom top", //markers:true, }, rotate: -100, }); } if (document.querySelector(".validators-container")) { gsap.to(".validator-marqeu", { scrollTrigger: { scroller:scrollbar, scrub: true, trigger: ".validators-container", // anticipatePin: 1, start: "-=300 bottom", end: "bottom top", //markers:true, }, x: -300, }); } if (document.querySelector(".validators-icon-container")) { gsap.to(".validators-icon-right-slide", { scrollTrigger: { scroller:scrollbar, scrub: true, trigger: ".validators-icon-container", // anticipatePin: 1, start: "-=300 bottom", end: "bottom top", //markers:true, }, x: -300, }); gsap.to(".validators-icon-left-slide", { scrollTrigger: { scroller:scrollbar, scrub: true, trigger: ".validators-icon-container", // anticipatePin: 1, start: "-=300 bottom", end: "bottom top", //markers:true, }, x: 300, }); } if (document.querySelector(".skale-stats-container")) { gsap.to(".skale-stats-left-logo", { scrollTrigger: { scroller:scrollbar, scrub: true, trigger: ".skale-stats-container", // anticipatePin: 1, start: "top bottom", end: "bottom top", //markers:true, }, rotate: -100, }); gsap.to(".skale-stats-right-logo", { scrollTrigger: { scroller:scrollbar, scrub: true, trigger: ".skale-stats-container", // anticipatePin: 1, start: "top bottom", end: "bottom top", //markers:true, }, rotate: 150, }); } let all_down_paralexes = document.querySelectorAll("[paralex-down-min]"); all_down_paralexes.forEach((el) => { gsap.to(el, { scrollTrigger: { scroller: scrollbar, scrub: true, trigger: el.parentNode, // anticipatePin: 1, start: el.getAttribute("paralex-start") ? el.getAttribute("paralex-start") : "top bottom", end: el.getAttribute("paralex-end") ? el.getAttribute("paralex-end") : "bottom top", markers: markers, y: el.getAttribute("paralex-down-max"), }, y: el.getAttribute("paralex-down-min"), }); }); let all_left_paralexes = document.querySelectorAll("[paralex-left-min]"); all_left_paralexes.forEach((el) => { gsap.to(el, { scrollTrigger: { scroller: scrollbar, scrub: true, trigger: el.parentNode, // anticipatePin: 1, start: el.getAttribute("paralex-start") ? el.getAttribute("paralex-start") : "top bottom", end: el.getAttribute("paralex-end") ? el.getAttribute("paralex-end") : "bottom top", markers: markers, x: el.getAttribute("paralex-left-max"), }, x: el.getAttribute("paralex-left-min"), }); }); }, }); if (document.querySelector(".scroll-down-btn")) { document.querySelector(".scroll-down-btn").addEventListener("click", () => { let gasless = document.querySelector("#gasless"); // locoScroll.scrollTo(gasless); }); } window.onload = function () { try{ let hash = window.location.hash; if(hash){ const targetEl = document.querySelector(hash); bodyScrollBar.scrollIntoView(targetEl) } }catch(e){} let is_edit_mode = Webflow.env("editor") != undefined; if (is_edit_mode) { } else { } }; </script></div><div class="w-embed w-script"><script> const HScrollFix = (query) => { const el = document.querySelector(query); if(!el) return; let old_x = 0; let old_y = 0; el.addEventListener("touchstart", (e) => { var touch = e.touches[0]; old_x = touch.clientX; old_y = touch.clientY; }); el.addEventListener("touchmove", (e) => { var touch = e.touches[0]; let x = touch.clientX; let y = touch.clientY; let dx = Math.abs(x - old_x); let dy = Math.abs(y - old_y); if (dy < dx) { e.stopPropagation(); } }); }; HScrollFix(`.mobile-grid-h-scroll`) HScrollFix(`.mobile-h-scroll div[role="list"]`); </script></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=625c39b93541414104a1d654" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://assets-global.website-files.com/625c39b93541414104a1d654/js/skaleverse.d9a108b94.js" type="text/javascript"></script><!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]--><!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MLLGNWD" height="0" width="0" style="display:none;visibility:hidden">
%201.svg)
