<!--©YALAHEX.COM 2022 - All Rights Reserved.
/*

|| __   ||
||=\_`\=||
|| (__/ ||
||  | | :-"""-.
||==| \/-=-.   \
||  |(_|o o/   |_
||   \/ "  \   ,_)
||====\ v  /__/
||     ;--'  `-.       ██╗   ██╗ █████╗ ██╗      █████╗ ██╗  ██╗███████╗██╗  ██╗       ██╗███████╗       ██╗  ██╗███████╗██╗  ██╗██╗   ██╗
||====/      .  \      ╚██╗ ██╔╝██╔══██╗██║     ██╔══██╗██║  ██║██╔════╝╚██╗██╔╝       ██║██╔════╝       ██║  ██║██╔════╝╚██╗██╔╝╚██╗ ██╔╝
||   ;        \  \      ╚████╔╝ ███████║██║     ███████║███████║█████╗   ╚███╔╝        ██║███████╗       ███████║█████╗   ╚███╔╝  ╚████╔╝
||   ;        \  \       ╚██╔╝  ██╔══██║██║     ██╔══██║██╔══██║██╔══╝   ██╔██╗        ██║╚════██║       ██╔══██║██╔══╝   ██╔██╗   ╚██╔╝
||===;        \  \        ██║   ██║  ██║███████╗██║  ██║██║  ██║███████╗██╔╝ ██╗       ██║███████║       ██║  ██║███████╗██╔╝ ██╗   ██║
||   ;        \  \        ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝       ╚═╝╚══════╝       ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝   ╚═╝
||===;        \  \
||   |         | |      1- HEXY IS A CONTRACT FOR TRUSTLESSLY POOLING 14 HEX STAKES LADDERED YEARLY WITH 5.555 PERCENT OF TOTAL HEX PLEDGED AND
|| .-\ '     _/_/           ONE FINAL STAKE WITH 22.23 PERCENT FOR THE 15TH YEAR.
|:'  _;.    (_  \       2- ANYONE MAY CHOOSE TO MINT 1 HEXY PER HEX DEPOSITED INTO THE HEXY CONTRACT ADDRESS DURING THE MINTING PHASE.
/  .'  `;\   \\_/       3- ANYONE MAY CHOOSE TO PAY FOR THE GAS TO START AND END THE STAKE ON BEHALF OF THE HEXY CONTRACT.
|_ /    ||   |\\        4- ANYONE MAY CHOOSE TO PAY FOR THE GAS TO MINT HEDRON THE STAKE EARNS ON BEHALF OF THE HEXY CONTRACT.
/  _)===|||  | ||       5- HEXY IS A STANDARD ERC20 TOKEN, MINTED UPON HEX DEPOSIT AND BURNT UPON HEX REDEMPTION, AND AN EXTRA 5.555 PERCENT OF
/  /    ||/  / //           TOTAL HEX PLEDGED MINTED ON LAUNCH DATE TO PAY FOR NEW HEX HOLDERS AIRDROP, DEVELOPMENT, TRANSACTION FEES, AUDIT, AND MARKETING.
\_/     ( `-/  ||       6- ONE HEXY WILL BE AIRDROPPED TO EACH HEX HOLDER ON LAUNCH DATE.
||======/  /    \\ .-.  7- HEXY HOLDERS MAY CHOOSE TO BURN HEXY TO REDEEM HEX & HEDRON PRO-RATA FROM THE HEXY CONTRACT ADDRESS AFTER THE MINTING PHASE.
||      \_/      \'-'/
||      ||        `"`
||======||
||      ||


DISCLAIMER

HEXY IS NOT A SECURITY.
THERE AREN'T ACTUALLY ANY COINS, THEY'RE JUST NUMBERS IN A DISTRIBUTED DATABASE.
NO ONE IS ACTUALLY GIVEN ANYTHING.
PEOPLE CAN EXECUTE THE CODE THEY CHOOSE, ON THEIR OWN, THAT CHANGES SOME NUMBERS IN A COUNTER.
THE CODE THAT EDITS SOME DATABASE VALUES SHOULD ONLY BE MODIFIABLE BY VALID KEY HOLDERS WHO'VE SIGNED A CRYPTOGRAPHIC MESSAGE.
OTHER CODE CAN BE RUN BY ANYONE IF THEY LIKE.

THERE IS NO COMMON ENTERPRISE, THERE SHALL BE NO EXPECTATION OF EFFORTS OF A PROMOTER OR THIRD PARTY.
THERE IS NO EXPECTATION OF PROFIT FROM THE WORK OF OTHERS.
PEOPLE PAY THE ETHEREUM NETWORK TO EXECUTE COMPUTATIONS OF THEIR CHOOSING, ON THEIR OWN.
THERE IS ONLY AN IMMUTABLE COMPILED BYTECODE SITTING ON THE ETHEREUM NETWORK, IT CAN'T BE CHANGED.
THEY'RE JUST NUMBERS LIVING ON THE INTERNET. THE CODE CAN DO NOTHING ON ITS OWN.
PEOPLE CAN RUN THE CODE IF THEY WANT TO, OR NOT. THE CODE CAN DO NOTHING ON ITS OWN BUT SIT THERE.

USERS GENERATE THEIR OWN KEYS, NO ONE ELSE HAS KEYS TO GIVE THEM.
BONUSES DON'T ACTUALLY TAKE ANYONE ELSE'S DATABASE VALUES, THEY JUST ADD OR SUBTRACT MORE OR LESS DATABASE VALUES BASED ON THE SYSTEM STATE.

IF YOU CAN, LEARN TO CODE; OR HAVE THE SMARTEST CODER OR COMPUTER SCIENTIST YOU CAN FIND READ OVER THE CODE YOU PLAN TO EXECUTE.

BLOCKCHAINS, SMART CONTRACTS, AND CRYPTOCURRENCIES, ARE ALL CUTTING EDGE TECHNOLOGIES, AND AS SUCH, THERE IS A RISK, HOWEVER SMALL, OF TOTAL FAILURE.
SOFTWARE IS HARD. COMPUTERS ARE HARD. DISTRIBUTED SOFTWARE ON DISTRIBUTED COMPUTERS IS HARDER.
IT'S A MIRACLE THIS STUFF WORKS AT ALL. STRONG CRYPTOGRAPHY SEEMS UNLIKELY TO BE BROKEN, BUT IF IT IS, EVERYTHING WILL PROBABLY BE BROKEN.

HEXY USERS RUN COMPUTATIONS AND REDEEM THEIR OWN HEX & HEDRON REWARDS IF THEIR COMPUTATION MATCHES WHAT THE NETWORK CONSENSUS CODE REQUIRES.

*/
<!DOCTYPE html>
<html lang="en">-->

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>YALAHEX.COM: The first tokenized 5555 days HEX staking ladder</title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">

