\n omewhere in the multiverse, an imperial rooster from a collapsing planet wandered the space on a quest to seek for a new home-sweet-home. Sure enough, his spacecraft was hit by a meteorite and crashed on an uncharted planet named Sriracha, where he discovered an island full of \"The Holy Jalapeño Pepper Trees\". His guts told him at first sight, \"This is where my family was destined for\", not really a sweet home, but something much, much better... The HOTTEST civilization was about to begin.\n
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
K
\n ing rooster and his first troop finally set foot on Sriracha planet. With massive Jalapeño power source, families turned into a tribe, tribes grew into a state, and states prospered into a planetary empire.\n
\n Investor gone crypto. His mission is to decarbonize the world with great tasting food and making sustainable food experience enjoyable. His goal is to improve the quality of life not just for himself but for the planet.\n
\n
\n\n
\n
\n
\n \n Big Head (Co-founder)
\n
\n Co-founder and cyrpto enthusiast. Over 7+ years in the food and beverage industry. He is focused on creating a community driven project that contributes and integrates people from all over the world. For the love of sauce\n
\n
\n\n
\n
\n
\n \n Goose (Artist)
\n
\n Artist behind Nearnauts and Astropups bluechip on Near Protocal, his works are recognized and loved by people around the world with distinctive style.\n
\n
\n
\n\n
\n
\n
\n \n Sap1en (Creative Director)
\n
\n NFT Creator and collector, started with Near Protocol and that where he met Goose, Sap1en and Goose are team up for the extraordinary art \n
\n
\n
\n\n
\n
\n
\n \n Aosora (Project Manager)
\n
\n Marketer & Project ManagerBackground in entertainment industry, Aosora's interested in creative-new media industry and she believe community driven environment of WEB3 is the future\n
\n
\n\n
\n
\n
\n \n Cham (Community Manager)
\n
\n NFT Enthusiast, full time web3. Over 4 yrs in the food industry.\n
\n
\n
\n\n
\n
\n
\n
\n
\n
\n
\n
\n {/* */}\n \n \n
\n )\n }\n}\nexport default Team;","var _g;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgLeft(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 42.022,\n height: 42.022,\n viewBox: \"0 0 42.022 42.022\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"left\",\n transform: \"translate(0 0)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Icon-Set-Filled\",\n transform: \"translate(0 0)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"chevron-right-square\",\n d: \"M272.818,1007.031l11.782,11.744a1.327,1.327,0,1,0,1.877-1.878l-10.911-10.865,10.911-10.873a1.316,1.316,0,0,0,0-1.869,1.333,1.333,0,0,0-1.877,0l-11.782,11.741a1.519,1.519,0,0,0,0,2ZM263.253,985h31.516a5.253,5.253,0,0,1,5.253,5.253v31.516a5.252,5.252,0,0,1-5.253,5.253H263.253a5.252,5.252,0,0,1-5.253-5.253V990.253A5.253,5.253,0,0,1,263.253,985Z\",\n transform: \"translate(-258 -985)\",\n fill: \"#dc7107\",\n fillRule: \"evenodd\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLeft);\nexport default __webpack_public_path__ + \"static/media/left.899fb1db.svg\";\nexport { ForwardRef as ReactComponent };","import \"./Mazk_Banner2.css\";\nimport * as THREE from 'three';\nimport React, { Component } from \"react\"; \nimport { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';\nimport { HDRCubeTextureLoader } from 'three/examples/jsm/loaders/HDRCubeTextureLoader.js';\n//import { DebugEnvironment } from 'three/examples/jsm/environments/DebugEnvironment.js';\n//import { ColorSpaceNode, MeshStandardNodeMaterial } from 'three/examples/jsm/nodes/Nodes.js';\n\nvar w , h;\nvar renderer = new THREE.WebGLRenderer({alpha:true, antialias:true});\nvar camera;\nvar clock = new THREE.Clock();\nvar mixer1;\nvar obj1;\nvar previousWidth;\n\nvar acdx = 0 , acdy = 0;\nvar vnmu = true;\nvar bw , bl, tttt;\nvar divw1;\nvar btt;\n\n\nvar fng1 = \"HSC_banner1.glb\"\nvar fr = 1;\nvar offY = 0;\nvar zw = 50;\nvar jios = 0;\nvar scene = new THREE.Scene();\nvar fov1 = 4;\nvar topStory1 = 0;\nvar myRFA;\nvar loader;\nclass Banner2 extends Component {\n render() {\n return (\n
\n \n
\n
\n \n
\n
\n {/* */}\n \n
\n \n What is \n Sriracha Club? \n The Sriracha Hot Sauce Club is aimed to be the largest and most accessible NFT community for hot sauce lovers and people who are really passionate about food and want to create a business around it. With the vision of our founder, Dan Pathomvanich, we want to unite all food enthusiasts and entrepreneurs not just in Asia but around the world to come together to create a sustainable environment not just for yourself but for everyone. We aim to connect, support, and guide our followers who just love food and making there dreams come to reality.\n
\n
\n \n
\n
\n
\n
\n
\n
\n )\n }\n}\nexport default Banner2;","import './Mazk_MainPage.css';\nimport Header4 from \"../header/Header_2\";\nimport Banner1 from \"../Main_Page/Mazk_Banner1\";\nimport Banner2 from \"../Main_Page/Mazk_Banner2\";\nimport Team from \"../Main_Page/Team\";\nimport React, { Component } from \"react\";\n\nclass MazkMainPage extends Component {\n\n render(){\n return (\n
\n YOU WILL FIND HTE CONNECT WALLET PAGE.\n 1. TO CHECK YOUR ELIGIBILITY, CLICK THE CONNECT WALLET BUTTON.\n 2. IF YOU ARE THE WL, IT WILL APPEAR \"CONGRATULATIONS! YOU'RE ON THE MAZK LIST.\" ON THE SCREEN. \n 3. IF YOU DO NOT RECEIVE WL, THE MESSAGE \"SORRY,YOU ARE NOT ON THE MAZK LIST\" WILL APPEAR.\n 4. IF YOU CANNOT FIND YOUR WALLET ADDRESS ON THE WEBSITE, PLEASE CONTACT US ON DISCORD BY \n CLICKING TICKET SUPPORT.\n 5. IF YOU ON THE LIST , PLEASE WAIT FOR PRE-SALE DATE.\n
\n 1. CONNENCT YOUR WALLET BY METAMASK. \n 2. IF YOU ARE ON THE MASK LIST, MINT BUTTON WILL BE GREEN. \n 3. PLEASE READ THE INFORMATION. \n 4. GO MINT BY FOLLOWING THE INSTRUCTIONS . \n 5. WAIT UNTIL TRANSACTION IS COMPLETED. \n 6. CONENCT THE SAME WALLET TO OPENSEA. YOU WILL SEE THE MAZK APPEARED.\n
\n
\n
\n PUBLIC-SALE
\n MAXIMUM 5 MINTS PER TRANSACTION \n PRICE 0.15 ETH PER MINT \n MAKE SURE YOUR WALLET IS FUNDED\n
\n
\n
\n
\n PRICE 0.15 ETH PER MINT \n \n AWESOME YOU GOT {mintAmount} MAZK\n TOTAL {(mintAmount*0.15).toFixed(2)} ETH + GAS \n
\n
\n
\n
\n SORRY! \n YOU ARE NOT ON THE MAZK LIST \n PLEASE COME BACK \n PUBLIC SALE \n 11 JUNE 2022\n
\n
\n
\n
\n OOPS!
\n
\n YOU WALLET IS ALREADY FULLY MINTED. \n MAXIMUM 2 MINTS PER WALLET\n
![\"\"](\"twitter.svg\")
\n ![\"\"](\"discord.svg\")
\n ![\"\"](\"opensea.svg\")
\n ![\"\"](\"MAZK_LOGO.png\")
\n ![](\"MINT_BTN.png\")
\n \n\n ![\"\"](\"mission.png\")
\n ![\"\"/](\"vision.png\")
*/}\n 
\n 
\n ![](\"team1.jpg\")
![](\"team2.jpg\")
![](\"team3.jpg\")
![](\"team4.jpg\")
![](\"team5.jpg\")
![](\"team6.jpg\")
![](\"front2_1.png\")
\n ![](./element/element_\"+j+\"/\"+i+\".png)
\";\n dc.appendChild(iDiv);\n }\n }\n\n showCat(i){\n for(var j=1;j<=8;j++){\n if(j==i){\n document.getElementById(\"cat_btn_\"+j).style.backgroundColor = 'lightgray';\n }else{\n document.getElementById(\"cat_btn_\"+j).style.backgroundColor = 'transparent';\n }\n }\n var allCat = document.querySelectorAll(\"[type='btn_item']\");\n allCat.forEach((el) => {\n if(el.getAttribute(\"cat\") == i){\n el.style.display = 'flex';\n }else{\n el.style.display = 'none';\n }\n });\n }\n\n screenShot = (element) => {\n document.getElementById(\"pfp_result_shuffle\").style.display = 'none';\n document.getElementById('pfp_result').style.borderWidth = '0px';\n document.getElementById('pfp_img_8').style.borderWidth = '0px';\n document.getElementById('pfp_result').style.borderRadius = '0px' ; \n document.getElementById('pfp_img_8').style.borderRadius = '0px' ; \n document.getElementById('pfp_result_8').style.borderRadius = '0px' ;\n html2canvas(element).then((canvas) => {\n const image = canvas.toDataURL('png');\n const a = document.createElement('a');\n a.setAttribute('download', 'certificate.png');\n a.setAttribute('href', image);\n a.click();\n document.getElementById(\"pfp_result_shuffle\").style.display = 'inline';\n document.getElementById('pfp_result').style.borderWidth = '2px';\n document.getElementById('pfp_result').style.borderRadius = '20px';\n document.getElementById('pfp_img_8').style.borderRadius = '20px' ;\n });\n } \n\n componentDidMount() {\n document.getElementsByTagName(\"BODY\")[0].style.overflowY = 'hidden'; \n document.documentElement.style.overflowY = 'hidden'; \n document.documentElement.style.overflowX = 'hidden'; \n document.getElementsByTagName(\"BODY\")[0].style.height = '100%'; \n document.documentElement.style.height = '100%'; \n\n setTimeout( () => {\n document.getElementById(\"root\").style.display = ''; \n document.getElementById(\"preload\").style.display = 'none'; \n },100); \n\n var animate = function () {\n //myRFA = requestAnimationFrame( animate); \n };\n for(var i=1;i<=8;i++){\n this.loadAllCat(i);\n }\n this.showCat(1);\n this.shuffle();\n /*setTimeout( () => {\n html2canvas(document.querySelector(\"#pfp_result\")).then(canvas => {\n document.body.appendChild(canvas)\n });\n },2000); */\n //animate(); \n //window.addEventListener('resize', this.onBannerResize , false );\n }\n\n componentWillUnmount() { \n document.getElementsByTagName(\"BODY\")[0].style.overflowY = ''; \n document.documentElement.style.overflowY = ''; \n document.documentElement.style.overflowX = ''; \n document.getElementsByTagName(\"BODY\")[0].style.height = '100%'; \n document.documentElement.style.height = '100%'; \n //cancelAnimationFrame(myRFA);\n //window.removeEventListener('resize', this.onBannerResize , false );\n }\n \n render() {\n return (\n ![](\"./element/background.png\")
\n ![](\"./element/tail.png\")
\n ![](\"./element/fur.png\")
\n ![](\"./element/clothing.png\")
\n ![](\"./element/head.png\")
\n ![](\"./element/wattle.png\")
\n ![](\"./element/eye.png\")
\n ![](\"./element/mouth.png\")
\n ![](\"./shuffle_btn.png\")
\n ![](\"./save_btn.png\")
{this.screenShot(document.getElementById('pfp_result'))}} />\n 
\n AWESOME YOU GOT {mintAmount} MAZK\n ![](\"greenmintbar2.gif\")
\n 
\n 
\n ![\"\"](\"Pro1.jpg\")
\n 
\n กำลังดำเนินการ (กรุณารอ)![](\"how_to_mint.jpg\")
*/}\n