{"version":3,"sources":["Cookies.js","Login.js","Footer.js","Content/psibernetic-games-logo.png","ImageLoader.js","Games.js","Support.js","Banner.js","Mobile.js","Terms.js","Privacy.js","Register.js","Quintessential.js","LostFate.js","Error.js","NewsItem.js","Content/NewsItemData.js","News.js","About.js","faq.js","SilverProphet.js","ShadowMonsters.js","CookiesContainer.js","Website.js","App.js","reportWebVitals.js","index.js"],"names":["Cookies","name","value","days","date","Date","setTime","getTime","expires","toGMTString","document","cookie","nameEQ","ca","split","i","length","c","charAt","substring","indexOf","this","create","Login","props","useState","email","setEmail","password","setPassword","message","setMessage","context","useContext","AppContext","handleLogin","e","preventDefault","$","post","done","data","doLoginClick","doLogin","fail","console","log","className","onClick","doHideLogin","id","onSubmit","class","placeholder","type","onChange","target","doShowRegisterClick","Footer","d","aria-label","getFullYear","href","rel","to","ImageLoader","isLoading","setIsLoading","useEffect","img","Image","onload","src","alt","thumb","Games","Logo","Support","Buttons","WebSiteContext","isLoggedIn","erase","doLogOff","showLogin","showRegister","Banner","slideToggle","Mobile","scrollUp","slideUp","read","params","Terms","title","Privacy","Register","emailReg","setEmailReg","passwordReg","setPasswordReg","passwordConf","setPasswordConf","user","setUser","doHideRegistration","maxLength","vvalue","test","confirm","Quintessential","toggleParagraph","setToggleParagraph","window","scrollTo","LostFate","Error","createMarkup","innerHtml","__html","NewsItem","dangerouslySetInnerHTML","body","image","NewsItemData","NewsItems","News","slice","reverse","map","item","About","toggleAnswer","toggleClass","Faq","SilverProphet","ShadowMonsters","CookiesContainer","hide","React","createContext","Website","Provider","exact","path","displayRegister","complete","registrationComplete","App","setIsLoggedIn","isLogin","setIsLogin","isRegister","setIsRegister","mobile","setMobile","doShowLogin","playGame","toggleMobile","displayLogin","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.a95122c6.chunk.js","sourcesContent":["class Cookies {\r\n    static create(name, value, days) {\r\n        if (days) {\r\n            var date = new Date();\r\n            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\r\n            var expires = \"; expires=\" + date.toGMTString();\r\n        }\r\n        else expires = \"\";\r\n\r\n        document.cookie = name + \"=\" + value + expires + \";samesite=strict; path=/\";\r\n    }\r\n\r\n    static read(name) {\r\n        var nameEQ = name + \"=\";\r\n        var ca = document.cookie.split(';');\r\n        for (var i = 0; i < ca.length; i++) {\r\n            var c = ca[i];\r\n            while (c.charAt(0) === ' ') c = c.substring(1, c.length);\r\n            if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\r\n        }\r\n        return null;\r\n    }\r\n\r\n    static erase(name) {\r\n        this.create(name, \"\", -1);\r\n    }\r\n}\r\n\r\nexport default Cookies;","import React, { useState, useContext } from 'react';\r\nimport $ from 'jquery';\r\nimport Cookies from './Cookies';\r\nimport { AppContext } from './App';\r\n\r\nfunction Login(props) {\r\n    const [email, setEmail] = useState('');\r\n    const [password, setPassword] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const context = useContext(AppContext);\r\n\r\n    function closeLogin() {\r\n        props.doHideLogin();\r\n    }\r\n    function handleLogin(e) {\r\n        e.preventDefault();\r\n        setMessage('');\r\n        if (email === '') {\r\n            setMessage('Please enter an email or user name.');\r\n            return true;\r\n        }\r\n\r\n        $.post(\"https://psiberneticgames.com/login.php\", { email: email, password: password })\r\n            .done(function (data) {\r\n                if (data[1] === 'OK') {\r\n                    props.doLoginClick();\r\n                    Cookies.create(\"username\", data[2], 7);\r\n                    Cookies.create(\"userid\", data[3], 7);\r\n                    Cookies.create(\"token\", data[4], 7);\r\n                    context.doLogin();\r\n                }\r\n                else {\r\n                    setMessage(data[1]);\r\n                }\r\n            })\r\n            .fail(function (data) {\r\n                console.log(data);\r\n                setMessage('An unexpected error occurred processing your request. Check your network connection and try again.');\r\n            });\r\n\r\n        return false;\r\n    }\r\n\r\n    return (\r\n        <div className=\"modal\">\r\n            <div className=\"modal-content center-child\">\r\n                <button onClick={closeLogin} id='close-modal-button'>X</button>\r\n                <h2>Login</h2>\r\n                <form onSubmit={handleLogin}>\r\n                    <div class='form-field'>\r\n                        <label>Email:</label>\r\n                        <input className=\"login-reg\" placeholder=\"Email...\" type=\"email\" id=\"email\" name=\"email\" value={email} onChange={(e) => { setEmail(e.target.value) }} />\r\n                    </div>\r\n                    <div class='form-field'>\r\n                        <label>Password:</label>\r\n                        <input className=\"login-reg\" placeholder=\"Password...\" type=\"password\" id=\"password\" name=\"password\" value={password} onChange={(e) => { setPassword(e.target.value) }} />\r\n                    </div>\r\n                    <button onClick={handleLogin}>Login</button>\r\n                    <button onClick={props.doShowRegisterClick}>Register</button>\r\n                </form>\r\n                <p>{message}</p>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Login;","import React from 'react';\r\nimport { FaFacebook, FaTwitter, FaLinkedin} from 'react-icons/fa';\r\nimport { Link } from 'react-router-dom';\r\n\r\nfunction Footer() {\r\n    const d = new Date();\r\n\r\n    return (\r\n        <footer id=\"footer\" aria-label=\"Footer\">\r\n            <p><span>Copyright &copy; {d.getFullYear()} - Psibernetic Games</span><span></span></p>\r\n            <div className='footer-icons'><span></span><a href='https://www.facebook.com/Psibernetic-Games-100660312109839' target='_blank' rel='noopener noreferrer' aria-label='Facebook'><FaFacebook /></a> <a href='https://twitter.com/PsiberneticGms' target='_blank' rel='noopener noreferrer' aria-label='Twitter'><FaTwitter /></a> <a href='https://www.linkedin.com/company/psibernetic-games' target='_blank' rel='noopener noreferrer' aria-label='Linked In'><FaLinkedin /></a><span></span></div>\r\n            <Link to='/privacy' className='grey'>Privacy Policy</Link> - <Link to='/terms' className='grey'>Terms of Service</Link>\r\n        </footer>\r\n    );\r\n}\r\n\r\nexport default Footer;","export default __webpack_public_path__ + \"static/media/psibernetic-games-logo.5292d33b.png\";","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 Logo from './Content/psibernetic-games-logo.png';\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>Psibernetic Games</h1>\r\n            <img className='responsive-img' src={Logo} alt='Psibernetic Games' />\r\n            <div id='game-tiles' className='flex-container'>\r\n                <div className='holder'><Link to='/quintessential'><ImageLoader src='https://psiberneticgames.com/Content/QuintessentialDuels.png' 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' alt=\"Quintessential Duels\" /></Link></div>\r\n                <div className='holder'><Link to='/lostfate'><ImageLoader src='https://psiberneticgames.com/Content/LostFate.png' thumb='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFvSURBVChTDdDfbtMwFIDxc+wkjumf0VxUot2QNmCTEOrut4fjAXg9JC6qCYG0lrTJ0myJYzv2OfQBvovfh+vvP0AK8I4BQGuQEhDZW8xyCI6jAdPyaykWNyAyFEpOHjdM/T3s+v3vwpRf7J90+/Pa75pq59Cz64BHemtAC3avDE6+29yxHya2zqr9Lb3IukyC6Uw/zkWaktk/0+EZdA4xAiDbQerNRw6u+FpdfOLsr6sa0wtcZuM5bvfH+qVXl2tCCRR5HDgYmd+taBhODfzbDvpkDnU/YRtsZ014Oobhzd4vjqnrWi9QMAeP02+XSCMrmaBkEc9gjpBwXM5dJfTYJNczW4YkjfRhpX8dtcwKRTYCEQuaFYSpZDPmwfkOlA1KhSSPaoH5Rax7D2bAq4cC5gg37xNBULZ8PulhuQ3tDPQApqGemFlwinKK2VTg+nOSeThNUK3wDLMViAOrBKZzbq8kREYL4xPIJcMt0gH+Ax7w5U6mTUQ2AAAAAElFTkSuQmCC' alt=\"Lost Fate\" /></Link></div>\r\n                <div className='holder'><Link to='/silverprophet'><ImageLoader src='https://psiberneticgames.com/Content/SilverProphet.png' 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=' alt=\"Silver Prophet\" /></Link></div>\r\n                <div className='holder'><Link to='/shadowmonsters'><ImageLoader src='https://psiberneticgames.com/Content/ShadowMonsters.png' thumb='data:image.png/;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGZSURBVChTFZBPa9RAGIfnfWeSyf9kd1O6iUtaaD1VFv8exKs3QfwSHvwCnvwUngTBo34Hr4J4LVSpraJdaldY1q3NJpnMZDKuz/UHDz8eePr6w+L4E1IWjQsvGVthakx/OfsSFwfYSymqzaSbv1rW7nCHujGdXL+hROMGAbV5eznvlFr8OJp/+wytsmzbYqjaEgzUyzNKkfkDePL8ZXei267x8hiVUVqJP1f+btDNXImrYJgyi6/Lc8eOhFhv35/CszcfD9+9XS3mlPmOnzCf65a05qclRp0pTQ9ePCKIqAmxdX7nNjOiDIug5b5B3Lt3d5DvNcuL8xPObIvogazLMM2iNCeySpKIJRnNtiYUAMjmsN+prv71ffb1ELWy3UAKIWvBkexn4VbEO1FfnB7Tmw8e2zwyNCEsJB11vHi8XSB1i2wM6E/ya7em+3W1Xi1/AyF9D3T68BHzeBhzN2DUIa6HjoO7O6N0yBnTlRRn86UES4Kv0GnqK3jx6j2jDADDwGmadtOuN8ZidAP5r9xgqqpxuIUAdSP+ASossdJJqTqjAAAAAElFTkSuQmCC' alt='Shadow Monsters' /></Link></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\nexport default Games;","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { IoIosMail, IoIosPaper } from \"react-icons/io\";\r\n\r\nfunction Support() {\r\n    return (\r\n        <main id='content'>\r\n            <h1>Support</h1>\r\n            <section className='container header'>\r\n                <h2 className='center white'>Our team is here to help</h2>\r\n                <span className='tagline white'>98% of our requests are answered within 24 hours.</span>\r\n                <span className='tagline white'>Support is unlimited and FREE!</span>\r\n            </section>\r\n            <section className='buffer'></section>\r\n            <section id='support-block' className='container header'>\r\n                <span className='white tagline'>Need assistance?</span>\r\n                <div id='support-section'>\r\n                    <div className='support-container'>\r\n                        <Link to='/faq'><IoIosPaper className='tagline blue large' /></Link>\r\n                        <Link to='/faq'><span className='tagline blue'>Help Center</span></Link>\r\n                    </div>\r\n                    <div className='support-container'>\r\n                        <IoIosMail className='tagline blue large' />\r\n                        <span className='tagline blue'>support@psiberneticgames.com</span>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n        </main>);\r\n}\r\n\r\nexport default Support;","import React, { useContext } from 'react';\r\nimport Cookies from './Cookies';\r\nimport { WebSiteContext } from './Website';\r\nimport { AppContext } from './App';\r\nimport { GoThreeBars } from 'react-icons/go';\r\nimport $ from 'jquery';\r\nimport { Link } from 'react-router-dom';\r\n\r\nfunction Banner() {\r\n\r\n    function toggleMobile() {\r\n        $('#mobile-nav').slideToggle(200);\r\n    }\r\n\r\n    return (\r\n        <div id=\"nav-container\">\r\n            <header aria-label=\"Header\">\r\n                <div id=\"nav-links\">\r\n                    <a href=\"#banner\" aria-label=\"Navigation\" className=\"hidden grey\">Navigation</a>\r\n                    <a href=\"#content\" aria-label=\"Content\" className=\"hidden grey\">Content</a>\r\n                    <a href=\"#footer\" aria-label=\"Footer\" className=\"hidden grey\">Footer</a>\r\n                </div>\r\n                <nav id=\"banner\">\r\n                    <div className=\"container\">\r\n                        <div className=\"nav-bar\">\r\n                            <span className=\"logo\">Psibernetic Games</span>\r\n                            <Link to='/' className='nav-button'>Games</Link>\r\n                            <Link to='/support' className='nav-button'>Support</Link>\r\n                            <Link to='/news' className='nav-button'>News</Link>\r\n                            <Link to='/about' className='nav-button'>About</Link>\r\n                            {/* <Link to='/about' className='nav-button'>About</Link> */}\r\n                            {/* <span></span> */}\r\n                            <span></span>\r\n                            <Buttons />\r\n                        </div>\r\n                    </div>\r\n                </nav>\r\n                <div id=\"mobile-banner\">\r\n                    <div className=\"container\">\r\n                        <div className='nav-mobile'>\r\n                            <span className='logo'>Psibernetic Games</span>\r\n                            <span></span>\r\n                            <button id='mobile-button' name='mobile-button' aria-label='toggle mobile menu' onClick={toggleMobile}><GoThreeBars /></button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </header>\r\n        </div>\r\n    );\r\n}\r\n\r\nfunction Buttons() {\r\n    let data = useContext(WebSiteContext);\r\n    const context = useContext(AppContext);\r\n\r\n    //setIsLoggedIn(username !== null),[use];\r\n\r\n    function LogOff() {\r\n        Cookies.erase('username');\r\n        Cookies.erase('userid');\r\n        context.doLogOff();\r\n    }\r\n\r\n    function doRepaint() {\r\n        data.props.showLogin();\r\n    }\r\n\r\n    if (context.isLoggedIn) {\r\n        return (\r\n            <span>\r\n                <button className='margin-right'>Profile</button>\r\n                <button onClick={LogOff}>Log Off</button>\r\n            </span>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <span>\r\n            <button className='margin-right' onClick={doRepaint}>Login</button>\r\n            <button onClick={data.props.showRegister}>Register</button>\r\n        </span>);\r\n}\r\n\r\nexport { Buttons };\r\nexport default Banner;","import React, { useContext } from 'react';\r\nimport { WebSiteContext } from './Website';\r\nimport { AppContext } from './App';\r\nimport Cookies from './Cookies';\r\nimport { Link } from 'react-router-dom';\r\nimport $ from 'jquery';\r\n\r\nfunction Mobile() {\r\n    const data = useContext(WebSiteContext);\r\n    const context = useContext(AppContext);\r\n\r\n    function scrollUp() {\r\n        $('#mobile-nav').slideUp();\r\n    }\r\n\r\n    function doRepaint(params) {\r\n        scrollUp();\r\n        data.props.showLogin();\r\n        //setIsLoggedIn(cookies.read('username') !== null);\r\n    }\r\n\r\n    function doRegister() {\r\n        scrollUp();\r\n        data.props.showRegister();\r\n    }\r\n\r\n    function LogOff() {\r\n        scrollUp();\r\n        Cookies.erase('username');\r\n        Cookies.erase('userid');\r\n        context.doLogOff();\r\n    }\r\n\r\n    return (\r\n        <div id='mobile-nav'>\r\n            <ul className='inner-nav'>\r\n                <li><Link to='/' className='nav-button' onClick={scrollUp}>Games</Link></li>\r\n                <li><Link to='/support' className='nav-button' onClick={scrollUp}>Support</Link></li>\r\n                <li><Link to='/news' className='nav-button' onClick={scrollUp}>News</Link></li>\r\n                {/* <li><Link to='/about' className='nav-button' onClick={scrollUp}>About</Link></li> */}\r\n                <li><hr /></li>\r\n                {\r\n                    Cookies.read('username') === null ?\r\n                        <span>\r\n                            <li><button onClick={doRegister}>Register</button></li>\r\n                            <li><button className='margin-right' onClick={doRepaint}>Login</button></li>\r\n                        </span>\r\n                        :\r\n                        <span>\r\n                            <li><button>Profile</button></li>\r\n                            <li><button onClick={LogOff}>Log Off</button></li>\r\n                        </span>\r\n                }\r\n            </ul>\r\n        </div>);\r\n}\r\nexport default Mobile;","import React from 'react';\r\n\r\nfunction Terms() {\r\n    return (<main id='content' className='container policy'>\r\n        <h1>Psibernetic Games Terms of Service</h1>\r\n        <h3>1. Terms</h3>\r\n        <p>By accessing the website at <a href=\"http://psiberneticgames.com\">http://psiberneticgames.com</a>, you are agreeing to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this website are protected by applicable copyright and trademark law.</p>\r\n        <h3>2. Use License</h3>\r\n        <ol type=\"a\">\r\n            <li>Permission is granted to temporarily download one copy of the materials (information or software) on Psibernetic Games' website for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:\r\n                <ol type=\"i\">\r\n                    <li>modify or copy the materials;</li>\r\n                    <li>use the materials for any commercial purpose, or for any public display (commercial or non-commercial);</li>\r\n                    <li>attempt to decompile or reverse engineer any software contained on Psibernetic Games' website;</li>\r\n                    <li>remove any copyright or other proprietary notations from the materials; or</li>\r\n                    <li>transfer the materials to another person or \"mirror\" the materials on any other server.</li>\r\n                </ol>\r\n            </li>\r\n            <li>This license shall automatically terminate if you violate any of these restrictions and may be terminated by Psibernetic Games at any time. Upon terminating your viewing of these materials or upon the termination of this license, you must destroy any downloaded materials in your possession whether in electronic or printed format.</li>\r\n        </ol>\r\n        <h3>3. Disclaimer</h3>\r\n        <ol type=\"a\">\r\n            <li>The materials on Psibernetic Games' website are provided on an 'as is' basis. Psibernetic Games makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.</li>\r\n            <li>Further, Psibernetic Games does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its website or otherwise relating to such materials or on any sites linked to this site.</li>\r\n        </ol>\r\n        <h3>4. Limitations</h3>\r\n        <p>In no event shall Psibernetic Games or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on Psibernetic Games' website, even if Psibernetic Games or a Psibernetic Games authorized representative has been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.</p>\r\n        <h3>5. Accuracy of materials</h3>\r\n        <p>The materials appearing on Psibernetic Games' website could include technical, typographical, or photographic errors. Psibernetic Games does not warrant that any of the materials on its website are accurate, complete or current. Psibernetic Games may make changes to the materials contained on its website at any time without notice. However Psibernetic Games does not make any commitment to update the materials.</p>\r\n        <h3>6. Links</h3>\r\n        <p>Psibernetic Games has not reviewed all of the sites linked to its website and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by Psibernetic Games of the site. Use of any such linked website is at the user's own risk.</p>\r\n        <h3>7. Modifications</h3>\r\n        <p>Psibernetic Games may revise these terms of service for its website at any time without notice. By using this website you are agreeing to be bound by the then current version of these terms of service.</p>\r\n        <h3>8. Governing Law</h3>\r\n        <p>These terms and conditions are governed by and construed in accordance with the laws of Canada and you irrevocably submit to the exclusive jurisdiction of the courts in that State or location.</p>\r\n        <p><a href=\"https://getterms.io\" title=\"Generate a free terms of use document\">Terms of Use created with GetTerms.</a></p>\r\n    </main>)\r\n}\r\n\r\nexport default Terms;\r\n","import React from 'react';\r\n\r\nfunction Privacy() {\r\n    return (<main id='content' className='container policy'>\r\n        <h1>Privacy Policy</h1>\r\n        <p>Your privacy is important to us. It is Psibernetic Games' policy to respect your privacy regarding any information we may collect from you across our website, <a href=\"http://psiberneticgames.com\">http://psiberneticgames.com</a>, and other sites we own and operate.</p>\r\n        <p>We only ask for personal information when we truly need it to provide a service to you. We collect it by fair and lawful means, with your knowledge and consent. We also let you know why we’re collecting it and how it will be used.</p>\r\n        <p>We only retain collected information for as long as necessary to provide you with your requested service. What data we store, we’ll protect within commercially acceptable means to prevent loss and theft, as well as unauthorized access, disclosure, copying, use or modification.</p>\r\n        <p>We don’t share any personally identifying information publicly or with third-parties, except when required to by law.</p>\r\n        <p>Our website may link to external sites that are not operated by us. Please be aware that we have no control over the content and practices of these sites, and cannot accept responsibility or liability for their respective privacy policies.</p>\r\n        <p>You are free to refuse our request for your personal information, with the understanding that we may be unable to provide you with some of your desired services.</p>\r\n        <p>Your continued use of our website will be regarded as acceptance of our practices around privacy and personal information. If you have any questions about how we handle user data and personal information, feel free to contact us.</p>\r\n        <p>This policy is effective as of 25 January 2021.</p>\r\n        <p><a href=\"https://getterms.io\" title=\"Generate a free privacy policy\">Privacy Policy created with GetTerms.</a></p>\r\n    </main>)\r\n}\r\n\r\nexport default Privacy;","import React, { useState } from 'react';\r\nimport $ from 'jquery';\r\nimport Cookies from \"./Cookies\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction Register(props) {\r\n    const [emailReg, setEmailReg] = useState('');\r\n    const [passwordReg, setPasswordReg] = useState('');\r\n    const [passwordConf, setPasswordConf] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const [user, setUser] = useState('');\r\n\r\n    function ValidateEmail(mail) {\r\n        if (/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(mail)) {\r\n            return (true)\r\n        }\r\n        setMessage(\"You have entered an invalid email address!\");\r\n        return (false)\r\n    }\r\n\r\n    const closeRegistration = () => {\r\n        props.doHideRegistration();\r\n    }\r\n\r\n    const doRegisterClick = (e) => {\r\n        e.preventDefault();\r\n        setMessage('');\r\n\r\n        if (!ValidateEmail(emailReg)) {\r\n            return;\r\n        }\r\n\r\n        if (passwordReg !== passwordConf) {\r\n            setMessage('Password does not match confirmation password.');\r\n            return;\r\n        }\r\n\r\n        $.post(\"https://psiberneticgames.com/api/account/register.php\", { user: user, email: emailReg, password: passwordReg, confirm: passwordConf })\r\n            .done(function (data) {\r\n                if (data[1] === 'OK') {\r\n                    props.doHideRegistration();\r\n                    Cookies.create(\"username\", data[2], 7);\r\n                    Cookies.create(\"userid\", data[3], 7);\r\n                    Cookies.create(\"token\", data[4], 7);\r\n                    props.doLogin();\r\n                }\r\n                else {\r\n                    setMessage(data[1]);\r\n                }\r\n            })\r\n            .fail(function (data) {\r\n                console.log(data);\r\n                setMessage('An unexpected error occurred processing your request. Check your network connection and try again.');\r\n                console.log(data);\r\n            });\r\n    }\r\n\r\n    return (\r\n        <div className=\"modal\">\r\n            <div className=\"center-child modal-content\">\r\n                <button onClick={closeRegistration} id='close-modal-button'>X</button>\r\n                <h2>Register</h2>\r\n                <form >\r\n                    <div class='form-field'>\r\n                        <label>Email:</label>\r\n                        <input className=\"login-reg\" placeholder=\"Email...\" type=\"email\" id=\"emailReg\" name=\"emailReg\" value={emailReg} onChange={(e) => { setEmailReg(e.target.value) }} />\r\n                    </div>\r\n                    <div class='form-field'>\r\n                        <label>Username:</label>\r\n                        <input className=\"login-reg\" placeholder=\"Username...\" type=\"text\" id=\"user\" name=\"user\" value={user} onChange={(e) => { setUser(e.target.value) }} />\r\n                    </div>\r\n                    <div class='form-field'>\r\n                        <label>Password:</label>\r\n                        <input className=\"login-reg\" placeholder=\"Password...\" type=\"password\" id=\"passwordReg\" name=\"passwordReg\" maxLength=\"16\" vvalue={passwordReg} onChange={(e) => { setPasswordReg(e.target.value) }} />\r\n                    </div>\r\n                    <div class='form-field'>\r\n                        <label>Confirm:</label>\r\n                        <input className=\"login-reg\" placeholder=\"Retype password...\" type=\"password\" id=\"passwordConf\" name=\"passwordConf\" maxLength=\"16\" vvalue={passwordConf} onChange={(e) => { setPasswordConf(e.target.value) }} />\r\n                    </div>\r\n                    <div className=\"btn-container\">\r\n                        <button onClick={doRegisterClick}>Register</button>\r\n                        <button type=\"button\" onClick={props.showLogin}>Login</button>\r\n                    </div>\r\n                    <p>By clicking register you agree to our <Link className='grey' to='/terms' target='_blank'>Terms of Service</Link> and <Link className='grey' to='/privacy' target='_blank'>Privacy Policy</Link>.</p>\r\n                </form>\r\n                <p>{message}</p>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Register;","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='holder cover-image'><ImageLoader src='https://psiberneticgames.com/Content/CoverImage.png' 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=' alt=\"Quintessential Duels cover image\" /></div>\r\n            <h2 className='center purple'>Available on PC and Google Play!</h2>\r\n            {\r\n                !toggleParagraph ?\r\n                    <section className='toggle'>\r\n                        <article className='white showMore'>\r\n                            <p>In a world where only the strong survive you must carve your destiny from your foes. Can you defeat all of your opponents to become the champion? Duel others like you in search of the rare cards and strengthen your deck. The object of a duel is to capture as many cards on the battlefield as possible. You capture cards by playing cards with greater power than adjacent cards. Beware of the special plus and same rules!</p>\r\n                            <p>Quintessential Duels is a free-to-play collectible card game. You play against 32 AI opponents to win new cards and grow your collection. Can you collect them all?</p>\r\n                            <p>Available on PC and Google Play!</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(true)}>Show less...</span>\r\n                    </section>\r\n                    :\r\n                    <section className='toggle'>\r\n                        <article className='white showLess'>\r\n                            <p>In a world where only the strong survive you must carve your destiny from your foes. Can you defeat all of your opponents to become the champion? Duel others like you in search of the rare cards and strengthen your deck. The object of a duel is to capture as many cards on the battlefield as possible. You capture cards by playing cards with greater power than adjacent cards. Beware of the special plus and same rules!</p>\r\n                            <p>Quintessential Duels is a free-to-play collectible card game. You play against 32 AI opponents to win new cards and grow your collection. Can you collect them all?</p>\r\n                            <p>Available on PC and Google Play!</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(false)}>Show more...</span>\r\n                    </section>\r\n            }\r\n            <section className='downloads'>\r\n                <h3>Downloads</h3>\r\n                <article><a href=\"/downloads/x86/qd_setup.exe\">32-bit Installer for Quintessential Duels</a></article>\r\n                <article><a href=\"/downloads/x64/qd_setup.exe\">64-bit Installer for Quintessential Duels</a></article>\r\n                <article><a href=\"https://play.google.com/store/apps/details?id=com.psiberneticgames.quintessentialduels\" aria-label=\"Link to download Qunitessential Duels from Google Play\" className=\"google-play\"><img src=\"https://psiberneticgames.com/Content/Google_Play.png\" class=\"google-play\" alt=\"Google Play Download link\"/></a></article>\r\n            </section>\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default Quintessential;","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='holder'><ImageLoader src='https://psiberneticgames.com/Content/LostFate.png' thumb='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFvSURBVChTDdDfbtMwFIDxc+wkjumf0VxUot2QNmCTEOrut4fjAXg9JC6qCYG0lrTJ0myJYzv2OfQBvovfh+vvP0AK8I4BQGuQEhDZW8xyCI6jAdPyaykWNyAyFEpOHjdM/T3s+v3vwpRf7J90+/Pa75pq59Cz64BHemtAC3avDE6+29yxHya2zqr9Lb3IukyC6Uw/zkWaktk/0+EZdA4xAiDbQerNRw6u+FpdfOLsr6sa0wtcZuM5bvfH+qVXl2tCCRR5HDgYmd+taBhODfzbDvpkDnU/YRtsZ014Oobhzd4vjqnrWi9QMAeP02+XSCMrmaBkEc9gjpBwXM5dJfTYJNczW4YkjfRhpX8dtcwKRTYCEQuaFYSpZDPmwfkOlA1KhSSPaoH5Rax7D2bAq4cC5gg37xNBULZ8PulhuQ3tDPQApqGemFlwinKK2VTg+nOSeThNUK3wDLMViAOrBKZzbq8kREYL4xPIJcMt0gH+Ax7w5U6mTUQ2AAAAAElFTkSuQmCC' alt=\"Lost Fate\" /></div>\r\n            <h2 className='center purple'>Coming Soon!</h2>\r\n            {\r\n                !toggleParagraph ?\r\n                    <section className='toggle'>\r\n                        <article className='white showMore'>\r\n                            <p>The world has gone mad! Powerful mages have usurped fate and battle each other for dominance over their destinies. They summon powerful creatures to their aid and cast devastating spells. You are such a mage and have an arsenal of these spells to unleash on your opponents.</p>\r\n                            <p>Lost Fate is a free-to-play collectible card game. Battle against AI opponents or take your game to the next level and challenge other players in the arena. Only one can be the master of fate. Don't like your cards? Trade them on the market with other players!</p>\r\n                            <p>Coming soon to PC and Android!</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(true)}>Show less...</span>\r\n                    </section>\r\n                    :\r\n                    <section className='toggle'>\r\n                        <article className='white showLess'>\r\n                            <p>The world has gone mad! Powerful mages have usurped fate and battle each other for dominance over their destinies. They summon powerful creatures to their aid and cast devastating spells. You are such a mage and have an arsenal of these spells to unleash on your opponents.</p>\r\n                            <p>Lost Fate is a free-to-play collectible card game. Battle against AI opponents or take your game to the next level and challenge other players in the arena. Only one can be the master of fate. Don't like your cards? Trade them on the market with other players!</p>\r\n                            <p>Coming soon to PC and Android!</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(false)}>Show more...</span>\r\n                    </section>\r\n            }\r\n\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default LostFate;","import React from 'react';\r\nimport ImageLoader from './ImageLoader';\r\n\r\nfunction Error() {\r\n    return (\r\n        <main id='content' className='container'>\r\n            <h1 className='grey'>Page Not Found...</h1>\r\n            <ImageLoader src='https://psiberneticgames.com/Content/404.png' thumb=' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAcCAYAAAAjmez3AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5QQHEzcL+7/afQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAFAklEQVRYw+2WS2yUVRTHf/d+33wz881M51FaWh5tERAoQWh14YOXJpKqERXDQjQxYWEMLlywN6xY6IKN0Z07FhiiiQt0YSSRKImIYqGF0tJO6Xv67jz7va6LQuxjWto6IQY5y/8999z7v+d/zzniaNMtxSNgug4oQMwC7zMT85wVc53FEr4oUGLhgQJQauGGxWKpeetiHn5/TZfe3CAs4jwHVwsPLpZWUQScw0EVxxe7S7F7qtkZKW6q2DsvY22ZpkoU5z4RTalFU1z8nZdeW+rVVhJnKSsWU9dK/OmEUASCgnwOpKbwB2bw6QJ47szrS02h+wRWYYUZFEt99hLWrIDp8NxhSXWdztlP0zQdMwknLEBjvM/gx3M20QTsPyoJhm3On/GtQo6LSqs0JDZsh0PvxJjMDxCKxHhqr6CiJse5Mzk0qXP8VCWjwwUaD5jkClNEEz7MsMV02vj3uiolkVj1BJ13u3EdSSQuyUyMMzEc59jJchAezX+246oA3d19BIIhfKZGMFbAmVpXkqyIky+1qtL8DVB4IBTKGINCHCEkmCOgPLzsGgQSIQDNRflHEbmq0jXExTKynMK4sCfIGSxf8Q+WqQRAm+3nSHCqSlpkZog8oEZubPAIlwNKMNqvSN0URKqgtj7A9Z9yoCS1DTpmwsHzFKmeLKFAlEilC0Ix3JdjtC2M1D02Pe0neS2PZ+tsbIRUh0XtLh8y4GDnffS2uiTWCRLrDVzbJp+3uHMZNPzFu7WYXbUeIC4jNkWgXGKGdba8EODil9M0fRTD0kfwGQnSQw4b9k+gSY3oGp2BDkhUCmLVGlbBo/mXcSZvhYlXKxqPOOx+2eTiVxn2vuen44qNHrDJDHuY5QW2P1/OlR96aXh1I93tKQZvKXQVmpvRIn+maB+ZQzZYYP8bNdzt7wRh0X59gBePb6et/QZjf1Vz6AOTvutZhG5y50aKYEywY08dQz0TDA6NMTkyzVTnzEUMQ5LqyTDSZXPkk/VkpwrEKiWpFj9tPxfY9IwPs8Ei9UcZE00aXVctUr9WYSxPWotpawaT0qO9q5XLnyXw60HiW02S4TakFaT+8DR3ki30d9to0qBmj4HQBK3Nrbi5INU7DdZsCNJuj5G5UYGddRjsHqT3+zrGk0kiT04xdDnKzjfTHHxWZzw1zoXPbYKyloFkH1bWZv7kUbwWC8TpfS1qwWi50g670pFJFZkGl+O/hK8+R0tq+ReRQRupCYQQOBaoaQ3NdJCawE7PCFb5HLDviddwwQPh3DtSOOAJhC7wBRX5SRddGg/uH2opIquwgx9HGR4ZwJp2SLXA5t2VuMEplCfxuWUM3wR/lcPtbyVSkzS+a2BbLuEyk0tfZNn9VoDenhRlFRrxjYKyWJS2Cw6Dzaub/lZNZO1mHV8igpV3CZkelm+U218H8GzJttcK1L8SoS9poTwDJSBWJxgfL6BVpGk6tZZC3iOrPEKRMK3fOJStT3PgRCXnP8w9XCKWY3HxbAf5ZJRIJMSBExUEX9fwbIhvs2i52sWOxjr87wt0v4ZDGnvapfU7RVlNH/ve3kJvp6SmPoZf2KyrD/HbpSvA1tVNFqf3taxqRCnf28fotQhkymYCVYyS2JlF+hxGOgSqaxNa9Qjx+iyu65Fq9hGNRbByHs5gnNCufvJjkHjCwTNcMqMW6d9r8OvBh0vkv2aSR8QeE3lM5DGR/wmRvwHuFw59ElmRCgAAAABJRU5ErkJggg==' alt='Page not found' />\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default Error;","import React, { useState } from 'react';\r\nimport ImageLoader from './ImageLoader';\r\n\r\nfunction NewsItem(props) {\r\n    const [toggleParagraph, setToggleParagraph] = useState(true);\r\n\r\n    return (\r\n        <div>\r\n            <span className='news-date blue'>{props.date}</span>\r\n            {\r\n                !toggleParagraph ?\r\n                    <section className='toggle'>\r\n                        <article className='white showMore'>\r\n                            <div dangerouslySetInnerHTML={createMarkup(props.body)} />\r\n                            <ImageLoader src={props.image} thumb={props.thumb} alt={props.alt} />                        \r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(true)}>Show less...</span>\r\n                    </section>\r\n                    :\r\n                    <section className='toggle'>\r\n                        <article className='white showLess'>\r\n                            <div dangerouslySetInnerHTML={createMarkup(props.body)} />\r\n                            <ImageLoader src={props.image} thumb={props.thumb} alt={props.alt} />                        \r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(false)}>Show more...</span>\r\n                    </section>\r\n            }\r\n        </div>\r\n    )\r\n}\r\nfunction createMarkup(innerHtml) {\r\n    return {__html: innerHtml};\r\n}\r\n \r\nexport default NewsItem;","const NewsItemData = {\r\n    NewsItems: [\r\n        {\r\n            id: 0,\r\n            date: 'March 17, 2021',\r\n            body: '<p>Psibernetic Games is pleased to announce the upcoming release of its first game on April 15, 2021! Quintessential Duels is a casual collectible card game that is coming to PC and Android that is 100% free to play. It is based on the mini-game Triple Triad from Final Fantasy VIII and XIV. Instead of played on a three by three grid it is played on a five by five grid. Collect over one hundred different cards and battle 32 different decks.</p><p>Coming to itch.io and Google Play Store April 15, 2021!</p>',\r\n            image: 'https://psiberneticgames.com/Content/QuintessentialRelease.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'\r\n        },\r\n        {\r\n            id: 1,\r\n            date: 'April 15, 2021',\r\n            body: '<p>Psibernetic Games is pleased to announce the release of its first game, Quintessential Duels! Quintessential Duels is a casual collectible card game available from <a href=\"https://psibernetic-games.itch.io/quintessentila-duels\" target=\"_blank\" aria-label=\"Quintessentil Duels download link\">Quintessential Duels on itch.io</a>. It is based on the mini-game Triple Triad from Final Fantasy VIII and XIV. Instead of played on a three by three grid it is played on a five by five grid. Collect over one hundred different cards and battle over thirty different decks. Coming soon to Google Play!</p>',\r\n            image: '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 - Only the strongest will survive the trials.'\r\n        },\r\n        {\r\n            id: 2,\r\n            date: 'April 20, 2021',\r\n            body: '<p>Psibernetic Games is pleased to announce the release of its first game, Quintessential Duels, on Google Play! Quintessential Duels is a casual collectible card game available from <a href=\"https://play.google.com/store/apps/details?id=com.psiberneticgames.quintessentialduels\" target=\"_blank\" aria-label=\"Quintessentil Duels download link\">Quintessential Duels on Google Play</a>. It is based on the mini-game Triple Triad from Final Fantasy VIII and XIV. Instead of played on a three by three grid it is played on a five by five grid. Collect over one hundred different cards and battle over thirty different decks.</p>',\r\n            image: '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 - Only the strongest will survive the trials.'\r\n        }\r\n    ]\r\n}\r\nexport default NewsItemData;","import React from 'react';\r\nimport NewsItem from './NewsItem';\r\nimport NewsItemData from './Content/NewsItemData';\r\n\r\nfunction News() {\r\n    return (\r\n        <main id='content' className='container'>\r\n            <h1 className='center purple'>News</h1>\r\n            {\r\n                NewsItemData.NewsItems.slice(0).reverse().map((item) => {\r\n                    return <NewsItem key={item.id} date={item.date} body={item.body} image={item.image} thumb={item.thumb} alt={item.alt} />\r\n                })\r\n            }\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default News;","import React from 'react';\r\nimport ImageLoader from './ImageLoader';\r\n\r\nfunction About() {\r\n    return (\r\n        <main id='content' className='container'>\r\n            <div><h1 id='about' className='center white'>About Psibernetic Games</h1></div>\r\n            <section className='header'>\r\n                <h2 className='center white'>- Our Mission -</h2>\r\n                <h3 className='center white'>To provide a quality and entertaining gaming experiences.</h3>            \r\n            </section>\r\n            <section>\r\n                <div><h2 className='center white'>Our Leadership</h2></div>\r\n                <div className='center thumbnail'><ImageLoader src='https://psiberneticgames.com/Content/cynthia.png' thumb='iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMPSURBVDhPTZLLb9NYFMY/Xztp6CNNnQe0aopKSVpBoQGpIKEKJMQshhnNNggWbBD/CRv4A1iwRALKAoRY8JJQIIIZKAHaoqYptEmbpCFxYzsPx46vHXNT0IizuJtzf9855zuHw2+ReHRfKEnli2+Sby5alM4Gg8Eh0edTbNtaiExF70xPT9+ZiJ2yfn3H//B/Lx5P1mq1+UTi1UxuYwvnT88h5PdhYioKVZaxmMngxNzcotfrje+fPpHpMqT7fEw8jdq2nVxaWppZXl7B+bPn4BdFOBaFVCzCI/CIRQ4gu74xQylNfk0lo7vwYvK54DjOvFytBtMraQx5ffANDsCyLDRaBlq6DkM3QBwHJSZULpeCttWeT//7TCAcx13geS6WyayC2jYog5yOjY5tQeA5aC0dmmHAtjto1muQd2RY1Iyx/AVGk0t6u4VCoQi9TaHWdTx88hym3sL+4RDypRJcbjemJsdhWjZy2SxG9vrh8XguMZbMViWJqVEoag3qThmbm1lUqlWs5vMoSxXUGg2Ut4tILaexmcuCjQmOwyxrG6KyI4EXhF2DvH0enDxyGAfGx3H5n78xcyiCY9FxTEYmEf/jDNDpgJDukjiRmIahtho1cExNIAR7xQD8gRCOTBzEPr+Iw2NhhAJ+jIg+9LD2h4eHGQzwPK+SuiKlLEMD1TUwf7CjyggM9EPs70Xi9Tu2JgF7eIG53cFKbgu0VYepNdmeSIpoavUeZW5ahg6PW4DSqGN7Ow/LcWF0NAxP7yCMtgFZkZHdKkBmOamQg9lu3yP5b2u3qWmuCqwVNyvNs2nW8wUoFQWFzwpyn0oY7OuDpKrMzApsk6K4sb5qaNptcvXaTbNRa8RdPKcSx0b/Hjfep9fg6uUwFhMRPhpEMDSED18y7BwdZqxLLZWk+OyfcbNbCInP6fKxifAz5vy5pqaLeVZV7O3B6MgoOxYDbxcWkM5uMeGebzxH/rrx4OVil9uFu/FhbfP78cjYraZmVFp6eygcGAgN9gm8Zmjm9vfygtLUrlMbV+4mU4WfBPAD7GyK5TI4t0EAAAAASUVORK5CYII=' alt='Cynthia McMahon' /></div>\r\n                <div className='center thumbnail'>Cynthia McMahon</div>\r\n                <div className='center thumbnail'>Founder and CEO</div>\r\n            </section>\r\n            <section className='container'>\r\n                <article className='about-article'>\r\n                    <p>Psibernetic Games is an independent game development studio and the brainchild of Cynthia McMahon, founder and CEO. She is also the principal developer of all of the games developed by Psibernetic Game, as well as those in development. Though a completely virtual operation, our home is in the charming city of Toronto, Canada.</p>\r\n                    <p>We specialize in collectible card games for mobile and the web, as well as role-playing games. Upcoming releases include the collectible card games Quintessential Duels and Lost Fate and the role-playing games Silver Prophet and Shadow Monsters.</p>\r\n                </article>\r\n            </section>\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default About;","import React from 'react';\r\nimport $ from 'jquery';\r\nimport {FaCaretSquareDown} from 'react-icons/fa';\r\n\r\nfunction toggleAnswer(id) {\r\n    $('#' + id).slideToggle(400);\r\n    $('#' + id + '-toggle').toggleClass('rotate');\r\n    $('#' + id + '-toggle').toggleClass('rotate-reset');\r\n}\r\nfunction Faq() {\r\n    return (\r\n        <div id=\"content\">\r\n            <h1>Frequently Asked Questions</h1>\r\n            <section className='container'>\r\n                <h2>Quintessential Duels</h2>\r\n                <article className='question-container'>\r\n                    <p className='question'><span>What are the system requirements for Quintessential Duels?</span><span className='question-toggle' onClick={() => toggleAnswer(\"systemrequirements\")}><FaCaretSquareDown id='systemrequirements-toggle' className='rotate-reset' /></span></p>\r\n                    <p id='systemrequirements' className='answer'>The system requirements for Quintessential Duels on PC are Windows 7/8.1/10, 4GB RAM, 250MB disk space and a graphics card that supports Shader Model 4.0.</p>\r\n                </article>\r\n                <article className='question-container'>\r\n                    <p className='question'><span>Is Quintessential Duels supported on a Mac?</span><span className='question-toggle' onClick={() => toggleAnswer(\"macsupport\")}><FaCaretSquareDown id='macsupport-toggle' className='rotate-reset' /></span></p>\r\n                    <p id='macsupport' className='answer'>Currently Quintessential Duels is only supported on PC and Android. We are researching having Quintessential Duels available on Mac and iOS.</p>\r\n                </article>\r\n                <article className='question-container'>\r\n                    <p className='question'><span>What is the same rule?</span><span className='question-toggle' onClick={() => toggleAnswer(\"samerule\")}><FaCaretSquareDown  id='samerule-toggle' className='rotate-reset' /></span></p>\r\n                    <p id='samerule' className='answer'>The same rule is when the value of two, or more, adjecnt sides of a card match. When they do you capture the adjacent cards and then do a combination on those cards capturing those cards if the requirements are met. It is a powerful way to alter the board. Watch for opportunities to use it to your advantage.</p>\r\n                </article>\r\n                <article className='question-container'>\r\n                    <p className='question'><span>What is the plus rule?</span><span className='question-toggle' onClick={() => toggleAnswer(\"plusrule\")}><FaCaretSquareDown  id='plusrule-toggle' className='rotate-reset' /></span></p>\r\n                    <p id='plusrule' className='answer'>The pluse rule is similar to the same rule. The plus triggers when the sum of two, or more, adjecnt sides add up to the same value. When they do you capture those adjacent cards and then do a combination on those cards capturing those cards if the requirements are met. It is a powerful way to alter the board. Watch for opportunities to use it to your advantage.</p>\r\n                </article>\r\n            </section>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Faq;","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='holder'><ImageLoader src='https://psiberneticgames.com/Content/SilverProphet.png' 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=' alt=\"Silver Prophet\" /></div>\r\n            <h2 className='center purple'>Coming Soon!</h2>\r\n            {\r\n                !toggleParagraph ?\r\n                    <section className='toggle'>\r\n                        <article className='white showMore'>\r\n                            <p>For a thousand years, the world has known peace. It now stands on the precipice of annihilation with the return of Malpharion and his three sons. The Silver Prophet, who defeated Malpharion and sealed him away deep in his crystal prison foretold of a great hero who would rise and defeat Malpharion for all time.</p>\r\n                            <p>Silver Prophet is a tactical role-playing game where you must rise and defeat the ancient evil Malpharion who is bent on destroying the world by releasing a demonic horde. Battle against the Three Brothers, his sons, to reach Malpharion and prevent this cataclysmic event.</p>\r\n                            <p>Coming soon to PC and Android!</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(true)}>Show less...</span>\r\n                    </section>\r\n                    :\r\n                    <section className='toggle'>\r\n                        <article className='white showLess'>\r\n                            <p>For a thousand years, the world has known peace. It now stands on the precipice of annihilation with the return of Malpharion and his three sons. The Silver Prophet, who defeated Malpharion and sealed him away deep in his crystal prison foretold of a great hero who would rise and defeat Malpharion for all time.</p>\r\n                            <p>Silver Prophet is a tactical role-playing game where you must rise and defeat the ancient evil Malpharion who is bent on destroying the world by releasing a demonic horde. Battle against the Three Brothers, his sons, to reach Malpharion and prevent this cataclysmic event.</p>\r\n                            <p>Coming soon to PC and Android!</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(false)}>Show more...</span>\r\n                    </section>\r\n            }\r\n\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default SilverProphet;","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='holder'><ImageLoader src='https://psiberneticgames.com/Content/ShadowMonsters.png' thumb='data:image.png/;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAIAAAC0SDtlAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAGZSURBVChTFZBPa9RAGIfnfWeSyf9kd1O6iUtaaD1VFv8exKs3QfwSHvwCnvwUngTBo34Hr4J4LVSpraJdaldY1q3NJpnMZDKuz/UHDz8eePr6w+L4E1IWjQsvGVthakx/OfsSFwfYSymqzaSbv1rW7nCHujGdXL+hROMGAbV5eznvlFr8OJp/+wytsmzbYqjaEgzUyzNKkfkDePL8ZXei267x8hiVUVqJP1f+btDNXImrYJgyi6/Lc8eOhFhv35/CszcfD9+9XS3mlPmOnzCf65a05qclRp0pTQ9ePCKIqAmxdX7nNjOiDIug5b5B3Lt3d5DvNcuL8xPObIvogazLMM2iNCeySpKIJRnNtiYUAMjmsN+prv71ffb1ELWy3UAKIWvBkexn4VbEO1FfnB7Tmw8e2zwyNCEsJB11vHi8XSB1i2wM6E/ya7em+3W1Xi1/AyF9D3T68BHzeBhzN2DUIa6HjoO7O6N0yBnTlRRn86UES4Kv0GnqK3jx6j2jDADDwGmadtOuN8ZidAP5r9xgqqpxuIUAdSP+ASossdJJqTqjAAAAAElFTkSuQmCC' alt='Shadow Monsters' /></div>\r\n            <h2 className='center purple'>Coming Soon!</h2>\r\n            {\r\n                !toggleParagraph ?\r\n                    <section className='toggle'>\r\n                        <article className='white showMore'>\r\n                            <p>The world is full of mysterious creatures called shadow monsters. Trainers capture shadow monsters and grow their skills in battle against other shadow monsters. You are a trainer and your goal is to capture them all and become the world champion in the arena.</p>\r\n                            <p>Shadow Monsters is a Pokemon-inspired game where you capture shadow monsters and forge their skills in the heat of battle. Search the world for rare shadow monsters and battle against other trainers for the right to compete against the best trainers in the world for the title of Shadow Monster Champion.</p>\r\n                            <p>Coming soon to Android and PC!</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(true)}>Show less...</span>\r\n                    </section>\r\n                    :\r\n                    <section className='toggle'>\r\n                        <article className='white showLess'>\r\n                            <p>The world is full of mysterious creatures called shadow monsters. Trainers capture shadow monsters and grow their skills in battle against other shadow monsters. You are a trainer and your goal is to capture them all and become the world champion in the arena.</p>\r\n                            <p>Shadow Monsters is a Pokemon-inspired game where you capture shadow monsters and forge their skills in the heat of battle. Search the world for rare shadow monsters and battle against other trainers for the right to compete against the best trainers in the world for the title of Shadow Monster Champion.</p>\r\n                            <p>Coming soon to Android and PC!</p>\r\n                        </article>\r\n                        <span className='toggleButton' onClick={() => setToggleParagraph(false)}>Show more...</span>\r\n                    </section>\r\n            }\r\n\r\n        </main>\r\n    );\r\n}\r\n\r\nexport default ShadowMonsters;","import React from 'react';\r\nimport Cookies from './Cookies';\r\nimport $ from 'jquery';\r\n\r\nfunction DismissCookies() {\r\n    Cookies.create('accept-cookies', 'accepted', 365);\r\n    $('#cookies-container').hide();\r\n}\r\n\r\nfunction CookiesContainer() {\r\n    if (Cookies.read('accept-cookies') === null) {\r\n        return (    \r\n                <div id='cookies-container'>\r\n                    <div className='white'>\r\n                        <div>This site uses cookies to enhance your user experience. By clicking Accept you accept our use of cookies.</div>\r\n                        <span className='full-width'><button onClick={() => DismissCookies()} className='center'>Accept</button></span>\r\n                    </div>\r\n                </div>\r\n        )\r\n    }\r\n\r\n    return <span></span>\r\n}\r\n\r\nexport default CookiesContainer;","import React from 'react';\r\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\r\nimport Footer from './Footer';\r\nimport Games from './Games';\r\nimport Support from './Support';\r\nimport Banner from './Banner';\r\nimport Mobile from './Mobile';\r\nimport Terms from './Terms';\r\nimport Privacy from './Privacy';\r\nimport Register from './Register'\r\nimport Quintessential from './Quintessential';\r\nimport LostFate from './LostFate';\r\nimport Error from './Error';\r\nimport News from './News';\r\nimport About from './About';\r\nimport Faq from './faq';\r\nimport './style.css';\r\nimport SilverProphet from './SilverProphet';\r\nimport ShadowMonsters from './ShadowMonsters';\r\nimport CookiesContainer from './CookiesContainer';\r\n\r\nconst WebSiteContext = React.createContext();\r\n\r\nfunction Website(props) {\r\n    return (\r\n        <WebSiteContext.Provider value={{ props: props }}>\r\n            <Router>\r\n                <Banner />\r\n                <Mobile />\r\n                <Switch>\r\n                    <Route exact path='/'>\r\n                        <Games />\r\n                    </Route>\r\n                    <Route path='/support'>\r\n                        <Support />\r\n                    </Route>\r\n                    <Route path='/quintessential'>\r\n                        <Quintessential />\r\n                    </Route>\r\n                    <Route path='/silverprophet'>\r\n                        <SilverProphet />\r\n                    </Route>\r\n                    <Route path='/shadowmonsters'>\r\n                        <ShadowMonsters />\r\n                    </Route>\r\n                    <Route path='/lostfate'>\r\n                        <LostFate />\r\n                    </Route>\r\n                    <Route path='/privacy'>\r\n                        <Privacy />\r\n                    </Route>\r\n                    <Route path='/terms'>\r\n                        <Terms />\r\n                    </Route>\r\n                    <Route path='/news'>\r\n                        <News />\r\n                    </Route>\r\n                    <Route path='/about'>\r\n                        <About />\r\n                    </Route>\r\n                    <Route path='/faq'>\r\n                        <Faq />\r\n                    </Route>\r\n                    <Route path='*'>\r\n                        <Error />\r\n                    </Route>\r\n                </Switch>\r\n                <Footer />\r\n                <CookiesContainer />\r\n                {\r\n                    props.displayRegister && <Register doHideRegistration={props.doHideRegistration} complete={props.registrationComplete} showLogin={props.showLogin} doLogin={props.doLogin} />\r\n                }\r\n            </Router>\r\n        </WebSiteContext.Provider>\r\n    )\r\n}\r\n\r\nexport { WebSiteContext };\r\nexport default Website;","import React, { useState } from 'react';\nimport Login from './Login';\nimport Website from './Website'\nimport Cookies from './Cookies';\nimport './style.css';\n\nconst AppContext = React.createContext();\n\nfunction App() {\n  const [isLoggedIn, setIsLoggedIn] = useState(Cookies.read('username') !== null);\n  const [isLogin, setIsLogin] = useState(false);\n  const [isRegister, setIsRegister] = useState(false);\n  const [mobile, setMobile] = useState(false);\n\n  const toggleMobile = () => {\n    setMobile(!mobile);\n  }\n\n  const doLoginClick = () => {\n    setIsLogin(false);\n    setIsRegister(false);\n    handleLogin();\n  }\n\n  const doShowGame = () => {\n    setIsLogin(false);\n    setIsRegister(false);\n  }\n\n  const doShowLogin = () => {\n    setIsLogin(true);\n    //setIsRegister(false);\n  }\n\n  const doHideLogin = () => {\n    setIsLogin(false);\n  }\n\n  const doHideRegistration = () => {\n    setIsRegister(false);\n  }\n\n  const doShowRegisterClick = () => {\n    setIsLogin(false);\n    setIsRegister(true);\n  }\n\n  const registrationComplete = () => {\n    setIsLogin(false);\n    setIsRegister(false);\n  }\n\n  const doLogin = () => {\n    setIsLoggedIn(true);\n  }\n\n  const doLogOff = () => {\n    setIsLoggedIn(false);\n  }\n\n  const handleLogin = () => {\n  }\n  if (isLogin) {\n    return (\n      <AppContext.Provider value={{ doLogin: doLogin, doLogOff: doLogOff, isLoggedIn: isLoggedIn }} >\n        <Website showLogin={doShowLogin} showRegister={doShowRegisterClick} playGame={doShowGame} toggleMobile={toggleMobile} mobile={mobile} />\n        <Login doHideLogin={doHideLogin} doLoginClick={doLoginClick} doShowRegisterClick={doShowRegisterClick} />\n      </ AppContext.Provider>\n    )\n  }\n\n  return (\n    <AppContext.Provider value={{ doLogin: doLogin, doLogOff: doLogOff, isLoggedIn: isLoggedIn }} >\n      <Website displayLogin={isLogin} doLogin={doLogin} showRegister={doShowRegisterClick} displayRegister={isRegister} doHideRegistration={doHideRegistration} complete={registrationComplete} showLogin={doShowLogin} />\n    </AppContext.Provider>\n  )\n}\n\nexport { AppContext };\nexport default App;","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":""}