<script src="/cdn-cgi/apps/head/MXxjlvI1QupYOAcLDMbKQC087Tw.js"></script><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="HEXY">
<meta name="application-name" content="HEXY">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="_assets/css/MaterialIcons.css">
<link rel="stylesheet" href="main.css">
<script src="_assets/js/jquery-3.6.0.min.js"></script>


<meta name="description" content="YALAHEX.COM: The first tokenized 5555 days HEX staking ladder. Mint HEXY once, redeem HEX & HDRN every year for 15 years!">

<meta property="og:url" content="https://www.yalahex.com">
<meta property="og:type" content="website">
<meta property="og:title" content="YALAHEX.COM">
<meta property="og:description" content="YALAHEX.COM: The first tokenized 5555 days HEX staking ladder. Mint HEXY once, redeem HEX & HDRN every year for 15 years!">
<meta property="og:image" content="https://yalahex.com/card.webp">

<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="yalahex.com">
<meta property="twitter:url" content="https://www.yalahex.com">
<meta name="twitter:title" content="YALAHEX.COM">
<meta name="twitter:description" content="YALAHEX.COM: The first tokenized 5555 days HEX staking ladder. Mint HEXY once, redeem HEX & HDRN every year for 15 years!">
<meta name="twitter:image" content="https://yalahex.com/card.webp">

<meta name="copyright" content="YalaHEX, 2022">
<meta name="author" content="YalaHEX">
<meta name="keywords" lang="en" content="YalaHEX, crypto, yield, staking, rewards, scam">
<meta name="date" content="2022-11-30T00:00:00+00:00">
<meta name="page-topic" content="YalaHEX, crypto">
<script src="_assets/js/particles.min.js"></script>
<script src="_assets/js/moment.min.js"></script>

<link rel="prefetch" as="image" href="_assets/img/bg/floor.jpeg">
<link rel="prefetch" as="image" href="_assets/img/bg/floor2.jpg">
<style>
		/*tooltips*/
		[tt] {
			position: relative;
		}

		[tt]:after {
			color: #fff;
			font-weight: 600;
			font-size: 12px;
			user-select: none;
			cursor: default;

			content: attr(tt);
			visibility: hidden;
			opacity: 0;
			transition: all .2s;
			background-color: #fff;
			color: var(--darkBlue);
			border-radius: 5px;
			text-align: center;
			padding: 5px 8px;
			box-shadow: 0 5px 15px #000;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 120px;
			text-align: center;
		}

		.pulseCard:before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: -3px;
			z-index: -1;
			border-radius: 10px;
		}

		#pulseCcard:before {
			background: var(--pulseGradient);
		}

		#pulseXcard:before {
			background: var(--pulseXGradient);
		}

		#statsGrid>div {
			text-align: center;
			padding: 0;
		}

		#statsGrid>div>h1 {
			color: #fff;
			margin-bottom: 5px;
		}

		@media (max-width: 1050px) {
			iframe {
				display: none;
			}

			#section2vid1 {
				margin-bottom: 0 !important;
			}

			#section2vid2 {
				display: none;
			}

			#section3title,
			#section6title {
				font-size: 32px !important;
				text-align: left !important;
				white-space: normal !important;
				margin-top: inherit !important;
			}

			#awesomeSitesGrid {
				grid-template-columns: repeat(2, 1fr) !important;
				grid-gap: 30px;
			}
		}

		@media (max-width: 820px) {
			#mainTitleBreak {
				display: none;
			}

			#statsGrid {
				grid-template-columns: repeat(3, 1fr) !important;
			}

			#chartCanvasOuter {
				height: 400px !important;
			}

			#specialGrid {
				grid-template-columns: repeat(2, 1fr) !important;
				grid-gap: 30px;
			}
		}

		@media (max-width: 600px) {
			.pulseCard {
				width: calc(100% - 60px) !important;
			}

			.pulseCard>img {
				margin-bottom: 5px;
			}

			.pulseCard br,
			#openStakeBtn,
			.hideMobileStat,
			.dataLbl-stakersChange,
			.dataLbl-holdersChange {
				display: none;
			}

			#statsGrid {
				grid-template-columns: repeat(2, 1fr) !important;
				grid-gap: 30px;
			}

			#statsGrid>div {
				text-align: left;
			}

			#specialGrid,
			#awesomeSitesGrid {
				grid-template-columns: 1fr !important;
			}

			#statsGrid>div>h1 {
				font-size: 20px;
			}

			#chartCanvasOuter {
				height: 350px !important;
			}
		}

		@media (max-width: 550px) {
			#mainTitle {
				font-size: 30px !important;
			}
		}

		@media (max-width: 450px) {
			#nomicsDisc {
				margin: 25px 0 0 0 !important;
			}

			#chartCanvasOuter {
				height: 300px !important;
			}

			.pulseCard>img {
				display: none;
			}
		}
	</style>
