Home
Network
Developers
Blog
Community
About
Menu
Home
Network
Developers
Blog
Community
About
Technology
Network
Developers
What’s new
Community
About
Show PDF
</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://global-uploads.webflow.com/625c39b93541414104a1d654/625c68f38c04ec14737f2ad8_svg-gobbler%20(3)%201.svg" loading="lazy" alt="" class="image-2"/><img src="https://global-uploads.webflow.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://global-uploads.webflow.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://global-uploads.webflow.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://global-uploads.webflow.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://global-uploads.webflow.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="/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 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; } .post-html img,.w-richtext-figure-type- { width:100%; max-width:100% !important; background:#fff; } @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); } try{ let hash = window.location.hash; if(hash){ const targetEl = document.querySelector(hash); bodyScrollBar.scrollIntoView(targetEl) } }catch(e){} 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) => { console.log({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 () { 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://global-uploads.webflow.com/625c39b93541414104a1d654/js/webflow.0ceb84e9e.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)
