CINXE.COM

The HBAR Foundation

<!DOCTYPE html><!-- Last Published: Fri Dec 20 2024 15:33:47 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.hbarfoundation.org" data-wf-page="6272e6bf31d992155ffd9e29" data-wf-site="61651cc183045348b282e8b2"><head><meta charset="utf-8"/><title>The HBAR Foundation</title><meta content="The HBAR Foundation acts as an integrated force multiplier to help builders and creators overcome the challenges of bringing their ideas to market." name="description"/><meta content="The HBAR Foundation" property="og:title"/><meta content="The HBAR Foundation acts as an integrated force multiplier to help builders and creators overcome the challenges of bringing their ideas to market." property="og:description"/><meta content="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6169723261db99480356bc6f_cover.jpg" property="og:image"/><meta content="The HBAR Foundation" property="twitter:title"/><meta content="The HBAR Foundation acts as an integrated force multiplier to help builders and creators overcome the challenges of bringing their ideas to market." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6169723261db99480356bc6f_cover.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/css/the-hbar-foundation.webflow.2af734c1c.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["IBM Plex Sans:regular,500,600,700"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6203c24ef045797da5ae1132_HBAR-W06-WEB-Brief_006-V4-32x32-01.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6203c255d942a801181d851a_HBAR-W06-WEB-Brief_006-V4-256x256-01%20(1).png" rel="apple-touch-icon"/><script type="text/javascript">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='plwebflow';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('consent', 'revoke');fbq('init', '277705357746489');fbq('track', 'PageView');</script><!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M9Z6F7K');</script> <!-- End Google Tag Manager --> <script type="text/javascript"> var _iub = _iub || []; _iub.csConfiguration = {"consentOnContinuedBrowsing":false,"lang":"en","siteId":2378082,"floatingPreferencesButtonDisplay":"bottom-right","cookiePolicyId":37804159, "banner":{ "acceptButtonDisplay":true,"position":"float-bottom-left" }}; </script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script> <style> #canvas, canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } body { background: black; } @media (max-width: 1097px) { #feature-text { height: 112px; } } </style></head><body class="bgcol"><div class="w-embed w-iframe"><!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN67N98" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --></div><div class="custom-js__shaders w-embed w-script"><script id="snoise-function" type="x-shader/x-vertex"> vec3 mod289(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; } vec2 mod289(vec2 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; } vec3 permute(vec3 x) { return mod289(((x*34.0)+1.0)*x); } float snoise(vec2 v) { const vec4 C = vec4(0.211324865405187, // (3.0-sqrt(3.0))/6.0 0.366025403784439, // 0.5*(sqrt(3.0)-1.0) -0.577350269189626, // -1.0 + 2.0 * C.x 0.024390243902439); // 1.0 / 41.0 vec2 i = floor(v + dot(v, C.yy) ); vec2 x0 = v - i + dot(i, C.xx); vec2 i1; i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0); vec4 x12 = x0.xyxy + C.xxzz; x12.xy -= i1; i = mod289(i); // Avoid truncation effects in permutation vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 )) + i.x + vec3(0.0, i1.x, 1.0 )); vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0); m = m*m ; m = m*m ; vec3 x = 2.0 * fract(p * C.www) - 1.0; vec3 h = abs(x) - 0.5; vec3 ox = floor(x + 0.5); vec3 a0 = x - ox; m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h ); vec3 g; g.x = a0.x * x0.x + h.x * x0.y; g.yz = a0.yz * x12.xz + h.yz * x12.yw; return 130.0 * dot(m, g); } </script> <script id="vertex-shader" type="x-shader/x-vertex"> uniform float u_time; uniform vec2 u_randomisePosition; varying float vDistortion; varying float xDistortion; varying vec2 vUv; void main() { vUv = uv; vDistortion = snoise(vUv.xx * 3. - u_randomisePosition * 0.15); xDistortion = snoise(vUv.yy * 1. - u_randomisePosition * 0.05); vec3 pos = position; gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0); } </script> <script id="fragment-shader" type="x-shader/x-fragment"> vec3 rgb(float r, float g, float b) { return vec3(r / 255., g / 255., b / 255.); } vec3 rgb(float c) { return vec3(c / 255., c / 255., c / 255.); } uniform vec3 u_bg; uniform vec3 u_bgMain; uniform vec3 u_color1; uniform vec3 u_color2; uniform float u_time; varying vec2 vUv; varying float vDistortion; void main() { vec3 bg = rgb(u_bg.r, u_bg.g, u_bg.b); vec3 c1 = rgb(u_color1.r, u_color1.g, u_color1.b); vec3 c2 = rgb(u_color2.r, u_color2.g, u_color2.b); vec3 bgMain = rgb(u_bgMain.r, u_bgMain.g, u_bgMain.b); float noise1 = snoise(vUv + u_time * 0.08); float noise2 = snoise(vUv * 2. + u_time * 0.1); vec3 color = bg; color = mix(color, c1, noise1 * 0.6); color = mix(color, c2, noise2 * .4); color = mix(color, mix(c1, c2, vUv.x), vDistortion); float border = smoothstep(0.1, 0.6, vUv.x); color = mix(color, bgMain, 1. -border); gl_FragColor = vec4(color, 1.0); } </script></div><div id="main" class="main"><div class="hp-header"><div class="canvas-container"></div><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="sticky-nav-w w-nav"><div class="nav-container w-container"><a href="/" aria-current="page" class="brand w-nav-brand w--current"><img src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6167fabdc5704190c2124693_logo-w.svg" loading="lazy" alt="" class="logo"/></a><nav role="navigation" class="main-nav-menu w-nav-menu"><a href="/about" class="nav-link w-nav-link">About</a><a href="/hedera-ecosystem" class="nav-link w-nav-link">Ecosystem</a><a href="/blog" class="nav-link w-nav-link">Blog</a><a href="/careers" class="nav-link w-nav-link">Careers</a><a href="https://hbar.market" class="nav-link w-nav-link">HBAR Insights</a><div class="button-wrapper"><a data-w-id="1656db41-adcc-43e3-a99a-78e3178dbfcf" href="/apply" class="button-white w-inline-block"><div class="text-block-white">Apply for funding </div><div class="arrow-white">→</div></a></div></nav><div class="menu-button w-nav-button"><div class="icon w-icon-nav-menu"></div></div></div><div class="html-embed w-embed"><style> .sticky-nav-w { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } </style></div></div><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="sticky-nav w-nav"><div class="w-embed"><style> .sticky-nav { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } </style></div><div class="nav-container w-container"><a href="#" class="brand-black w-nav-brand"><img src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6167fada236bd30b875e8049_logo-b.svg" loading="lazy" alt="" class="logo"/></a><nav role="navigation" class="main-nav-menu black w-nav-menu"><div class="w-embed"><style> @media only screen and (max-width: 770px) { .main-nav-menu { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } } </style></div><a href="/about" class="nav-link black w-nav-link">About</a><a href="/blog" class="nav-link black w-nav-link">Blog</a><a href="/careers" class="nav-link black w-nav-link">Careers</a><div class="button-wrapper"><a data-w-id="62ac03cb-c273-af39-cafd-9dba140d8457" href="/apply" class="button-black w-inline-block"><div class="text-block-black">Apply for funding </div><div class="arrow-black">→</div></a></div></nav><div class="menu-button-2 w-nav-button"><div class="icon black w-icon-nav-menu"></div></div></div></div><div data-w-id="e88d25b7-e13a-a89f-fde1-639c4934e60c" class="hero-section"><div class="main-container w-container"><div class="text-wrapper-overflow"><h1 data-w-id="62adf668-5ea2-f51d-ab58-fb7aa281dd0b" style="-webkit-transform:translate3d(0, -400px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -400px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -400px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -400px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-17">Build your payment economy</h1></div><div class="text-wrapper-overflow"><div data-w-id="186d5e9e-dd90-d679-cd01-efc0d3c4d95b" style="-webkit-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="text-animated-box"><div class="text-block-4">Build</div></div><div id="sentence" data-w-id="452bba51-37ef-4aeb-8872-f6ca980d6b3c" style="-webkit-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="text-animated-box"><div class="text-block-3">your</div></div><div data-w-id="1bace641-5758-5f64-c8c2-b7c1173e0d47" style="-webkit-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="text-animated-box-dynamic"><div id="feature-text" class="text-block-6"> </div></div></div><div class="text-wrapper-overflow mb-16"><div data-w-id="e87622f6-131c-5223-5e3a-b9681154449c" style="-webkit-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 280px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="text-animated-block"><div class="text-block-5">economy</div></div></div><div class="text-wrapper-overflow"><div data-w-id="e22cd0e0-ac70-cfa7-5cc9-6fa20320d2b5" style="-webkit-transform:translate3d(0, 200px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 200px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 200px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 200px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="paragraph-1 white mb-44 mw-835">Apply to the Foundation&#x27;s tokenization and DeFi Fund by telling us about the project you are building.<br/></div></div><div data-w-id="8100982b-11dd-8176-e7d7-b662de0d8122" style="opacity:0" class="text-wrapper-overflow"><a href="/apply" class="button-white w-inline-block"><div class="text-block-white">Apply for funding </div><div class="arrow-white">→</div></a></div><div class="c-homehero__wrap"><div data-w-id="e87d6da4-a447-70ab-af8a-1011fd66c4f8" style="opacity:0" class="metrix__wrap"><div class="c-metrix__txt">Funds allocated</div><div class="c-metrix__txt red">$408,164,445</div></div><div data-w-id="e87d6da4-a447-70ab-af8a-1011fd66c4fd" style="opacity:0" class="metrix__wrap right"><div class="c-metrix__txt margin">Grants given</div><div class="c-metrix__txt red">225</div></div></div></div></div></div><div data-w-id="6e8bebd8-d8a6-abb8-4537-7c56aef5df96" class="section-1"><div class="main-container w-container"><div class="centered-div"><h2 data-w-id="f5ccefc5-d902-f36a-5cec-1c96a8226631" style="opacity:0" class="title-2 centered mw-914">Let&#x27;s unlock your potential - together</h2></div><div class="w-layout-grid features-grid"><div id="w-node-_14fbdf4c-aff3-b606-4c22-0542954d4bad-5ffd9e29" data-w-id="14fbdf4c-aff3-b606-4c22-0542954d4bad" data-is-ix2-target="1" class="home-lottie" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6168399e2510bbaaedee4b38_PF-graphics.json" data-loop="1" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="3.0030028806881908" data-duration="0" data-ix2-initial-state="0"></div><div data-w-id="32d0548f-e84f-0c4b-8d12-d75c61a6e4e8" style="opacity:0" class="features-text-div"><h3 class="title-3 mb-16">Project Funding</h3><div class="paragraph-2">Financing can be one of the most challenging barriers for entrepreneurs. Get your project fully funded with HBAR through a simple and fast grant process and bring your project to market quickly. </div></div></div><div class="w-layout-grid features-grid"><div data-w-id="2b7249b4-5a7e-dd96-8684-f9bb5daef4c5" style="opacity:0" class="features-text-div"><h3 class="title-3 mb-16">Operational Support</h3><div class="paragraph-2">The HBAR Foundation makes available expert resources to accelerate deployment of your project - from technical operations to marketing and business development.</div></div><div id="w-node-e526f1a7-86c7-a958-30cd-226595205c28-5ffd9e29" data-w-id="e526f1a7-86c7-a958-30cd-226595205c28" data-is-ix2-target="1" class="home-lottie" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6168399e7199fc0ca31249c3_OP-graphics.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="5.005004801146985" data-duration="0" data-ix2-initial-state="0"></div></div><div class="w-layout-grid features-grid last"><div data-w-id="6ac5c44d-4ad9-5464-3ba3-c65c98d57927" data-is-ix2-target="1" class="home-lottie" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/6168399ec27b77d516291fcd_PA-graphics.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="4.004003840917587" data-duration="0" data-ix2-initial-state="0"></div><div data-w-id="23aff97b-c661-35f6-9d6a-5e1979e1d944" style="opacity:0" class="features-text-div"><h3 class="title-3 mb-16">Project Awareness</h3><div class="paragraph-2">Let us help you build brand awareness and increase adoption of your project by promoting it to the wider network of projects, enterprises, and innovators building on the Hedera network.</div></div></div></div></div><div data-w-id="5b532f08-1d89-dba5-bb89-fd0c3470c979" class="section-2"><div class="main-container w-container"><div data-w-id="c9424813-0e8e-443d-676d-79e19ab3a2b9" style="opacity:0" class="green-technology-text-div"><h3 class="title-3 white mb-16">Green Technology</h3><div class="paragraph-2 white mw-616">The Hedera network is dedicated having a limited carbon footprint and has adopted environmental sustainability as a core value - officially committing to carbon-negative network operations</div></div></div></div><div data-w-id="6beb7af4-db85-eb77-3ab4-347df0c997b4" class="section-2-green"><div class="green-layer-2"></div><div class="green-layer-1"></div><div class="green-layer-3"><div class="main-container-green w-container"><div data-w-id="6beb7af4-db85-eb77-3ab4-347df0c997b6" style="opacity:0" class="green-technology-text-div"><h3 class="title-3 mb-16">Green Technology</h3><div class="paragraph-2 mw-600">The Hedera network is dedicated to having a limited carbon footprint and has adopted environmental sustainability as a core value - officially committing to carbon-negative network operations. </div></div></div></div></div><div data-w-id="035fe301-93ce-4990-c20e-b126ef0fd4a0" class="section-3"><div class="main-container w-container"><div class="w-layout-grid benefits-sticky-grid"><div class="benefits-container"><h3 data-w-id="e65a7229-a94f-c6da-a352-7c5c918dda0b" style="opacity:0" class="title-2 sticky">Let&#x27;s unlock your potential - together</h3><div data-w-id="72bb80da-801d-7614-fb2c-345be6b288a8" data-is-ix2-target="1" class="lottie-animation" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/61683a55a23e85afc246c7d7_navigation-dots.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="2.0020019204587935" data-duration="0"></div></div><div id="w-node-e65a7229-a94f-c6da-a352-7c5c918dda0d-5ffd9e29" class="benefits-wrapper mt-155"><div data-w-id="e65a7229-a94f-c6da-a352-7c5c918dda0f" style="opacity:0" class="benefits-right-wrapper"><h3 class="title-3 mb-16">Tokenize any Asset</h3><div class="paragraph-2">Create, manage, and transfer any digital collectibles, currencies, securities and more - at scale, with the Hedera Token Service.</div></div></div><div class="empty-div"></div><div class="benefits-wrapper"><div data-w-id="e65a7229-a94f-c6da-a352-7c5c918dda17" style="opacity:0" class="benefits-right-wrapper"><h3 class="title-3 mb-16">Prove any Data</h3><div class="paragraph-2">Share verifiable proofs of any transaction, message, event, credential and more through the Hedera Consensus Service.</div></div></div><div class="empty-div-500"></div><div class="benefits-wrapper"><div data-w-id="e65a7229-a94f-c6da-a352-7c5c918dda1f" style="opacity:0" class="benefits-right-wrapper"><h3 class="title-3 mb-16">Build your Economy</h3><div class="paragraph-2">Transact value frictionlessly across the globe on the openly accessible Hedera Network.</div></div></div></div></div></div><div data-w-id="75661a70-c574-7d0b-3ce0-c108c4f0077c" class="cta-section"><div class="main-container w-container"><h2 data-w-id="95ba077b-65c4-a17e-4398-77762277a4fb" style="opacity:0" class="title-2 mb-44">Remove the barriers standing in the way of your innovative ideas</h2><a data-w-id="d8afc013-6944-6462-4391-82e6560fe441" href="/apply" class="button-pink w-inline-block"><div class="text-block-pink">Apply for funding </div><div class="arrow-pink">→</div></a></div></div><div class="footer"><div class="c-con c-footer-con"><a href="#" class="c-footer__imagelink w-inline-block"><img src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/61a8f5d776c543447e799ce0_Logo%20(1).svg" alt="" class="c-footer__image"/></a><div class="c-footer__wrapper-copy"><a href="/privacy-policy" class="c-footer__link">Privacy Policy</a></div><div class="text-block-16"><strong class="bold-text-11">190 Elgin Avenue, George Town, Grand Cayman KY1-9001, Cayman Islands</strong></div><div class="c-footer__wrapper"><a href="https://twitter.com/HBAR_foundation" class="c-footer__social w-inline-block"><img src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/61a8f5d5e1e7000b01714b12_Combined-Shape.svg" loading="lazy" alt=""/></a><a href="https://t.me/HBAR_foundation" class="c-footer__social w-inline-block"><img src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/61a8f5d798c110f8706c43e3_Telegram.svg" loading="lazy" alt=""/></a><a href="https://www.linkedin.com/company/76147596" class="c-footer__social w-inline-block"><img src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/61a8f5d5a2066f04ca294b80_LinkedIN.svg" loading="lazy" alt=""/></a></div></div></div><div class="w-embed w-script"><!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-S6RBX6EG9D"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S6RBX6EG9D'); </script></div></div><div class="custom-css__immediate w-embed"><style> /* allow fullwidth images in blog posts */ .w-richtext figure > div { width: 100%; max-width: none; } .w-richtext-align-fullwidth.w-richtext-figure-type-image { width: 100%; max-width: none !important; } </style></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=61651cc183045348b282e8b2" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/61651cc183045348b282e8b2/js/webflow.e48f0736786a1e6fbaae9426bcabdf06.js" type="text/javascript"></script><style> .iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]) { margin: 16px 16px 16px 16px!important; } @media (max-width: 450px) { .iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]) { margin: 16px 16px 16px 16px!important; } } </style><script src="https://threejs.org/build/three.js"></script> <script> function randomInteger(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } function rgb(r, g, b) { return new THREE.Vector3(r, g, b); } document.addEventListener("DOMContentLoaded", function(e) { const canvas = document.querySelector('#canvas'); const renderer = new THREE.WebGLRenderer(); document.body.querySelector('.canvas-container').appendChild( renderer.domElement ) const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); let vCheck = false; camera.position.z = 5; var randomisePosition = new THREE.Vector2(1, 2); var R = function(x, y, t) { return( Math.floor(192 + 64*Math.cos( (x*x-y*y)/300 + t )) ); } var G = function(x, y, t) { return( Math.floor(192 + 64*Math.sin( (x*x*Math.cos(t/4)+y*y*Math.sin(t/3))/300 ) ) ); } var B = function(x, y, t) { return( Math.floor(192 + 64*Math.sin( 5*Math.sin(t/9) + ((x-100)*(x-100)+(y-100)*(y-100))/1100) )); } let sNoise = document.querySelector('#snoise-function').textContent let geometry = new THREE.PlaneGeometry(window.innerWidth / 2, 400, 100, 100); let material = new THREE.ShaderMaterial({ uniforms: { u_bg: {type: 'v3', value: rgb(255, 95, 109)}, u_bgMain: {type: 'v3', value: rgb(255, 95, 109)}, u_color1: {type: 'v3', value: rgb(255, 139, 111)}, u_color2: {type: 'v3', value: rgb(255, 195, 113)}, u_time: {type: 'f', value: 0}, u_randomisePosition: { type: 'v2', value: randomisePosition } }, fragmentShader: sNoise + document.querySelector('#fragment-shader').textContent, vertexShader: sNoise + document.querySelector('#vertex-shader').textContent, }); let mesh = new THREE.Mesh(geometry, material); mesh.position.set(0, 140, -280); mesh.scale.multiplyScalar(5); mesh.rotationX = -1.0; mesh.rotationY = 0.0; mesh.rotationZ = 0.1; scene.add(mesh); renderer.render( scene, camera ); let t = 0; let j = 0; let x = randomInteger(0, 32); let y = randomInteger(0, 32); const animate = function () { requestAnimationFrame( animate ); renderer.render( scene, camera ); mesh.material.uniforms.u_randomisePosition.value = new THREE.Vector2(j, j); mesh.material.uniforms.u_color1.value = new THREE.Vector3(R(x,y,t/2), G(x,y,t/2), B(x,y,t/2)); mesh.material.uniforms.u_time.value = t; if(t % 0.1 == 0) { if(vCheck == false) { x -= 1; if(x <= 0) { vCheck = true; } } else { x += 1; if(x >= 32) { vCheck = false; } } } // Increase t by a certain value every frame j = j + 0.01; t = t + 0.005; }; animate(); }); </script> <script> const carouselText = [ {text: "securities", color: "yellow"}, {text: "identity", color: "yellow"}, {text: "collectibles", color: "yellow"}, {text: "sustainability", color: "yellow"}, {text: "payment", color: "yellow"} ] $( document ).ready(async function() { carousel(carouselText, "#feature-text") }); async function typeSentence(sentence, eleRef, delay = 100) { const letters = sentence.split(""); let i = 0; while(i < letters.length) { await waitForMs(delay); $(eleRef).append(letters[i]); i++ } return; } async function deleteSentence(eleRef) { const sentence = $(eleRef).html(); const letters = sentence.split(""); let i = 0; while(letters.length > 0) { await waitForMs(100); letters.pop(); $(eleRef).html(letters.join("")); } } async function carousel(carouselList, eleRef) { var i = 0; while(true) { await typeSentence(carouselList[i].text, eleRef); await waitForMs(1500); await deleteSentence(eleRef); await waitForMs(500); i++ if(i >= carouselList.length) {i = 0;} } } function waitForMs(ms) { return new Promise(resolve => setTimeout(resolve, ms)) } </script> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10