</head>
<body>
<style>
		/*menu bar expanding to full width onscroll*/
		.menuBarScrolled {
			clip-path: polygon(0 0, 0 0,
					100% 0, 100% 0,
					100% 50%, 100% 50%,
					100% 100%, 100% 100%,
					0 100%, 0 100%,
					0 50%, 0 50%) !important;
		}

		/*menu links & dropdown*/
		.menuLink {
			position: relative;
			display: inline-block;
			padding: 28px 16px;
			white-space: nowrap;
		}

		.menuLink,
		.mobileMenuLink {
			font-weight: 600;
			font-size: 16px;
			text-transform: uppercase;
			letter-spacing: .05em;
			color: #aaa;
		}

		.menuLinkActive,
		.menuLinkStatic {
			cursor: default;
		}

		.menuLinkActive {
			color: #fff;
			font-weight: 700;
			pointer-events: none;
		}

		.menuLink>span {
			position: relative;
			float: right;
			font-size: 1.35em;
		}

		.mpContent>.menuLink {
			padding: 8px 16px;
			width: calc(100% - 32px);
		}

		@media not all and (pointer:coarse) {

			.menuLink:not(.menuLinkActive, .menuLinkStatic):hover,
			.mobileMenuLink:hover {
				color: #ccc;
			}

			.menuLinkOuter:hover .mpContent {
				opacity: 1 !important;
				visibility: visible !important;
			}
		}


		#mobileMenu>div>div {
			position: relative;
			float: right;
			width: 100%;
		}

		.mobileMenuLink {
			position: relative;
			float: right;
			font-size: 20px;
			margin-bottom: 10px;
			padding: 5px 12px;
		}


		/*Price label online indicator*/
		#menuBarPriceLbl:before {
			content: '⬢';
			transform: rotate(30deg);
			position: absolute;
			font-size: 9px;
			left: -12px;
			top: 2px;
		}

		#menuBarPriceLbl:after {
			content: '⬢';
			position: absolute;
			font-size: 9px;
			left: -12px;
			top: 2px;
			animation-name: pulsate;
			animation-duration: 2s;
			animation-iteration-count: infinite;
		}

		@keyframes pulsate {
			from {
				transform: rotate(30deg) scale(1);
				opacity: .6;
			}

			to {
				transform: rotate(30deg) scale(4);
				opacity: 0;
			}
		}


		@media (hover: none),
		(max-width: 1080px) {
			#menuBarOuter {
				top: 0 !important;
			}

			#menuBarBG {
				clip-path: polygon(0 0, 0 0,
						100% 0, 100% 0,
						100% 50%, 100% 50%,
						100% 100%, 100% 100%,
						0 100%, 0 100%,
						0 50%, 0 50%) !important;
			}
		}

		@media (hover: none),
		(max-width: 1050px) {
			#buyBtn>.mi {
				display: none;
			}
		}

		@media (hover: none),
		(max-width: 820px) {

			.menuLink,
			#buyBtn {
				display: none;
			}

			#mobileMenuBtn,
			#mobileMenu {
				display: inherit !important;
			}

			#menuBarOuter {
				transition: all .2s !important;
			}
		}

		@media (max-height: 550px) {
			.mobileMenuLink {
				margin-bottom: 5px;
			}
		}
	</style>
<div id="menuBarOuter" style="position: fixed; left: 0; top: 15px; width: 100%; height: 80px; z-index: 1000; transition: all .5s;">
<div class="hr" id="menuBarBG" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--bgColor); height: 80px; clip-path: polygon(
			calc(50% - var(--bodyWidth)/2 - 2px) 2px,
			calc(50% - var(--bodyWidth)/2 + 1px) 0,
			calc(50% + var(--bodyWidth)/2 - 1px) 0,
			calc(50% + var(--bodyWidth)/2 + 2px) 2px,
			calc(50% + var(--bodyWidth)/2 + 23px) calc(50% - 2px),
			calc(50% + var(--bodyWidth)/2 + 23px) calc(50% + 2px),
			calc(50% + var(--bodyWidth)/2 + 2px) calc(100% - 2px),
			calc(50% + var(--bodyWidth)/2 - 1px) 100%,
			calc(50% - var(--bodyWidth)/2 + 1px) 100%,
			calc(50% - var(--bodyWidth)/2 - 2px) calc(100% - 2px),
			calc(50% - var(--bodyWidth)/2 - 23px) calc(50% + 2px),
			calc(50% - var(--bodyWidth)/2 - 23px) calc(50% - 2px)
		); transition: all .5s;"></div>
