SKALE Swell. Explore the ecosystem. Earn rewards. Become Crypto-native.
$2M in New SKL Grants Available For Indie Game Devs!
Home
Users
Start Here
Access SKALE
Research Hub
SKALEopedia
SKALE Stats
Ecosystem
Developers
Doc Center
Start Building
SKALE Grants
Community
News
Podcasts
Jobs
Community
About
Menu
Home
Users
Start Here
Access SKALE
Research Hub
SKALEopedia
SKALE Stats
Ecosystem
Developers
Doc Center
Start Building
SKALE Grants
Community
News
Podcasts
Jobs
About
SKALE Swell. Explore the ecosystem. Earn rewards. Become Crypto-native.
$2M in New SKL Grants Available For Indie Game Devs!
Home
Users
Start Here
Access SKALE
Research Hub
SKALEopedia
SKALE Stats
Ecosystem
Developers
Doc Center
Start Building
SKALE Grants
Community
News
Podcasts
Jobs
Community
About
Menu
Home
Users
Start Here
Access SKALE
Research Hub
SKALEopedia
SKALE Stats
Ecosystem
Developers
Doc Center
Start Building
SKALE Grants
Community
News
Podcasts
Jobs
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"><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 fllist w-list-unstyled"><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://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://t.me/skaleofficial" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/625c39b93541414104a1d654/670e144d58eaf054347e5391_Telegram%20(1).svg" loading="lazy" width="36" height="36" alt="Telegram Social icon" class="image-3"/></a></li><li><a href="https://open.spotify.com/playlist/6PYtJQbK5efqCzu91ZoFWX?si=6801db1f783b4197" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/625c39b93541414104a1d654/670e144d3725e41af2f89318_Spotify%20(1).svg" loading="lazy" width="36" height="36" alt="Spotify Social icon" class="image-3"/></a></li><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://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="/" class="link-block-4 w-inline-block"><h6 class="heading-7 footer-link-title">Home</h6></a><a href="/network" class="link-block-4 w-inline-block"><h6 class="heading-7 footer-link-title">Users</h6></a><a href="https://portal.skale.space/ecosystem" target="_blank" class="link-block-6 w-inline-block"><h6 class="heading-7 footer-link-title">Ecosystem</h6></a><a href="/developers" class="link-block-6 w-inline-block"><h6 class="heading-7 footer-link-title">Developers</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></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; color: #FFF; //color:#efefef; } .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.schunk.11ba865a11e666dd.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/625c39b93541414104a1d654/js/skaleverse.schunk.300b59f03e3c6cc9.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/625c39b93541414104a1d654/js/skaleverse.38f3f8ec.ef381ef35208fe16.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">
