SKALE Swell. Explore the ecosystem. Earn rewards. Become Crypto-native.
Swell is Now LIVE! Ride The Wave, Win Rewards.
Home
Network
Stats
Ecosystem
Token
Developers
Grants
Validators
Blog
Community
About
Menu
Home
Network
Stats
Ecosystem
Token
Developers
Grants
Validators
Blog
Community
About
SKALE Swell. Explore the ecosystem. Earn rewards. Become Crypto-native.
SKALE Swell. Explore the ecosystem. Earn rewards. Become Crypto-native.
Swell is Now LIVE! Ride The Wave, Win Rewards.
Home
Network
Stats
Ecosystem
Token
Developers
Grants
Validators
Blog
Community
About
Menu
Home
Network
Stats
Ecosystem
Token
Developers
Grants
Validators
Blog
Community
About
SKALE Swell. Explore the ecosystem. Earn rewards. Become Crypto-native.
</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"><a href="/" class="footer-logo_link w-inline-block"><img src="https://cdn.prod.website-files.com/625c39b93541414104a1d654/66221a808e7f4596315967c6_skale-logo-white-cropped.webp" loading="lazy" width="190" height="50" alt="Skale Space Brand Logo" class="image-2 bottom-logo"/></a><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://cdn.prod.website-files.com/625c39b93541414104a1d654/625c8d419181da2418a66b2d_github.svg" loading="lazy" width="32" height="32" alt="Github Social Icon" class="image-3"/></a></li><li><a href="https://discord.com/invite/gM5XBy6" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/625c39b93541414104a1d654/625c8d4290b5f0189929d637_discord.svg" loading="lazy" width="36" height="36" alt="Discord Social icon" class="image-3"/></a></li><li><a href="https://twitter.com/SkaleNetwork" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/625c39b93541414104a1d654/625c8d416d89770f92cd01e2_twitter.svg" loading="lazy" width="36" height="36" alt="Twitter / X Social Icon" class="image-3"/></a></li><li><a href="https://form.typeform.com/to/sd38Fy?utm_source=website" class="w-inline-block"><img src="https://cdn.prod.website-files.com/625c39b93541414104a1d654/6294b5a90a9ffe8e79e52115_Group%2037323.svg" loading="lazy" width="36" height="36" alt="Email Social Icon" class="image-3"/></a></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" data-wf-page-id="6553e8370fa297d74d0c45a8" data-wf-element-id="43828203-e840-2f8f-f1ef-1b4e47cb34a5"><div class="div-block-41"><input class="text-field-2 footer-newsletter-input w-input" maxlength="256" name="email-2" data-name="Email 2" placeholder="Type your email address" type="email" 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> (function() { let formScriptLoaded = false; let formLoaded = false; function loadHubSpotScript() { if (formScriptLoaded) return; formScriptLoaded = true; const script = document.createElement('script'); script.charset = 'utf-8'; script.type = 'text/javascript'; script.src = '//js.hsforms.net/forms/v2.js'; script.onload = loadForm; document.head.appendChild(script); } function loadForm() { if (typeof hbspt === 'undefined' || formLoaded) return; formLoaded = true; 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; } .actions input:hover { color: #000; background-color: #a3f8da !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"); } } }); } function init() { if (formScriptLoaded) return; loadHubSpotScript(); window.removeEventListener("mousemove", init); window.removeEventListener("touchstart", init); } window.addEventListener("mousemove", init); window.addEventListener("touchstart", init); })(); </script></div></div></div></div></div><div class="columns-17 mt-16 w-row"><div class="column-30 w-col w-col-5 w-col-stack"><h6 class="heading-6 main-copyright">© 2018–2023 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><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 stickyHeight = 0; if(stickyEl){ stickyHeight = stickyEl.offsetHeight } let stickyContainerHeight = stickyContainer.offsetHeight; end = stickyContainerHeight - stickyHeight + ""; 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 && 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 { } }; //hIndex </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"]`); let hIndex = 500; if(window.innerWidth < 992){ hIndex = 300; } console.log(hIndex) bodyScrollBar.addListener((e) => { try{ if(e.offset.y > hIndex){ startCounting(); } }catch(e){} }); </script></div></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://cdn.prod.website-files.com/625c39b93541414104a1d654/js/skaleverse.db3309ea7.js" type="text/javascript"></script><!-- 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">