<div class="hr" style="width: var(--bodyWidth);">
<a href="index.html" id="menuLogoLink">
<img src="_assets/img/wordmark.svg" class="fl" style="height: 78px; margin-top: 1px;" alt="YALAHEX.COM Logo svg">
<span id="menuBarPriceLbl" style="display: none; position: absolute; top: 31px; left: 110px; color: #0f5; font-size: 12px; font-family: 'Jost';"></span>
</a>
<a class="menuLink" href="howitworks/index.html">How it works</a>
<a class="menuLink" href="security/index.html">Security</a>

<a class="menuLink" href="faq/index.html">FAQ</a>

<div class="menuLinkOuter" style="position: relative; display: inline-block; height: 100%;">
<a class="menuLink menuLinkStatic" href="javascript:">More<span class="mi">expand_more</span></a>
<div class="mpContent" style="visibility: hidden; opacity: 0; transition: all .2s; position: absolute; right: 0; top: 100%; background-color: var(--bgColor); text-align: right; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 10px));">
<a class="menuLink" href="artwork/index.html">Artwork</a>
<a class="menuLink" href="team/index.html">Team</a>


<a class="menuLink" href="links/index.html">HEX links</a>
</div>
</div>
<a class="menuLink" href="translate/index.html">🌐 en</a>

<a href="https://www.yalahex.com/faq/#when-launch" id="buyBtn" class="btn btnColored" style="float: right; margin-top: 17px;">

<span><img src="_assets/img/wordmark.svg" class="fl" style="height: 25px; margin-right: 0px;" alt="HEXY logo"></span>How to mint
</a>
<a href="javascript:menu()" id="mobileMenuBtn" class="btn btnColored" style="display: none; float: right; margin-top: 17px; padding: 11px 15.5px;">
<span class="mi" style="margin-right: 0;">menu</span>
</a>
</div>
<div id="mobileMenu" style="display: none; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--bgColor); transform: translateX(111%); will-change: transform; transition: all .2s;">
<div style="width: var(--bodyWidth); position: relative; display: inline-block; text-align: right;">
<div><a class="mobileMenuLink" href="howitworks/index.html">How it works</a></div>
<div><a class="mobileMenuLink" href="security/index.html">Security</a></div>
<div><a class="mobileMenuLink" href="faq/index.html">FAQ</a></div>
<div><a class="mobileMenuLink" href="artwork/index.html">Artwork</a></div>
<div><a class="mobileMenuLink" href="team/index.html">Team</a></div>

<div><a class="mobileMenuLink" href="links/index.html">HEX links</a></div>
<div><a class="mobileMenuLink" href="translate/index.html">🌐 en</a></div>
<a href="https://www.yalahex.com/faq/#when-launch" id="mobileBuyBtn" class="btn" style="float: right; margin: 7px 0 25px 0;">
<span class="mi">credit_card</span>How to mint
</a>
</div>
</div>
</div>
<style>
   .goog-te-banner-frame.skiptranslate {
      display: none !important;
   }
</style>
<script>
		function googleTranslateElementInit() {
			new google.translate.TranslateElement({
				pageLanguage: 'en'
			}, 'google_translate_element');
		}
	</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script>
		(function($){
  			$(document).on('contextmenu', 'img', function() {
      			return false;
  			})
		})(jQuery);
	</script>
<script>
		if ('.' == '.')
			$('#menuLogoLink').addClass('menuLinkActive')

		const siteIndex = ['howitworks', 'links', 'faq', 'testimonials', 'security', 'scam', 'bitcoin'].indexOf(window.location.pathname.replaceAll('index.html', ''))
		if (siteIndex > -1)
			$(`.menuLink:eq(${siteIndex > 2 ? siteIndex + 1 : siteIndex}), .mobileMenuLink:eq(${siteIndex})`).addClass('menuLinkActive')

		if (window.location.pathname.replaceAll('index.html', '') == 'buy') {
			$('#buyBtn').css({ cursor: 'default', transform: 'scale(1)', filter: 'none' }).attr('href', 'javascript:')
			$('#mobileBuyBtn').hide()
		}

		function scrollPlay() {
			const scrolled = $(document).scrollTop() >= 1
			$('#menuBarBG').toggleClass('menuBarScrolled', scrolled)
			$('#menuBarOuter').css({
				top: scrolled ? 0 : 15,
				filter: `drop-shadow(0 2px ${scrolled ? 5 : 50}px #000)`
			})

			window.requestAnimationFrame(scrollPlay)
		}

		scrollPlay()

		let mobileMenuActive = false
		function menu() {
			mobileMenuActive = !mobileMenuActive
			$('#mobileMenuBtn').children().eq(0).text(mobileMenuActive ? 'close' : 'menu')
			$('#mobileMenu').css({
				transform: `translateX(${mobileMenuActive ? 0 : 111}%)`,
				visibility: mobileMenuActive ? 'visible' : 'hidden' // hide because the box-shadow is otherwise visible on the right border of the screen
			})
		}

		$.getJSON('https://hexdailystats.com/livedata', e => {
			let priceShort = Math.round(e.price * 100) / 100
			priceShort = '$' + (priceShort < 1 ? priceShort.toString().slice(1) : priceShort) // remove leading 0
			$('#menuBarPriceLbl').text(priceShort).fadeIn(500)
		})
	</script>
