\r\n {\r\n window.open(\"https://discord.gg/9VXDeCx6bH\");\r\n }}\r\n >\r\n {!visitorMessage ? \"JOIN THE WHITELIST\" : \"GO TO DISCORD\"}\r\n \r\n ) : (\r\n {\r\n window.open(\"https://discord.gg/9VXDeCx6bH\");\r\n }}\r\n >\r\n {!visitorMessage ? \"JOIN THE WHITELIST\" : \"GO TO DISCORD\"}\r\n \r\n )}\r\n {/*
\r\n );\r\n};\r\n\r\nexport default WalletCard;\r\n","import React from \"react\";\r\nimport NavLink from \"./NavLink\";\r\nimport { navLinks } from \"./navLinks\";\r\nimport \"./Nav.css\";\r\nimport discord from \"../images/discord-logo.ico\";\r\nimport twitter from \"../images/twitter-logo.ico\";\r\nimport medium from \"../images/medium-logo.ico\";\r\nimport rarity from \"../images/rarity-sniper-logo.ico\";\r\nimport Button from \"react-bootstrap/Button\"\r\nimport logo from \"../images/logo.ico\"\r\nimport WalletCard from \"../web3Components/WalletCard.js\"\r\nimport { useMediaQuery } from \"../customHooks/useMediaQuery\";\r\n\r\nconst Nav = () => {\r\n const bigScreen = useMediaQuery('(min-width: 960px)');\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default Nav;\r\n","import React from \"react\";\r\nimport \"./Page.css\";\r\n\r\nconst Footer = () => {\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import { useRef, useContext, useEffect } from 'react';\r\nimport { useOnScreen } from './useOnScreen';\r\nimport { NavContext } from '../context/NavContext';\r\n\r\nexport const useNav = navLinkId => {\r\n\tconst ref = useRef(null);\r\n\r\n\tconst { setActiveNavLinkId } = useContext(NavContext);\r\n\r\n\tconst isOnScreen = useOnScreen(ref);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isOnScreen) {\r\n\t\t\tsetActiveNavLinkId(navLinkId);\r\n\t\t}\r\n\t}, [isOnScreen, setActiveNavLinkId, navLinkId]);\r\n\r\n\treturn ref;\r\n};\r\n","import { useState, useEffect } from 'react';\r\n\r\nexport const useOnScreen = ref => {\r\n\tconst [isOnScreen, setOnScreen] = useState(false);\r\n\r\n\tconst observer = new IntersectionObserver(\r\n\t\t([entry]) => setOnScreen(entry.isIntersecting),\r\n\t\t{\r\n\t\t\tthreshold: [0.25, 0.5, 0.75],\r\n\t\t}\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tobserver.observe(ref.current);\r\n\t\treturn () => {\r\n\t\t\tobserver.disconnect();\r\n\t\t};\r\n\t});\r\n\r\n\treturn isOnScreen;\r\n};\r\n","import React, { useState } from \"react\";\r\nimport { useNav } from \"../customHooks/useNav\";\r\nimport \"./Page.css\";\r\nimport {Accordion, Col} from \"react-bootstrap\";\r\nimport { useMediaQuery } from \"../customHooks/useMediaQuery\";\r\n\r\nconst FaqPage = () => {\r\n const faqRef = useNav('FaqPage');\r\n const bigScreen = useMediaQuery('(min-width: 600px)');\r\n\r\n const headerStyle = {\r\n backgroundColor: '#000000', color:\"white\", display:\"block\"\r\n }\r\n\r\n const textStyle = {\r\n backgroundColor: '#000000', color:\"white\"\r\n }\r\n \r\n return (\r\n \r\n \r\n {mainMessage}\r\n \r\n
\r\n \r\n \r\n mintCount\r\n ? setMintCount(mintCount - 1)\r\n : setVisitorMessage(\"Mint amount can't be negative :)\")\r\n }\r\n >\r\n {\"-\"}\r\n \r\n \r\n {`MINT ${mintCount} ${mintCount > 1 ? \"DIAMONDS\" : \"DIAMOND\"}`}\r\n \r\n setMintCount(mintCount + 1)}\r\n >\r\n {\"+\"}\r\n \r\n
*/}\r\n \r\n \r\n \r\n {visitorMessage}\r\n \r\n
\r\n {\"FAQ\"}
\r\nIf you are interested in becoming a partner or sponsor, please feel free to reach us out at \r\n info@cryptodaomonds.com\r\n
}\r\n\r\n
\r\n );\r\n};\r\n\r\nconst getTimeSeconds = (time) => (minuteSeconds - time) | 0;\r\nconst getTimeMinutes = (time) => ((time % hourSeconds) / minuteSeconds) | 0;\r\nconst getTimeHours = (time) => ((time % daySeconds) / hourSeconds) | 0;\r\nconst getTimeDays = (time) => (time / daySeconds) | 0;\r\n\r\nfunction toTimestamp(strDate){\r\n var datum = Date.parse(strDate);\r\n return datum/1000;\r\n}\r\nconst Roadmap = () => {\r\n const stratTime = Date.now() / 1000; // use UNIX timestamp in seconds\r\n const endTime = toTimestamp('3/22/2022 12:00:00'); // use UNIX timestamp in seconds\r\n\r\n const remainingTime = endTime - stratTime;\r\n const days = Math.ceil(remainingTime / daySeconds);\r\n const daysDuration = days * daySeconds;\r\n\r\n const roadmapRef = useNav(\"Roadmap\");\r\n const bigScreen = useMediaQuery(\"(min-width: 960px)\");\r\n\r\n return (\r\n {time}
\r\n {dimension}
\r\n \r\n \r\n {({ elapsedTime, color }) => (\r\n \r\n {renderTime(\"days\", getTimeDays(daysDuration - elapsedTime))}\r\n \r\n )}\r\n \r\n ({\r\n shouldRepeat: remainingTime - totalElapsedTime > hourSeconds,\r\n })}\r\n >\r\n {({ elapsedTime, color }) => (\r\n \r\n {renderTime(\"hours\", getTimeHours(daySeconds - elapsedTime))}\r\n \r\n )}\r\n \r\n ({\r\n shouldRepeat: remainingTime - totalElapsedTime > minuteSeconds,\r\n })}\r\n >\r\n {({ elapsedTime, color }) => (\r\n \r\n {renderTime(\"minutes\", getTimeMinutes(hourSeconds - elapsedTime))}\r\n \r\n )}\r\n \r\n ({\r\n shouldRepeat: remainingTime - totalElapsedTime > 0,\r\n })}\r\n >\r\n {({ elapsedTime, color }) => (\r\n \r\n {renderTime(\"seconds\", getTimeSeconds(elapsedTime))}\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n We are going to do our initial launch on this day. Only whitelist\r\n members are going to be eligible to mint for 0.11 $ETH. First 500 NFTs are going to be FREE!\r\n
\r\n\r\n They can mint up to 2 Diamonds.\r\n
\r\n\r\n They can mint up to 5 Diamonds that will be mix of superb, rare or\r\n scarce diamonds.\r\n
\r\n\r\n They can mint up to 11 Diamonds that will be either superb or rare.\r\n
\r\n\r\n\r\n We are opening our NFTs to everyone. Public mint is going to be\r\n available on our website. The public mint price is 0.22 $ETH. \r\n
\r\n\r\n They can only mint a single NFT.\r\n
\r\n \r\n$WOW TOKEN
\r\n\r\n Once the minted NFTs are revealed, diamond NFT owners is going to\r\n start earning $WOW token. The tokens are generated based on the\r\n daily yield amount of the NFTs staked by their owners.\r\n
\r\n\r\n Token Generation\r\n
\r\n\r\n There are 5 different types of diamond NFTs and each can generate\r\n different number of tokens, ranging from 2 to 11 $WOW token daily.\r\n
\r\n\r\n We are going to buy blue chip NFTs for our community after a\r\n sell-out milestone achieved.\r\n
\r\n\r\n First BLUECHIP NFT purchase\r\n
\r\n\r\n 35 NFT purchase including BLUECHIP NFTs and NFTs with staking feature\r\n
\r\n\r\n We are going to have new ventures with cryptoDAOmond community's\r\n vote and contribution.\r\n
\r\n\r\n Our diamonds are designed to be collected and used in various games.\r\n We will explore the opportunities in different metaverse platforms\r\n as well as start developing our own games.\r\n
\r\n\r\n Once we reach to enough $WOW token supply from the yield\r\n generations, we are going to provide liquidity to our token. That\r\n means the token you are holding is going to have a value against\r\n $ETH and have option to exchange your tokens with $ETH if you want\r\n to.\r\n
\r\n\r\n 
\r\n
\r\n )\r\n }\r\n}\r\nclass CardAvatar extends React.Component {\r\n render(){\r\n return (\r\n \r\n 
\r\n
\r\n )\r\n }\r\n}\r\nclass CardTitle extends React.Component {\r\n render(){\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\nclass CardBio extends React.Component {\r\n render(){\r\n return (\r\n {this.props.title}
\r\n{this.props.subTitle}
\r\n\r\n
\r\n )\r\n }\r\n}\r\nclass CardSocialIcons extends React.Component {\r\n render(){\r\n return (\r\n {this.props.bio}
\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\nclass CardBack extends React.Component {\r\n render(){\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nclass Card extends React.Component {\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n title : \"Jake Sully\",\r\n subTitle: \"\",\r\n bio: \"Sick of doctors telling me what I couldn't do. I was a marine. A warrior... of the uh... Jarhead Clan. My cup is empty.\",\r\n direction: \"forwards\"\r\n }\r\n }\r\n componentWillMount(){\r\n if (this.props.type ===\"wick\"){\r\n this.setState({\r\n title: \"John Wick\",\r\n subTitle: \"\",\r\n bio: \"People keep asking if I'm back and I haven't really had an answer. But now, yeah, I'm thinkin' I'm back.\"\r\n });\r\n } else if (this.props.type === \"groot\"){\r\n this.setState({\r\n title: \"Groot\",\r\n subTitle: \"\",\r\n bio: \"I am Groot. I am Groot... I am Groot, I am Groot, I am Groot I am Groot. I am Groot. I am Groot. I am Groot.\"\r\n })\r\n } else if (this.props.type === \"hitgirl\"){\r\n this.setState({\r\n title: \"Mindy Mcready\",\r\n subTitle: \"\",\r\n bio: \"I can't see through walls but I can kick your ass. I think some tasers look gay. Robin wishes he was me.\"\r\n })\r\n }\r\n }\r\n render(){\r\n \r\n return (\r\n \r\n
\r\n )\r\n }\r\n }\r\n class CardContainer extends React.Component {\r\n render(){\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n @AdamTheWizard
\r\n\r\n
\r\n )\r\n }\r\n }\r\n export default CardContainer;","import React from \"react\";\r\nimport \"./FlipCard.scss\";\r\n\r\nconst isMobileDevice = () => {\r\n return \"ontouchstart\" in window || \"onmsgesturechange\" in window;\r\n };\r\n\r\nclass Card extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n flipped: false,\r\n clicked: false,\r\n };\r\n }\r\n\r\n flip = () => {\r\n this.setState({\r\n flipped: !this.state.flipped,\r\n clicked: true,\r\n });\r\n };\r\n\r\n render() {\r\n var flippedCSS = this.state.flipped\r\n ? \" Card-Back-Flip\"\r\n : \" Card-Front-Flip\";\r\n if (!this.state.clicked) flippedCSS = \"\";\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Card;\r\n","import React from \"react\";\r\nimport { useNav } from \"../customHooks/useNav\";\r\nimport \"./Page.css\";\r\nimport { Col } from \"react-bootstrap\";\r\nimport CardContainer from \"./Cards\";\r\nimport Card from \"./FlipCard\";\r\nimport SuperbDiamond from \"../images/superb.png\";\r\nimport RareDiamond from \"../images/rare.png\";\r\nimport ScarceDiamond from \"../images/scarce.png\";\r\nimport LimitedDiamond from \"../images/limited.png\";\r\nimport StandardDiamond from \"../images/standard.png\";\r\n\r\nconst Story = () => {\r\n const aboutRef = useNav(\"Story\");\r\n\r\n const Highlight = ({ text }) => {\r\n return (\r\n \r\n
\r\n {this.props.children}
\r\n {text}
\r\n );\r\n };\r\n return (\r\n\r\n {\"CRYPTODAOMONDS\"}\r\n
\r\n\r\n {`Earn big and strike riches with CryptoDAOmonds. 11,111 unique items will be minted on the mint date, allowing you to begin amassing your collection of diamond characters.\r\n `}\r\n
\r\n\r\n {`Once 100% sellout is reached, 11 of the Legendary diamond characters will be auctioned on a secondary market. Collect your diamond characters today and get ready to become a wealthy diamond owner.\r\n `}\r\n
\r\n\r\n\r\n \r\n \r\n {`\\nThe Superb Diamonds`}\r\n \r\n \r\n {`=> Clarity = 11 (MAXIMUM)\\n=> Carbon = 99.99% (MAXIMUM)\\n=> Carat = 90 to 100`}\r\n \r\n \r\n \r\n \r\n {`\\nThe Rare Diamonds`}\r\n \r\n \r\n {`=> Clarity = 9 or 10\\n=> Carbon = 99.99%(MAXIMUM)\\n=> Carat = 66 to 99`}\r\n \r\n \r\n \r\n \r\n {`\\nThe Scarce Diamonds`}\r\n \r\n \r\n {`=> Clarity = 8 or 10\\n=> Carbon = 99.97%\\n=> Carat = 50 to 65`}\r\n \r\n \r\n \r\n \r\n {`\\nThe Limited Diamonds`}\r\n \r\n \r\n {`=> Clarity = 5 or 7\\n=> Carbon = 99.97%\\n=> Carat = 30 to 49`}\r\n \r\n \r\n \r\n \r\n {`\\nThe Standard Diamonds`}\r\n \r\n \r\n {`=> Clarity = 1 or 4\\n=> Carbon = 99.95%\\n=> Carat = 1 to 29`}\r\n \r\n \r\n
\r\n\r\n \r\n The rarest diaomonds of our NFT collection. They earn you 11 $WOW\r\n token daily if you stake them.\r\n
\r\n\r\n These diamonds are rare to be found as you can tell from their\r\n name :) Their yield generation is 8 $WOW a day.\r\n
\r\n\r\n There are 2000 of the scarce diamonds and their yield generation\r\n from staking is 5 $WOW token a day.\r\n
\r\n\r\n There are 2000 of the limited diamonds and their yield generation\r\n when they are staked is 3 $WOW token a day.\r\n
\r\n\r\n There are over 5000 of these waiting to be minted by their future\r\n owners. Each one gives 2 $WOW daily when staked.\r\n
\r\n\r\n {\"TOKENOMICS\"}\r\n
\r\n\r\n {`Each diamond character you own can be staked to earn $WOW token, and the rarer your characters are, the more $WOW token you are going to recieve!\r\n `}\r\n
\r\n\r\n {`Every $WOW token holding allows its owners to vote on the project development. Anything from new releases to experiences can be decided upon by voters and paid by the community wallet. With your diamonds, you’ll also have access to epic rewards, including merch, NFT claims, raffles, community giveaways and meet-up events.\r\n `}\r\n
\r\n \r\n\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nReactDOM.render(\r\n\t\r\n \r\n \r\n \r\n \r\n
\r\n