{"version":3,"sources":["Content/Make Something Powerful.png","Content/Work Station.jpg","Content/student.jpg","Home.js","NotFound.js","ImageLoader.js","Games.js","Quintessential.js","ShadowMonsters.js","SilverProphet.js","LostFate.js","Contact.js","App.js","reportWebVitals.js","index.js"],"names":["Home","id","className","src","MakeSomethingPowerful","alt","WorkStation","Student","NotFound","ImageLoader","props","useState","isLoading","setIsLoading","useEffect","img","Image","onload","thumb","Games","to","Quintessential","toggleParagraph","setToggleParagraph","window","scrollTo","onClick","href","aria-label","class","ShadowMonsters","SilverProphet","LostFate","Contact","email","setEmail","name","setName","message","setMessage","data-valmsg-summary","htmlFor","type","placeholder","required","value","onChange","e","target","rows","$","hide","post","done","data","console","log","show","fail","response","toggleMobile","toggle","App","exact","path","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.34fb122a.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/Make Something Powerful.41cc2870.png\";","export default __webpack_public_path__ + \"static/media/Work Station.42d904bc.jpg\";","export default __webpack_public_path__ + \"static/media/student.46e4c737.jpg\";","import React from \"react\";\r\nimport { FaCog, FaGem, FaMobileAlt, FaSun, FaAtom } from \"react-icons/fa\";\r\nimport { FiGlobe } from \"react-icons/fi\";\r\nimport MakeSomethingPowerful from \"./Content/Make Something Powerful.png\";\r\nimport WorkStation from \"./Content/Work Station.jpg\";\r\nimport Student from \"./Content/student.jpg\";\r\n\r\nfunction Home() {\r\n    // var currentCard = 1;\r\n\r\n    // function change_image() {\r\n    //     $(\"#slider-\" + currentCard).fadeOut(1000);\r\n    //     currentCard++;\r\n    //     if (currentCard > 3) currentCard = 1;\r\n    //     $(\"#slider-\" + currentCard).fadeIn(1500);\r\n    // }\r\n\r\n    // window.setInterval(function () {\r\n    //     /// call your function here\r\n    //     change_image();\r\n    // }, 4000);\r\n\r\n    return (\r\n        <>\r\n            <div id='slider'>\r\n                <div id='slider-1'>\r\n                    <img\r\n                        className='full-width'\r\n                        src={MakeSomethingPowerful}\r\n                        alt='Make Something Power - Our team of web designers and developers will build something powerful for you.'\r\n                    />\r\n                </div>\r\n                <div className='content'>\r\n                    <div className='column'>\r\n                        <FaGem className='react-icon' />\r\n                        <div className='title'>\r\n                            Get <span className='bold highlight'>VISIBLE</span>\r\n                        </div>\r\n                        <div className='oblique'>\r\n                            Building a commanding presence on the internet to\r\n                            bring customers to your business\r\n                        </div>\r\n                    </div>\r\n                    <div className='column'>\r\n                        <FaCog className='react-icon' />\r\n                        <div className='title'>\r\n                            Creativity{\" \"}\r\n                            <span className='bold highlight'>UNLEASHED</span>\r\n                        </div>\r\n                        <div className='oblique'>\r\n                            Desiging stunning and unique websites that stand out\r\n                            amongst the crowd\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div id='slider-2'>\r\n                    <img\r\n                        className='full-width'\r\n                        src={WorkStation}\r\n                        alt='Work Station - person working at a work station.'\r\n                    />\r\n                </div>\r\n                <div className='content'>\r\n                    <div className='column'>\r\n                        <FaSun className='react-icon' />\r\n                        <div className='title'>\r\n                            Enhancing{\" \"}\r\n                            <span className='bold highlight'>BRANDS</span>\r\n                        </div>\r\n                        <div className='oblique'>\r\n                            Taking your brand to the next level with a digital\r\n                            presense that customers will identify with\r\n                            excellence\r\n                        </div>\r\n                    </div>\r\n                    <div className='column'>\r\n                        <FaMobileAlt className='react-icon' />\r\n                        <div className='title'>\r\n                            Modern{\" \"}\r\n                            <span className='bold highlight'>DESIGNS</span>\r\n                        </div>\r\n                        <div className='oblique'>\r\n                            Sleek modern designs built using the latest\r\n                            technologies amd methodologies\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div id='slider-3'>\r\n                    <img\r\n                        className='full-width'\r\n                        src={Student}\r\n                        alt='Laptop - person working at a laptop.'\r\n                    />\r\n                </div>\r\n                <div className='content'>\r\n                    <div className='column'>\r\n                        <FiGlobe className='react-icon' />\r\n                        <div className='title'>\r\n                            Get <span className='bold highlight'>MOBILE</span>\r\n                        </div>\r\n                        <div className='oblique'>\r\n                            Responsive websites and apps that look and feel\r\n                            great on mobile devices\r\n                        </div>\r\n                    </div>\r\n                    <div className='column'>\r\n                        <FaAtom className='react-icon' />\r\n                        <div className='title'>\r\n                            Ligntning{\" \"}\r\n                            <span className='bold highlight'>SPEED</span>\r\n                        </div>\r\n                        <div className='oblique'>\r\n                            Fastest page loads possible\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default Home;\r\n","import React from \"react\";\r\n\r\nfunction NotFound() {\r\n    return <></>;\r\n}\r\n\r\nexport default NotFound;\r\n","import React, { useState, useEffect } from 'react';\r\n\r\nfunction ImageLoader(props) {\r\n    const [isLoading, setIsLoading] = useState(true);\r\n\r\n    useEffect(() => {\r\n        let img = new Image();\r\n\r\n        img.onload = () => {\r\n            setIsLoading(false);\r\n        }\r\n\r\n        img.src = props.src;\r\n    }, [props.src]);\r\n    return (isLoading === false ?\r\n        <img src={props.src} alt={props.alt} className='fade-in' />\r\n        :\r\n        <img src={props.thumb} alt={props.alt} className='blur' />);\r\n}\r\n\r\nexport default ImageLoader;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ImageLoader from \"./ImageLoader\";\r\n\r\nfunction Games() {\r\n    //const context = useContext(WebSiteContext);\r\n    return (\r\n        <main id='content' className='container'>\r\n            <h1>Games</h1>\r\n            <div id='game-tiles' className='flex-container'>\r\n                <div className='holder'>\r\n                    <Link to='/quintessential'>\r\n                        <ImageLoader\r\n                            src='https://psiberneticgames.com/Content/QuintessentialDuels.png'\r\n                            thumb='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGrSURBVChTDc/NTtRAHADwmf9MO51uux9dukpdWgtRPkQTNYiYGKPRg4nG6EVO3Lz4SLyAB48efAMPrgkGjQjKAcXNSs1uaFq6O52Zui/wS3742f0X/pXr9mBvt/RFKfI81UpKMbG5BahSGAzD3jn4y2wPEe40ffLg6eaofxitrkfn2zMWqtXMpYUoDDphd86gaOPW7Ukx/tU/wUCBGIzX8L2bT9Z4ws6G1WwMl9b+fPn4/jAJggs/f+xhYkoNQlFEXGy4CFuEe4R5i2J0ZFZiJgghWvcXlufnuitXr+1/+zwa/lOqwpRPbYRpVaoKEfwonrd1JpRu2dasUys9+wZ3t3ePev2BrAgijFgd0+0AawoBmDXIy4te2zJzkEt1J5djXZasFM83Ljfj4NP+CWV1ajWY3VAVNew6d1t4++7qwWnW6uIs1banF2N/TKIwV1vvvufUwcSSyJwILCVgYJj78CE5DR1+nIrHD8PC7Lx6g46TwVdIR7gxtRVieZqXRYZ0Mc0wt0ler8S9JE3P4Jxv3FluDwt4u6N6v2WmaqWC6QFhU2sK4ILjY8P8D19HpfjCXPIpAAAAAElFTkSuQmCC'\r\n                            alt='Quintessential Duels promotional image'\r\n                        />\r\n                    </Link>\r\n                </div>\r\n                <div className='holder'>\r\n                    <Link to='/lostfate'>\r\n                        <ImageLoader\r\n                            src='https://psiberneticgames.com/Content/LostFate.png'\r\n                            thumb='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFvSURBVChTDdDfbtMwFIDxc+wkjumf0VxUot2QNmCTEOrut4fjAXg9JC6qCYG0lrTJ0myJYzv2OfQBvovfh+vvP0AK8I4BQGuQEhDZW8xyCI6jAdPyaykWNyAyFEpOHjdM/T3s+v3vwpRf7J90+/Pa75pq59Cz64BHemtAC3avDE6+29yxHya2zqr9Lb3IukyC6Uw/zkWaktk/0+EZdA4xAiDbQerNRw6u+FpdfOLsr6sa0wtcZuM5bvfH+qVXl2tCCRR5HDgYmd+taBhODfzbDvpkDnU/YRtsZ014Oobhzd4vjqnrWi9QMAeP02+XSCMrmaBkEc9gjpBwXM5dJfTYJNczW4YkjfRhpX8dtcwKRTYCEQuaFYSpZDPmwfkOlA1KhSSPaoH5Rax7D2bAq4cC5gg37xNBULZ8PulhuQ3tDPQApqGemFlwinKK2VTg+nOSeThNUK3wDLMViAOrBKZzbq8kREYL4xPIJcMt0gH+Ax7w5U6mTUQ2AAAAAElFTkSuQmCC'\r\n                            alt='Lost Fate promotional image'\r\n                        />\r\n                    </Link>\r\n                </div>\r\n                <div className='holder'>\r\n                    <Link to='/silverprophet'>\r\n                        <ImageLoader\r\n                            src='https://psiberneticgames.com/Content/SilverProphet.png'\r\n                            thumb='data:image.png/;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAAF9SURBVChTHZBbS1tREIVnX84+lyQQNRoTS1tB+tBSQVtQ/4A/zN8lCD71qY8q2EItiTnxdpJ4bvsys934MjDMmsX6Fjsb7vhOdhWrQVXFo/HR49PKml/lq/P+W5quC7kknzDel5IAFs6J017/6+ZWfvxzam26vtYo9XsyeSS/qRIkqD1+VOkgisZSxYzfWc3nzl4WL31tx3t7Oz8O//65/Y+kGX8muLaGAQxl9E+3N23TEmnyImLcOxdHKtv9tDq/yI2RhCOpavCztikJF0jXun1B1+Hi1rTie5JxgLKqhHW6rO+nk9H+l/jzMBtvBIy17eGdM8uyzrjocrFAFNtR3BDVrTZEJn8YiGhZlVrGxjkQYByZp6IDHBM1b9p77tlB0tuQcoWI4IP63cauyO2e7OOy7HW75rWKAkq/UzZBZEVIBsCMp8b7Al1FhMBC4jhNXNFMZ3Mt5MJoYiqf5Q/zZ/ZBJj58AHAWBqSMhxpqwrAEr4JsIBHA3o/gPbwBFqrhdE/NcLkAAAAASUVORK5CYII='\r\n                            alt='Silver Prophet promotional image'\r\n                        />\r\n                    </Link>\r\n                </div>\r\n                <div className='holder'>\r\n                    <Link to='/shadowmonsters'>\r\n                        <ImageLoader\r\n                            src='https://psiberneticgames.com/Content/ShadowMonsters.png'\r\n                            thumb='data:image.png/;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGZSURBVChTFZBPa9RAGIfnfWeSyf9kd1O6iUtaaD1VFv8exKs3QfwSHvwCnvwUngTBo34Hr4J4LVSpraJdaldY1q3NJpnMZDKuz/UHDz8eePr6w+L4E1IWjQsvGVthakx/OfsSFwfYSymqzaSbv1rW7nCHujGdXL+hROMGAbV5eznvlFr8OJp/+wytsmzbYqjaEgzUyzNKkfkDePL8ZXei267x8hiVUVqJP1f+btDNXImrYJgyi6/Lc8eOhFhv35/CszcfD9+9XS3mlPmOnzCf65a05qclRp0pTQ9ePCKIqAmxdX7nNjOiDIug5b5B3Lt3d5DvNcuL8xPObIvogazLMM2iNCeySpKIJRnNtiYUAMjmsN+prv71ffb1ELWy3UAKIWvBkexn4VbEO1FfnB7Tmw8e2zwyNCEsJB11vHi8XSB1i2wM6E/ya7em+3W1Xi1/AyF9D3T68BHzeBhzN2DUIa6HjoO7O6N0yBnTlRRn86UES4Kv0GnqK3jx6j2jDADDwGmadtOuN8ZidAP5r9xgqqpxuIUAdSP+ASossdJJqTqjAAAAAElFTkSuQmCC'\r\n                            alt='Shadow Monsters promotional image'\r\n                        />\r\n                    </Link>\r\n                </div>\r\n            </div>\r\n            {/* <h2 className='center blue'>Quintessential Duels</h2>\r\n            <div className='containter'>\r\n                <Link to='/quintessential'><img src={QuintessentialDuels} alt=\"Quintessential Duels\" /></Link>\r\n                <figcaption>Quintessential Duels</figcaption>\r\n            </div>\r\n            {\r\n                !toggleDuels ?\r\n                    <section className='toggle'>\r\n                        <article className='white showMore'>\r\n                            <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod luctus accumsan. Vestibulum risus urna, malesuada eu egestas ac, varius in justo. Nullam quis turpis vitae ipsum egestas consectetur quis et justo. Duis aliquet massa vel sem ullamcorper, efficitur consequat massa viverra. Vestibulum quis massa eget diam sagittis ultricies. Ut convallis, eros eget finibus egestas, sapien eros pretium lacus, quis commodo purus velit vel nisi. Etiam lacinia tellus sit amet sagittis maximus. Pellentesque egestas sagittis ex, a interdum tortor pharetra auctor. Phasellus tincidunt diam quis pretium auctor. Nam vitae erat dignissim est dignissim ornare nec non nibh. Nullam quis congue dui, ac euismod augue. Sed in ante urna. Aenean fermentum, ligula nec blandit eleifend, arcu tortor eleifend neque, at eleifend dui magna id nunc. Sed commodo libero nulla, quis efficitur nulla tristique sit amet.</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleDuels(true)}>Show less...</span>\r\n                    </section>\r\n                    :\r\n                    <section className='toggle'>\r\n                        <article className='white showLess'>\r\n                            <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod luctus accumsan. Vestibulum risus urna, malesuada eu egestas ac, varius in justo. Nullam quis turpis vitae ipsum egestas consectetur quis et justo. Duis aliquet massa vel sem ullamcorper, efficitur consequat massa viverra. Vestibulum quis massa eget diam sagittis ultricies. Ut convallis, eros eget finibus egestas, sapien eros pretium lacus, quis commodo purus velit vel nisi. Etiam lacinia tellus sit amet sagittis maximus. Pellentesque egestas sagittis ex, a interdum tortor pharetra auctor. Phasellus tincidunt diam quis pretium auctor. Nam vitae erat dignissim est dignissim ornare nec non nibh. Nullam quis congue dui, ac euismod augue. Sed in ante urna. Aenean fermentum, ligula nec blandit eleifend, arcu tortor eleifend neque, at eleifend dui magna id nunc. Sed commodo libero nulla, quis efficitur nulla tristique sit amet.</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleDuels(false)}>Show more...</span>\r\n                    </section>\r\n            }\r\n            <h2 className='center blue'>Lost Fate</h2>\r\n            <Link to='/lostfate'><img src={LostFate} alt=\"Lost Fate\" onClick={() => { changePage('lostfate') }} /></Link>\r\n            <figcaption>Lost Fate</figcaption>\r\n            {\r\n                !toggleFate ?\r\n                    <section className='toggle'>\r\n                        <article className='white showMore'>\r\n                            <p>Fusce faucibus congue risus scelerisque maximus. Quisque hendrerit ante porta pretium sodales. Donec hendrerit magna gravida elit porttitor mollis. Sed imperdiet tortor non pulvinar aliquam. Nam viverra ac lectus vel volutpat. Donec in dolor ut nisi interdum ullamcorper. Pellentesque rutrum lacus dui, fermentum finibus urna aliquam sed. Nulla pellentesque, augue sit amet fermentum malesuada, tellus nisl consequat est, a aliquet lectus ante non nisi. Fusce ullamcorper pulvinar pharetra. Pellentesque nec arcu auctor, interdum metus id, suscipit ligula. Vivamus interdum bibendum risus, sed venenatis turpis semper eget. Vivamus feugiat fringilla dui, a placerat est aliquam eu. Integer nec odio tristique, venenatis est vitae, scelerisque turpis. Etiam blandit, dolor in interdum ornare, nibh diam facilisis augue, quis dignissim neque orci id est. Nunc sit amet quam facilisis, scelerisque nisi placerat, consequat arcu. </p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleFate(true)}>Show less...</span>\r\n                    </section>\r\n                    :\r\n                    <section className='toggle'>\r\n                        <article className='white showLess'>\r\n                            <p>Fusce faucibus congue risus scelerisque maximus. Quisque hendrerit ante porta pretium sodales. Donec hendrerit magna gravida elit porttitor mollis. Sed imperdiet tortor non pulvinar aliquam. Nam viverra ac lectus vel volutpat. Donec in dolor ut nisi interdum ullamcorper. Pellentesque rutrum lacus dui, fermentum finibus urna aliquam sed. Nulla pellentesque, augue sit amet fermentum malesuada, tellus nisl consequat est, a aliquet lectus ante non nisi. Fusce ullamcorper pulvinar pharetra. Pellentesque nec arcu auctor, interdum metus id, suscipit ligula. Vivamus interdum bibendum risus, sed venenatis turpis semper eget. Vivamus feugiat fringilla dui, a placerat est aliquam eu. Integer nec odio tristique, venenatis est vitae, scelerisque turpis. Etiam blandit, dolor in interdum ornare, nibh diam facilisis augue, quis dignissim neque orci id est. Nunc sit amet quam facilisis, scelerisque nisi placerat, consequat arcu. </p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleFate(false)}>Show mores...</span>\r\n                    </section >\r\n            } */}\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default Games;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport ImageLoader from \"./ImageLoader\";\r\n\r\nfunction Quintessential() {\r\n    const [toggleParagraph, setToggleParagraph] = useState(true);\r\n\r\n    useEffect(() => {\r\n        window.scrollTo(0, 0);\r\n    }, []);\r\n\r\n    return (\r\n        <main id='content' className='container'>\r\n            <h1>Quintessential Duels</h1>\r\n            <div className='large cover-image'>\r\n                <ImageLoader\r\n                    src='https://psiberneticgames.com/Content/CoverImage.png'\r\n                    thumb=' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAOTSURBVDhPDZNJbBtlAIXnn7H/mfHMeLzEY+ySxcZJ2iiUKFUVClUrKIUDVRHiguDEHQRISL1y5MCJAxxQbyAh9UJKOERIETQ0TtQQqSklrbM5yXhfZl//mfmx9G7v8KTvvQeWf/np5x+/zd18f+nq0rO19e3Vx29++kFju6s2xFQ6zTIMQQBFUZvNMwjhVGkyl0sxDB2GlK654MTQtu7eWV/ftYN3xWlfqT04HMZmlxZON/24AGGcCcOIJEnPdYBPhMBNCFy5MF1ZqDB0lspfuTw/f7W5GXuwtXLOfkfts+f5G+3nAyESHUUjdci6XKBZ59kluf2Mx0nOzaqGghkiCCBVeu3Vf+t1NdQyw7md1nIYxyi0m8OnQ6uheU3L0wyvp7s9FPkDVwY4ZiHdJz1RyoUBTX3z/XcEDjx5F6M1lh1Art2xH1/Mf8SSqa73xA5kgZYsMAhEO5HJYI6EGXq8UipNVjCG4M7dH9gkH3nu4OC/tLJfZIKe6rb23gtDPJLpaCiyaFrwzinlqcV8vsDziVictq2o29HBia52uq2+rtue26jXctHgZPvh/m7ioCV7DpfLwlicDELO46SX518vl8sj5giFpun6fgBqLRky0HRsXVP6vnN4dKx0esrZET7ckjIiLwhZ6UXLdH5bMwrj16V8KUZRqXQSocC2HHBvp5rNphvy6c7vv9bWNyy5off1hJiYuDBx49ocX36FE5LT+ZwA4/W9R/f/Mlr6JZ7nHdc2DJ1q/f3n09r+0UZ1ElqzE9yttxfzUmY4sHr1vjd3ffXeYcL5h8T6o4cbNOU/qakBNaOoQ1UdYIypz778ojg+obRbxy1VZYtWtsTmU5feuKymi8bqCk1zfXRhZpyxzMAIkwfti4BkPM8BAEi5Avjwk4/d6h9MDPScyA0xwiM3MSal3lrMi2zy+XJVn73yQuUluTcbBRoJC7ZtdbuNUWxpaoYaM7rXivEsQ6ZpQBBEGOHI9w1VF0R+akq0AT05xgzlRnqybNgiQm67fdZs75vmkCBiVDE7xkNMa8gNCQmQiThOhRhi3DztN8+UHIyZIUrQRP+kQWPQ6chEZ48L3YiXWDZJ3br9dfu4KhBR4AXQixAFsiSV98MkTQqjN3S1wA96fUoEudFcjF6TsYdp39Q4CVA0+Orzlba8yaH7tGOyDhrVSACAR0AIggQE8nzPDxRxQajcdr34qFvbsZCPSBJCyP0PW3kDEAFmOXcAAAAASUVORK5CYII='\r\n                    alt='Quintessential Duels cover image'\r\n                />\r\n            </div>\r\n            <h2 className='center purple'>Available on PC and Google Play!</h2>\r\n            {!toggleParagraph ? (\r\n                <section className='toggle'>\r\n                    <article className='white showMore'>\r\n                        <p>\r\n                            In a world where only the strong survive you must\r\n                            carve your destiny from your foes. Can you defeat\r\n                            all of your opponents to become the champion? Duel\r\n                            others like you in search of the rare cards and\r\n                            strengthen your deck. The object of a duel is to\r\n                            capture as many cards on the battlefield as\r\n                            possible. You capture cards by playing cards with\r\n                            greater power than adjacent cards. Beware of the\r\n                            special plus and same rules!\r\n                        </p>\r\n                        <p>\r\n                            Quintessential Duels is a free-to-play collectible\r\n                            card game. You play against 32 AI opponents to win\r\n                            new cards and grow your collection. Can you collect\r\n                            them all?\r\n                        </p>\r\n                        <p>Available on PC and Google Play!</p>\r\n                    </article>\r\n                    <span\r\n                        className='toggleButton'\r\n                        onClick={() => setToggleParagraph(true)}\r\n                    >\r\n                        Show less...\r\n                    </span>\r\n                </section>\r\n            ) : (\r\n                <section className='toggle'>\r\n                    <article className='white showLess'>\r\n                        <p>\r\n                            In a world where only the strong survive you must\r\n                            carve your destiny from your foes. Can you defeat\r\n                            all of your opponents to become the champion? Duel\r\n                            others like you in search of the rare cards and\r\n                            strengthen your deck. The object of a duel is to\r\n                            capture as many cards on the battlefield as\r\n                            possible. You capture cards by playing cards with\r\n                            greater power than adjacent cards. Beware of the\r\n                            special plus and same rules!\r\n                        </p>\r\n                        <p>\r\n                            Quintessential Duels is a free-to-play collectible\r\n                            card game. You play against 32 AI opponents to win\r\n                            new cards and grow your collection. Can you collect\r\n                            them all?\r\n                        </p>\r\n                        <p>Available on PC and Google Play!</p>\r\n                    </article>\r\n                    <span\r\n                        className='toggleButton'\r\n                        onClick={() => setToggleParagraph(false)}\r\n                    >\r\n                        Show more...\r\n                    </span>\r\n                </section>\r\n            )}\r\n            <section className='downloads'>\r\n                <h3>Downloads</h3>\r\n                <article>\r\n                    <a href='/downloads/x86/qd_setup.exe'>\r\n                        32-bit Installer for Quintessential Duels\r\n                    </a>\r\n                </article>\r\n                <article>\r\n                    <a href='/downloads/x64/qd_setup.exe'>\r\n                        64-bit Installer for Quintessential Duels\r\n                    </a>\r\n                </article>\r\n                <article>\r\n                    <a\r\n                        href='https://play.google.com/store/apps/details?id=com.psiberneticgames.quintessentialduels'\r\n                        aria-label='Link to download Qunitessential Duels from Google Play'\r\n                        className='google-play'\r\n                    >\r\n                        <img\r\n                            src='https://psiberneticgames.com/Content/Google_Play.png'\r\n                            class='google-play'\r\n                            alt='Google Play Download link'\r\n                        />\r\n                    </a>\r\n                </article>\r\n            </section>\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default Quintessential;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport ImageLoader from \"./ImageLoader\";\r\n\r\nfunction ShadowMonsters() {\r\n    const [toggleParagraph, setToggleParagraph] = useState(true);\r\n\r\n    useEffect(() => {\r\n        window.scrollTo(0, 0);\r\n    }, []);\r\n\r\n    return (\r\n        <main id='content' className='container'>\r\n            <h1>Shadow Monsters</h1>\r\n            <div className='large'>\r\n                <ImageLoader\r\n                    src='https://psiberneticgames.com/Content/ShadowMonsters.png'\r\n                    thumb='data:image.png/;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGZSURBVChTFZBPa9RAGIfnfWeSyf9kd1O6iUtaaD1VFv8exKs3QfwSHvwCnvwUngTBo34Hr4J4LVSpraJdaldY1q3NJpnMZDKuz/UHDz8eePr6w+L4E1IWjQsvGVthakx/OfsSFwfYSymqzaSbv1rW7nCHujGdXL+hROMGAbV5eznvlFr8OJp/+wytsmzbYqjaEgzUyzNKkfkDePL8ZXei267x8hiVUVqJP1f+btDNXImrYJgyi6/Lc8eOhFhv35/CszcfD9+9XS3mlPmOnzCf65a05qclRp0pTQ9ePCKIqAmxdX7nNjOiDIug5b5B3Lt3d5DvNcuL8xPObIvogazLMM2iNCeySpKIJRnNtiYUAMjmsN+prv71ffb1ELWy3UAKIWvBkexn4VbEO1FfnB7Tmw8e2zwyNCEsJB11vHi8XSB1i2wM6E/ya7em+3W1Xi1/AyF9D3T68BHzeBhzN2DUIa6HjoO7O6N0yBnTlRRn86UES4Kv0GnqK3jx6j2jDADDwGmadtOuN8ZidAP5r9xgqqpxuIUAdSP+ASossdJJqTqjAAAAAElFTkSuQmCC'\r\n                    alt='Shadow Monsters promotional image'\r\n                />\r\n            </div>\r\n            <h2 className='center purple'>Coming Soon!</h2>\r\n            {!toggleParagraph ? (\r\n                <section className='toggle'>\r\n                    <article className='white showMore'>\r\n                        <p>\r\n                            The world is full of mysterious creatures called\r\n                            shadow monsters. Trainers capture shadow monsters\r\n                            and grow their skills in battle against other shadow\r\n                            monsters. You are a trainer and your goal is to\r\n                            capture them all and become the world champion in\r\n                            the arena.\r\n                        </p>\r\n                        <p>\r\n                            Shadow Monsters is a Pokemon-inspired game where you\r\n                            capture shadow monsters and forge their skills in\r\n                            the heat of battle. Search the world for rare shadow\r\n                            monsters and battle against other trainers for the\r\n                            right to compete against the best trainers in the\r\n                            world for the title of Shadow Monster Champion.\r\n                        </p>\r\n                        <p>Coming soon to Android and PC!</p>\r\n                    </article>\r\n                    <span\r\n                        className='toggleButton'\r\n                        onClick={() => setToggleParagraph(true)}\r\n                    >\r\n                        Show less...\r\n                    </span>\r\n                </section>\r\n            ) : (\r\n                <section className='toggle'>\r\n                    <article className='white showLess'>\r\n                        <p>\r\n                            The world is full of mysterious creatures called\r\n                            shadow monsters. Trainers capture shadow monsters\r\n                            and grow their skills in battle against other shadow\r\n                            monsters. You are a trainer and your goal is to\r\n                            capture them all and become the world champion in\r\n                            the arena.\r\n                        </p>\r\n                        <p>\r\n                            Shadow Monsters is a Pokemon-inspired game where you\r\n                            capture shadow monsters and forge their skills in\r\n                            the heat of battle. Search the world for rare shadow\r\n                            monsters and battle against other trainers for the\r\n                            right to compete against the best trainers in the\r\n                            world for the title of Shadow Monster Champion.\r\n                        </p>\r\n                        <p>Coming soon to Android and PC!</p>\r\n                    </article>\r\n                    <span\r\n                        className='toggleButton'\r\n                        onClick={() => setToggleParagraph(false)}\r\n                    >\r\n                        Show more...\r\n                    </span>\r\n                </section>\r\n            )}\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default ShadowMonsters;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport ImageLoader from \"./ImageLoader\";\r\n\r\nfunction SilverProphet() {\r\n    const [toggleParagraph, setToggleParagraph] = useState(true);\r\n\r\n    useEffect(() => {\r\n        window.scrollTo(0, 0);\r\n    }, []);\r\n    return (\r\n        <main id='content' className='container'>\r\n            <h1>Silver Prophet</h1>\r\n            <div className='large'>\r\n                <ImageLoader\r\n                    src='https://psiberneticgames.com/Content/SilverProphet.png'\r\n                    thumb='data:image.png/;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAAF9SURBVChTHZBbS1tREIVnX84+lyQQNRoTS1tB+tBSQVtQ/4A/zN8lCD71qY8q2EItiTnxdpJ4bvsys934MjDMmsX6Fjsb7vhOdhWrQVXFo/HR49PKml/lq/P+W5quC7kknzDel5IAFs6J017/6+ZWfvxzam26vtYo9XsyeSS/qRIkqD1+VOkgisZSxYzfWc3nzl4WL31tx3t7Oz8O//65/Y+kGX8muLaGAQxl9E+3N23TEmnyImLcOxdHKtv9tDq/yI2RhCOpavCztikJF0jXun1B1+Hi1rTie5JxgLKqhHW6rO+nk9H+l/jzMBtvBIy17eGdM8uyzrjocrFAFNtR3BDVrTZEJn8YiGhZlVrGxjkQYByZp6IDHBM1b9p77tlB0tuQcoWI4IP63cauyO2e7OOy7HW75rWKAkq/UzZBZEVIBsCMp8b7Al1FhMBC4jhNXNFMZ3Mt5MJoYiqf5Q/zZ/ZBJj58AHAWBqSMhxpqwrAEr4JsIBHA3o/gPbwBFqrhdE/NcLkAAAAASUVORK5CYII='\r\n                    alt='Silver Prophet promotional image'\r\n                />\r\n            </div>\r\n            <h2 className='center purple'>Coming Soon!</h2>\r\n            {!toggleParagraph ? (\r\n                <section className='toggle'>\r\n                    <article className='white showMore'>\r\n                        <p>\r\n                            For a thousand years, the world has known peace. It\r\n                            now stands on the precipice of annihilation with the\r\n                            return of Malpharion and his three sons. The Silver\r\n                            Prophet, who defeated Malpharion and sealed him away\r\n                            deep in his crystal prison foretold of a great hero\r\n                            who would rise and defeat Malpharion for all time.\r\n                        </p>\r\n                        <p>\r\n                            Silver Prophet is a tactical role-playing game where\r\n                            you must rise and defeat the ancient evil Malpharion\r\n                            who is bent on destroying the world by releasing a\r\n                            demonic horde. Battle against the Three Brothers,\r\n                            his sons, to reach Malpharion and prevent this\r\n                            cataclysmic event.\r\n                        </p>\r\n                        <p>Coming soon to PC and Android!</p>\r\n                    </article>\r\n                    <span\r\n                        className='toggleButton'\r\n                        onClick={() => setToggleParagraph(true)}\r\n                    >\r\n                        Show less...\r\n                    </span>\r\n                </section>\r\n            ) : (\r\n                <section className='toggle'>\r\n                    <article className='white showLess'>\r\n                        <p>\r\n                            For a thousand years, the world has known peace. It\r\n                            now stands on the precipice of annihilation with the\r\n                            return of Malpharion and his three sons. The Silver\r\n                            Prophet, who defeated Malpharion and sealed him away\r\n                            deep in his crystal prison foretold of a great hero\r\n                            who would rise and defeat Malpharion for all time.\r\n                        </p>\r\n                        <p>\r\n                            Silver Prophet is a tactical role-playing game where\r\n                            you must rise and defeat the ancient evil Malpharion\r\n                            who is bent on destroying the world by releasing a\r\n                            demonic horde. Battle against the Three Brothers,\r\n                            his sons, to reach Malpharion and prevent this\r\n                            cataclysmic event.\r\n                        </p>\r\n                        <p>Coming soon to PC and Android!</p>\r\n                    </article>\r\n                    <span\r\n                        className='toggleButton'\r\n                        onClick={() => setToggleParagraph(false)}\r\n                    >\r\n                        Show more...\r\n                    </span>\r\n                </section>\r\n            )}\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default SilverProphet;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport ImageLoader from \"./ImageLoader\";\r\n\r\nfunction LostFate() {\r\n    const [toggleParagraph, setToggleParagraph] = useState(true);\r\n\r\n    useEffect(() => {\r\n        window.scrollTo(0, 0);\r\n    }, []);\r\n\r\n    return (\r\n        <main id='content' className='container'>\r\n            <h1>Lost Fate</h1>\r\n            <div className='large'>\r\n                <ImageLoader\r\n                    src='https://psiberneticgames.com/Content/LostFate.png'\r\n                    thumb='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFvSURBVChTDdDfbtMwFIDxc+wkjumf0VxUot2QNmCTEOrut4fjAXg9JC6qCYG0lrTJ0myJYzv2OfQBvovfh+vvP0AK8I4BQGuQEhDZW8xyCI6jAdPyaykWNyAyFEpOHjdM/T3s+v3vwpRf7J90+/Pa75pq59Cz64BHemtAC3avDE6+29yxHya2zqr9Lb3IukyC6Uw/zkWaktk/0+EZdA4xAiDbQerNRw6u+FpdfOLsr6sa0wtcZuM5bvfH+qVXl2tCCRR5HDgYmd+taBhODfzbDvpkDnU/YRtsZ014Oobhzd4vjqnrWi9QMAeP02+XSCMrmaBkEc9gjpBwXM5dJfTYJNczW4YkjfRhpX8dtcwKRTYCEQuaFYSpZDPmwfkOlA1KhSSPaoH5Rax7D2bAq4cC5gg37xNBULZ8PulhuQ3tDPQApqGemFlwinKK2VTg+nOSeThNUK3wDLMViAOrBKZzbq8kREYL4xPIJcMt0gH+Ax7w5U6mTUQ2AAAAAElFTkSuQmCC'\r\n                    alt='Lost Fate promotional image'\r\n                />\r\n            </div>\r\n            <h2 className='center purple'>Coming Soon!</h2>\r\n            {!toggleParagraph ? (\r\n                <section className='toggle'>\r\n                    <article className='white showMore'>\r\n                        <p>\r\n                            The world has gone mad! Powerful mages have usurped\r\n                            fate and battle each other for dominance over their\r\n                            destinies. They summon powerful creatures to their\r\n                            aid and cast devastating spells. You are such a mage\r\n                            and have an arsenal of these spells to unleash on\r\n                            your opponents.\r\n                        </p>\r\n                        <p>\r\n                            Lost Fate is a free-to-play collectible card game.\r\n                            Battle against AI opponents or take your game to the\r\n                            next level and challenge other players in the arena.\r\n                            Only one can be the master of fate. Don't like your\r\n                            cards? Trade them on the market with other players!\r\n                        </p>\r\n                        <p>Coming soon to PC and Android!</p>\r\n                    </article>\r\n                    <span\r\n                        className='toggleButton'\r\n                        onClick={() => setToggleParagraph(true)}\r\n                    >\r\n                        Show less...\r\n                    </span>\r\n                </section>\r\n            ) : (\r\n                <section className='toggle'>\r\n                    <article className='white showLess'>\r\n                        <p>\r\n                            The world has gone mad! Powerful mages have usurped\r\n                            fate and battle each other for dominance over their\r\n                            destinies. They summon powerful creatures to their\r\n                            aid and cast devastating spells. You are such a mage\r\n                            and have an arsenal of these spells to unleash on\r\n                            your opponents.\r\n                        </p>\r\n                        <p>\r\n                            Lost Fate is a free-to-play collectible card game.\r\n                            Battle against AI opponents or take your game to the\r\n                            next level and challenge other players in the arena.\r\n                            Only one can be the master of fate. Don't like your\r\n                            cards? Trade them on the market with other players!\r\n                        </p>\r\n                        <p>Coming soon to PC and Android!</p>\r\n                    </article>\r\n                    <span\r\n                        className='toggleButton'\r\n                        onClick={() => setToggleParagraph(false)}\r\n                    >\r\n                        Show more...\r\n                    </span>\r\n                </section>\r\n            )}\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default LostFate;\r\n","import React, { useState } from \"react\";\r\nimport $ from \"jquery\";\r\n\r\nfunction Contact() {\r\n    const [email, setEmail] = useState(\"\");\r\n    const [name, setName] = useState(\"\");\r\n    const [message, setMessage] = useState(\"\");\r\n\r\n    function submitForm() {\r\n        $(\".success-message\").hide();\r\n        $(\".failure-message\").hide();\r\n\r\n        $.post(\"https://cynthiamcmahon.ca/api/contact.php\", {\r\n            name: name,\r\n            email: email,\r\n            message: message,\r\n        })\r\n            .done(function (data) {\r\n                console.log(data);\r\n                if (data === \"OK\") {\r\n                    $(\".success-message\").show();\r\n                } else {\r\n                    $(\".failure-message\").show();\r\n                }\r\n            })\r\n            .fail(function (response) {\r\n                $(\".failure-message\").show();\r\n            });\r\n    }\r\n\r\n    return (\r\n        <section>\r\n            <div>\r\n                <div class='contact-form'>\r\n                    <h1>Contact Us</h1>\r\n                    <p>\r\n                        Have a question, comment, or concern? We would be happy\r\n                        to hear from you! All fields in the contact form are\r\n                        required.\r\n                    </p>\r\n                    <hr class='divider' />\r\n                    <form\r\n                        id='contact-form'\r\n                        class='u-clearfix u-form-spacing-10 form-vertical'\r\n                    >\r\n                        <div\r\n                            class='validation-summary-valid text-danger'\r\n                            data-valmsg-summary='true'\r\n                        ></div>{\" \"}\r\n                        <div class='form-group form-name'>\r\n                            <label htmlFor='name-3b9a' className='label'>\r\n                                Name\r\n                            </label>\r\n                            <input\r\n                                type='text'\r\n                                placeholder='Enter your Name'\r\n                                id='name-3b9a'\r\n                                name='name'\r\n                                class='text-input'\r\n                                required=''\r\n                                value={name}\r\n                                onChange={(e) => {\r\n                                    setName(e.target.value);\r\n                                }}\r\n                            />\r\n                        </div>\r\n                        <div class='u-form-email u-form-group'>\r\n                            <label htmlFor='email-3b9a' className='label'>\r\n                                Email\r\n                            </label>\r\n                            <input\r\n                                type='email'\r\n                                placeholder='Enter a valid email address'\r\n                                id='email-3b9a'\r\n                                name='email'\r\n                                class='text-input'\r\n                                required=''\r\n                                value={email}\r\n                                onChange={(e) => {\r\n                                    setEmail(e.target.value);\r\n                                }}\r\n                            />\r\n                        </div>\r\n                        <div class='u-form-group u-form-message'>\r\n                            <label htmlFor='message-3b9a' className='label'>\r\n                                Message\r\n                            </label>\r\n                            <textarea\r\n                                placeholder='Enter your message'\r\n                                rows='4'\r\n                                id='message-3b9a'\r\n                                name='message'\r\n                                class='text-area'\r\n                                required=''\r\n                                value={message}\r\n                                onChange={(e) => {\r\n                                    setMessage(e.target.value);\r\n                                }}\r\n                            ></textarea>\r\n                        </div>\r\n                        <div class='u-align-left u-form-group u-form-submit'>\r\n                            <input\r\n                                type='button'\r\n                                value='Submit'\r\n                                class='submit-button'\r\n                                onClick={() => submitForm()}\r\n                            />\r\n                        </div>\r\n                        <div class='form-send-message success-message'>\r\n                            {\" \"}\r\n                            Thank you! Your message has been sent successfully.{\" \"}\r\n                        </div>\r\n                        <div class='failure-message form-send-message'>\r\n                            {\" \"}\r\n                            Unable to send your message. Please try again.{\" \"}\r\n                        </div>\r\n                    </form>{\" \"}\r\n                </div>\r\n            </div>\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default Contact;\r\n","import {\n    BrowserRouter as Router,\n    Redirect,\n    Switch,\n    Route,\n    Link,\n} from \"react-router-dom\";\nimport $ from \"jquery\";\nimport \"./App.css\";\nimport Home from \"./Home.js\";\nimport NotFound from \"./NotFound\";\nimport { GoThreeBars } from \"react-icons/go\";\nimport Games from \"./Games\";\nimport Quintessential from \"./Quintessential\";\nimport ShadowMonsters from \"./ShadowMonsters\";\nimport SilverProphet from \"./SilverProphet\";\nimport LostFate from \"./LostFate\";\nimport Contact from \"./Contact\";\n\nfunction toggleMobile() {\n    $(\"#mobile-links\").toggle();\n}\n\nfunction App() {\n    return (\n        <Router>\n            <nav id='full-nav'>\n                <div className='nav-caption'>\n                    <span className='nav-logo'>CYNTHIA MCMAHON</span>\n                </div>\n                <div className='nav-links'>\n                    <span></span>\n                    <Link to='/'>HOME</Link>\n                    <a href='https://cynthiamcmahon.ca/blog/'>BLOG</a>\n                    <Link to='/games/'>GAMES</Link>\n                    <Link to='/contact/'>CONTACT</Link>\n                    <span></span>\n                </div>\n            </nav>\n            <nav id='mobile-nav'>\n                <div id='mobile-nav-container'>\n                    <div className='mobile-logo'>CYNTHIA MCMAHON</div>\n                    <span></span>\n                    <button\n                        id='mobile-button'\n                        name='mobile-button'\n                        aria-label='toggle mobile menu'\n                        onClick={toggleMobile}\n                    >\n                        <GoThreeBars />\n                    </button>\n                </div>\n            </nav>\n            <div id='mobile-links'>\n                <Link className='nav-link' to='/'>\n                    HOME\n                </Link>\n                <Link className='nav-link' to='/blog/'>\n                    BLOG\n                </Link>\n                <Link className='nav-link' to='/games'>\n                    GAMES\n                </Link>\n                <Link className='nav-link' to='/contact/'>\n                    CONTACT\n                </Link>\n            </div>\n            <Switch>\n                <Route exact path='/'>\n                    <Home />\n                </Route>\n                <Route path='/games'>\n                    <Games />\n                </Route>\n                <Route path='/quintessential'>\n                    <Quintessential />\n                </Route>\n                <Route path='/lostfate'>\n                    <LostFate />\n                </Route>\n                <Route path='/silverprophet'>\n                    <SilverProphet />\n                </Route>\n                <Route path='/shadowmonsters'>\n                    <ShadowMonsters />\n                </Route>\n                <Route path='/contact'>\n                    <Contact />\n                </Route>\n            </Switch>\n        </Router>\n    );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}