<div class="hr section" style="background-image: url(_assets/img/bg/main.webp);">
<div id="particleDiv" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
<div class="hr pageOuter">
<h1 class="hr" id="mainTitle" style="margin: 80px 0 20px 0; font-size: 58px; line-height: 1.35em;"><img src="_assets/img/wordmark.svg" class="fl" style="height: 70px; margin-right: 10px;" alt="HEXY logo">YalaHEX is HEXY<br id="mainTitleBreak"></h1>
<div class="hr fl">
<div class="fl list" style="margin: 5px 0 30px 0;">
<div><span class="mi">card_membership</span>
YalaHEX (HEXY) is the first 🥇 tokenized 5555 days <a href="https://hex.com/" target="_blank" rel="noopener" class="textLink">HEX</a> staking ladder 🪜
</div>
<div><span class="mi">verified_user</span>
Mint your HEXY once, and then redeem <a href="https://hex.com/" target="_blank" rel="noopener" class="textLink">HEX</a> & <a href="https://hedron.pro/" target="_blank" rel="noopener" class="textLink">HDRN</a> every year for 15 years
</div>
<div><span class="mi">verified_user</span>
All wallets that own <a href="https://hex.com/" target="_blank" rel="noopener" class="textLink">HEX</a> will receive 1 HEXY on smart contract deployment day
</div>
<div><span class="mi">verified_user</span>
1 <a href target="_blank" rel="noopener" class="textLink">HEXY</a> = 1 <a href="https://hex.com/" target="_blank" rel="noopener" class="textLink">HEX</a> during a 30
days minting phase
</div>
</div>
<div class="hr fl">
<a class="btn" href="javascript:scrollToElem('section2title')" style="float: left; margin-right: 20px;">
<span class="mi">keyboard_arrow_down</span>Learn More
</a>
<a class="btn" href="https://www.yalahex.com/_assets/YALAHEX_AuditReport_InterFi.pdf" target="_blank" rel="noopener" style="float: left;">
<span class="mi">verified_user</span>Audit
</a>
</div>
<div class="hr fl pulseCard" id="pulseCcard" style="margin-top: 50px; padding: 30px 30px; border-radius: 8px; width: 425px; background-color: #111111e0; box-shadow: 0 15px 30px #0003; font-weight: 500;">
<img src="_assets/img/pulse.svg" class="fl" style="height: 70px; margin-right: 30px;" alt="pHEXY logo">
<p></p>On Pulsechain fork day, all eHEXY holders will receive their pHEXY copy on Pulsechain!<br>
</div>

</div>
<iframe src="https://w2.countingdownto.com/4311726" style="position: absolute; top: 80px; right: 0; height: calc(100% - 80px); width: 370px;" title="HEXY cowntdown"></iframe>
</div>
</div>
<div class="hr section sectionFlat fixedBG" style="background-color: #0d0d0f; --bgImage: url(_assets/img/bg/pattern.jpg);">
<div class="hr pageOuter">
<div class="hr section sectionFlat">
<img src="_assets/img/diamond.webp" draggable="false" alt="Why YalaHEX?" class="responsive" style="max-width: 100%;" />
</div>
</div>
</div>
<div class="hr section sectionFlat fixedBG" style="background-color: #0d0d0f; --bgImage: url(_assets/img/bg/floor.jpeg);">
<div class="hr pageOuter">
<center>
<h1 class="hr" style="font-size: 40px; line-height: 1.35em;">YalaHEX is on Twitter!</h1>
<blockquote class="twitter-tweet" data-theme="dark">
<p lang="en" dir="ltr">YalaHEX is coming soon! Stay Tuned! <a href="https://t.co/5yYReR35lD">pic.twitter.com/5yYReR35lD</a></p>&mdash; YalaHEX ($HEXY) 🪜
(@yalahex) <a href="https://twitter.com/yalahex/status/1547995840895000579?ref_src=twsrc%5Etfw">July
15, 2022</a>
</blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</center>

</div>
</div>
<div class="hr section" style="background-color: var(--darkBlue);">
<div class="hr pageOuter">
<div class="fl">
<h1 class="hr" id="section2title">The first 🥇 HEX staking ladder 🪜</h1>
<span class="hr selectable">
YalaHEX (HEXY) is the first 🥇 tokenized 5555 days HEX staking ladder 🪜.<br>Mint HEXY once, redeem
HEX & HDRN every year for 15 years!<br><br>
YalaHEX is a smart contract for trustlessly pooling 15 HEX stakes laddered yearly. The pledged HEX
pool is staked as follows:<br>- 14 yearly stakes of 5.555% of total HEX pledged laddered
yearly.<br>- 1 stake of 22.23% of total HEX pledged for 5555 days.<br><br>
To learn more, please click "read more" below. Whitepaper is being prepared..
</span>
<a class="btn fl" href="howitworks/index.html" style="margin: 25px 30px 0 0;">
<span class="mi">menu_book</span>Read More
</a>
<a class="btn fl" target="blank" href="https://radio.hex.onl/advertise/" style="margin: 25px 30px 0 0;">
<span class="mi">music_note</span>Listen instead</a>

</div>

</div>
</div>
<div class="hr section sectionFlat fixedBG" style="background-color: #0d0d0f; --bgImage: url(_assets/img/bg/hexes.jpg); display:flex; justify-content: center;">
<div class="hr pageOuter" style="display:flex; justify-content: center;">
<div class="hr section sectionFlat">
<img src="_assets/img/hexyStake.webp" draggable="false" alt="Mint Phase" class="responsive" style="max-width: 100%;" />
</div>
</div>

</div>
<div class="hr section sectionFlat fixedBG" style="background-color: #0d0d0f; --bgImage: url(_assets/img/bg/graph.jpg);">
<div class="hr pageOuter">
<div class="hr section sectionFlat">
<img src="_assets/img/redeem.webp" draggable="false" alt="Redeem Phase" class="responsive" style="max-width: 100%;" />
</div>

</div>
</div>
<div class="hr section" style="background-color: var(--darkBlue);">
<div class="hr pageOuter">
<h1 class="hr">Get started in only 4 steps</h1>
<div class="hr hexGrid hexGridLight getStartedGrid" style="grid-template-columns: repeat(4, 1fr);">
<div>
<span class="hr">
<span class="mi">file_download</span>Get MetaMask
</span>
Download & install the <a href="https://metamask.io/download" target="_blank" rel="noopener" class="textLink">MetaMask wallet</a> extension on a desktop browser like Chrome. You can store
and manage your HEXY, HEX & HDRN in this Ethereum wallet.
</div>
<div>
<span class="hr">
<span class="mi">credit_card</span>Buy HEX & ETH
</span>
You can buy HEX directly with your credit card on <a href="https://buy.hex.com/" target="_blank" rel="noopener" class="textLink">buy.hex.com</a> or your MetaMask on <a href="https://ethhex.com/" target="_blank" rel="noopener" class="textLink">ethhex.com</a>. You
need ETH in your wallet to pay transaction fees on Ethereum.
</div>
<div>
<span class="hr">
<span class="mi">swap_horiz</span>Mint HEXY
</span>
Visit <a href target="_blank" rel="noopener" class="textLink">Mint HEXY</a>, connect your
MetaMask wallet with the blue button & pledge HEX. You receive 1 HEXY for each HEX pledged. Leave
some ETH in your wallet to cover gas fees.
</div>
<div>
<span class="hr">
<span class="mi">account_balance</span>Redeem it!
</span>
You already own HEXY at this point, congratulations!<br>Now you can reddem HEX and HDRN every year
for 15 years or trade HEXY and other tokens on <a href="https://app.uniswap.org/#/swap?theme=dark" target="_blank" rel="noopener" class="textLink">Uniswap</a>.
</div>
</div>
<a class="btn" href="howitworks/index.html" style="margin-top: 25px;">
<span class="mi">read_more</span>More details
</a>
</div>
</div>
<div class="hr section sectionFlat fixedBG" style="background-color: #0d0d0f; --bgImage: url(_assets/img/bg/dubai.jpg);">
<div class="hr pageOuter">
<div class="hr section sectionFlat">
<img src="_assets/img/roadmap.webp" draggable="false" alt="YalaHEX Roadmap" class="responsive" style="max-width: 100%;">
</div>
</div>
</div>
<div class="hr section sectionFlat fixedBG" style="background-color: #0d0d0f; --bgImage: url(_assets/img/bg/hexes.jpg);">
<div class="hr pageOuter">
<div class="hr section sectionFlat">
<img src="_assets/img/phexy.webp" draggable="false" alt="pHEXY on Pulsechain" class="responsive" style="max-width: 100%;">
</div>
</div>
</div>
<div class="hr section sectionFlat" style="background-image: url(_assets/img/bg/floor2.jpg);">
<div class="hr pageOuter">
<div class="hr section sectionFlat">
<img src="_assets/img/disclaimer.webp" draggable="false" alt="HEXY vs. HEX Hypothetical Prices Prediction" class="responsive" style="max-width: 100%;" />
</div>
</div>
</div>

<script>
		particlesJS("particleDiv", {
			interactivity: {
				events: {
					onhover: { enable: false },
					onclick: { enable: false }
				}
			},
			particles: {
				number: { value: 10 },
				shape: {
					type: 'image',
					image: { src: '/mstile-150x150', width: 10, height: 10 }
				},
				size: { value: 50, random: true },
				line_linked: { enable: false },
				move: { enable: true, speed: 3, direction: 'top-right' }
			}
		})

		function drawChart(prices) {
			const data = [], labels = []

			for (i = 2; i < prices.length; i++) {
				data.push(prices[i])
				labels.push(i + 1)
			}

			let chartMax = Math.max(...data) * 2
			if (chartMax < 2) chartMax = 2

			new Chart($('#chartCanvas')[0].getContext('2d'), {
				type: 'line',
				data: {
					labels: labels,
					datasets: [{
						data: data, backgroundColor: '#f0f2', borderColor: '#f0f', pointRadius: 0
					}]
				},
				options: {
					tooltips: {
						mode: 'nearest', intersect: false,
						yAlign: 'bottom', xAlign: 'center', titleAlign: 'center', bodyAlign: 'center',
						displayColors: false, cornerRadius: 5,
						backgroundColor: '#fff',
						titleFontFamily: 'Poppins', titleFontStyle: '600', bodyFontSize: 15, bodyFontFamily: 'Jost', titleFontColor: '#555', bodyFontColor: '#000',
						callbacks: {
							title: i => 'HEX Day ' + i[0].xLabel + '\n' + moment('12/2/19').add(parseInt(i[0].xLabel), 'day').format('Do MMM YYYY'),
							label: i => '$' + parseFloat(Number(i.yLabel).toPrecision(2))
						}
					},
					responsive: true, maintainAspectRatio: false,
					elements: { line: { borderJoinStyle: 'round', borderWidth: 3 } },
					legend: { display: false },
					scales: {
						yAxes: [{
							type: 'logarithmic',
							gridLines: { color: '#fff2', lineWidth: 2 },
							scaleLabel: {
								display: true, fontFamily: 'Jost', fontSize: 16, fontColor: '#ccc', labelString: 'HEX price in USD'
							},
							ticks: {
								min: 0, max: chartMax, autoSkip: false, fontFamily: 'Poppins', fontStyle: '600', fontSize: 12, fontColor: '#ccc',
								callback: (value, i, v) => (Math.log10(value) % 1 == 0) ? '$' + value : null
							}
						}],
						xAxes: [{
							gridLines: { color: '#fff2', lineWidth: 2 },
							scaleLabel: {
								display: true, fontFamily: 'Jost', fontSize: 16, fontColor: '#ccc', labelString: 'Days since launch'
							},
							ticks: {
								autoSkip: false, fontFamily: 'Poppins', fontStyle: '600', fontSize: 12, fontColor: '#ccc',
								callback: (value, i, v) => {
									if (value == 3) return 1

									if (value % 100 == 0) return value
								}
							}
						}]
					}
				}
			})
		}

		async function getData() {
			const hdsApi = await $.getJSON('https://hexdailystats.com/hexsite')

			const priceX = Math.floor(hdsApi.priceATH / .000053879) // ATL from https://charts.cointrader.pro/charts.html?coin=HEX%3aUSD
			$('.dataLbl-priceX').text(priceX + 'x')
			$('.dataLbl-millionaire').text('$' + Math.round(1_000_000 / priceX))
			const doublings = Math.floor(Math.log2(priceX))
			$('.dataLbl-doublings').text(doublings)
			const hexDay = Math.floor((new Date().getTime() - 1575244800000) / 1000 / 3600 / 24)
			$('.dataLbl-doubleTime').text(Math.round(hexDay / doublings) + ' days')
			$('.dataLbl-hexDay').text(hexDay)
			$('.dataLbl-hexSentence').html(`After minting phase ends on day 30, the first 5.555% stake ends and can be redeemed as shown below.`)

			$('.dataLbl-avgStakeLength').text(Math.round(hdsApi.averageStakeLength * 10) / 10 + ' years')
			$('.dataLbl-holders').text(hdsApi.numberOfHolders.toLocaleString('en-US'))
			$('.dataLbl-holdersChange').text(`+${hdsApi.numberOfHoldersChange} today`)
			$('.dataLbl-stakers').text(hdsApi.currentStakerCount.toLocaleString('en-US'))
			$('.dataLbl-stakersChange').text(`+${hdsApi.currentStakerCountChange} today`)
			$('.dataLbl-tvl').text(`$${Math.round(hdsApi.totalValueLocked / 1_000_000_000)}B`)
			$('.dataLbl-stakedSupply').text(Math.round(hdsApi.stakedHEX / 1_000_000_000) + 'B HEX')
			$('.dataLbl-supply').text(Math.round(hdsApi.circulatingHEX / 1_000_000_000) + 'B HEX')
			$('.dataLbl-shareX').text(Math.floor(hdsApi.tshareRateUSD_Highest / .56).toLocaleString('en-US') + 'x')
			$('.dataLbl-sharePrice').text(Math.round(hdsApi.tshareRateUSD_Highest))

			drawChart(hdsApi.priceUV2UV3_Array)

			// Production key for hex.com domain: 2ae62545bbe20a35fc20f2a7cc5a95a9
			const nApi = await $.getJSON('https://api.nomics.com/v1/currencies/ticker?key=2ae62545bbe20a35fc20f2a7cc5a95a9&amp;ids=HEX&amp;interval=1d&amp;per-page=100')

			$('.dataLbl-price').text('$' + parseFloat(nApi[0].price).toFixed(2))
			$('.dataLbl-mCap').text(`$${Math.round(hdsApi.circulatingHEX * parseFloat(nApi[0].price) / 1_000_000_000)}B`)
			$('.dataLbl-dominance').text(Math.round(parseFloat(nApi[0].market_cap_dominance) * 1000) / 10 + '%')
			$('.dataLbl-exchanges').text(nApi[0].num_exchanges)
			$('.dataLbl-rank').text('#' + nApi[0].rank)
		}
		getData()
	</script>
<style>
		
		#socialsOuter>a>img {
			height: 50px;
			position: absolute;
			transition: all .1s;
			clip-path: polygon(
					/*this is only to make hover effect borders more smooth*/
					25% 5%,
					75% 5%,
					102% 50%,
					75% 95%,
					25% 95%,
					-2% 50%);
		}

		@media not all and (pointer:coarse) {
			#socialsOuter>a>img:hover {
				transform: scale(1.08);
			}
		}

		#footerOuter {
			padding-top: 145px !important;
			padding-bottom: 40px;
		}

		@media (max-width: 1150px) {
			#footerOuter {
				padding-top: 95px !important;
			}
		}

		#socialsOuter {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 320px;
			height: 102px;
			transform: translate(-50%, -50%);
		}

		@media (max-width: 820px) {
			#footerOuter>.pageOuter {
				text-align: center;
			}

			#socialsOuter {
				display: inline-block;
				position: relative;
				transform: none;
				left: auto;
				margin: 50px 0;
			}

			#disclaimerOuter,
			#footerLinksOuter {
				width: 100%;
				text-align: center !important;
			}
		}

		@media (max-width: 360px) {
			#socialsOuter {
				left: 50%;
				transform: translateX(-50%);
				margin: 30px 0;
			}
		}
	</style>
<div class="hr section" id="footerOuter" style="background-color: var(--bgColor);">
<span class="hr pageOuter">
<div class="fl" id="footerLinksOuter" style="float: right; text-align: right; line-height: 1.6em;">
<a href="https://hex.com" class="textLink footerLink" target="_blank">HEX.com website</a><br>
<a href="https://pulsechain.com" class="textLink footerLink" target="_blank">Pulsechain website</a><br>
<a href="https://pulsex.com" class="textLink footerLink" target="_blank">PulseX website</a>
</div>
<div id="socialsOuter">
<a target="_blank" rel="noopener" href="https://t.me/yalahex">
<img src="_assets/img/socials/tg.webp" style="left: 45px; bottom: 52px;" alt="Telegram social icon">
</a>
<a target="_blank" rel="noopener" href="https://medium.com/">
<img src="_assets/img/socials/tg2.webp" style="left: 0; bottom: 26px;" alt="Telegram news social icon">
</a>
<a target="_blank" rel="noopener" href>
<img src="_assets/img/socials/tg3.webp" style="left: 90px; bottom: 26px;" alt="Telegram Trading icon">
</a>
<a target="_blank" rel="noopener" href>
<img src="_assets/img/socials/tg4.webp" style="left: 45px; bottom: 0px;" alt="Telegram Memes icon">
</a>
<a target="_blank" rel="noopener" href="https://twitter.com/yalahex">
<img src="_assets/img/socials/tw.webp" style="left: 225px; bottom: 52px;" alt="Twitter logo icon">
</a>
<a target="_blank" rel="noopener" href="https://www.youtube.com/@yalahex">
<img src="_assets/img/socials/yt.webp" style="left: 135px; bottom: 52px;" alt="YouTube logo icon">
</a>
<a target="_blank" rel="noopener" href="https://reddit.com/r/">
<img src="_assets/img/socials/rt.webp" style="left: 180px; bottom: 26px;" alt="Reddit logo icon">
</a>
<a target="_blank" rel="noopener" href="https://discord.gg/">
<img src="_assets/img/socials/dc.webp" style="left: 225px; bottom: 0px;" alt="Discord logo icon">
</a>
<a target="_blank" rel="noopener" href="https://facebook.com/yalahex">
<img src="_assets/img/socials/fb.webp" style="left: 270px; bottom: 26px;" alt="Facebook logo icon">
</a>
<a target="_blank" rel="noopener" href="https://instagram.com/yalahex">
<img src="_assets/img/socials/ig.webp" style="left: 135px; bottom: 0px;" alt="Instagram logo icon">
</a>
</div>
<div class="fl" id="disclaimerOuter">
YalaHEX.com
<br><br>
<span style="font-size: 12px; color: #555;">
Copyright © 2022. All Rights Reserved.<br>
<a href class="textLink" style="color: #555; margin-right: 5px;">Disclaimer</a>

<a href class="textLink" style="color: #555; margin-right: 5px;">ToS</a>

<a href class="textLink" style="color: #555;">Privacy</a>

</span>
</div>
</span>
</div>
<script>
		function scrollToElem(elemID) {
			window.scrollTo(0, $('#' + elemID).offset().top - 160)
		}


		$('.infoBtn').each((index, elem) => {
			const btnText = $(elem).text()
			$(elem).attr('href', `javascript:showInfoDiv("${btnText}")`)
			// Add icon to button
			$(elem).html(`<span class="mi">${content[btnText][1]}</span>${$(elem).html()}`)
		})

		function showInfoDiv(cID) {
			$('#infoDivTitle').html(`
				<span class="mi">${content[cID][1]}</span>
				<span style="z-index: 2102; position: relative;">${content[cID][0]}</span>
			`)
			$('#infoDivText').html(content[cID][2].replace(/\r?\n/g, '<br>'))
			$('.infoDiv, .blackBG').show()
			window.location.hash = cID.replaceAll(' ', '_')
		}

		function close() {
			history.replaceState(null, null, ' ')
			$('.infoDiv, .blackBG').hide()
		}


		const flSiteIndex = ['downloads', 'trading', 'dev'].indexOf(window.location.pathname.replaceAll('index.html', ''))
		if (flSiteIndex > -1)
			$(`.footerLink:eq(${flSiteIndex})`).css({
				cursor: 'default',
				'text-decoration': 'none',
				'font-weight': '700'
			}).attr('href', 'javascript:')

		// Scam warning & Job Listing
		setTimeout(() => {
			console.log(
				'%cSTOP!\n%cNEVER paste anything in here! YOU WILL GET SCAMMED!!!\n%cOnly type anything in here if you are VERY sure about what you are doing! Otherwise there is an extremely high chance that you WILL LOSE YOUR MONEY!',
				'font-size: 50px; font-weight: 900; color: #f00;',
				'font-size: 30px; font-weight: 900; color: #f00;',
				'font-size: 15px; font-weight: 900; color: #f00;'
			)

			console.log(
				'%cBut\n%cin case you actually know what you are doing visit hex.com/dev',
				'font-size: 50px; font-weight: 900; color: #f0f;',
				'font-size: 15px; font-weight: 900; color: #f0f;'
			)
		}, 1000)
	</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v52afc6f149f6479b8c77fa569edb01181681764108816" integrity="sha512-jGCTpDpBAYDGNYR5ztKt4BQPGef1P0giN6ZGVUi835kFF88FOmmn8jBQWNgrNd8g/Yu421NdgWhwQoaOPFflDw==" data-cf-beacon='{"rayId":"7ceb22713d6e399e","version":"2023.4.0","r":1,"b":1,"token":"5661308967f9411fa13eec2dbcb778ed","si":100}' crossorigin="anonymous"></script>
</body>

</html>