{"version":3,"sources":["component/Menubar.js","component/Footer.js","component/App.js","index.js"],"names":["Menubar","state","total","next","operation","class","src","alt","width","href","React","Component","Footer","App","ReactDOM","render","document","getElementById"],"mappings":"mSAGqBA,E,4MACrBC,MAAQ,CACJC,MAAO,KACPC,KAAM,KACNC,UAAW,M,4CAIf,WACI,OACI,qBAAKC,MAAM,SAAX,SACI,sBAAKA,MAAQ,eAAb,UACI,qBAAKA,MAAM,OAAOC,IAAI,aAAaC,IAAI,OAAOC,MAAM,UACpD,sBAAKH,MAAM,OAAX,UACI,mBAAGA,MAAM,YAAYI,KAAK,MAA1B,mBAGA,mBAAGJ,MAAM,YAAYI,KAAK,MAA1B,qBAGA,mBAAGJ,MAAM,YAAYI,KAAK,MAA1B,yBAGA,mBAAGJ,MAAM,YAAYI,KAAK,MAA1B,0BAGA,mBAAGJ,MAAM,YAAYI,KAAK,MAA1B,mBAGA,mBAAGJ,MAAM,YAAYI,KAAK,MAA1B,gC,GA7BiBC,IAAMC,WCAtBC,G,kNACjBX,MAAQ,CACJC,MAAO,KACPC,KAAM,KACNC,UAAW,M,4CAIf,WACI,OACI,qBAAKC,MAAM,SAAX,SACI,sBAAKA,MAAM,cAAX,UACI,uBADJ,oBAEqB,uBAFrB,uBAGwB,uBAHxB,cAIe,uBAJf,WAKY,uBALZ,4BAM6B,uBACzB,mBAAGI,KAAK,0CAA0CJ,MAAM,cAAxD,6CACA,uBACA,uBACA,qBAAKA,MAAM,aAAX,2IAGA,gC,GAxBgBK,IAAMC,YCErBE,E,4MACrBZ,MAAQ,CACJC,MAAO,KACPC,KAAM,KACNC,UAAW,M,4CAIf,WACI,OACI,gCACI,cAAC,EAAD,IACA,qBAAKC,MAAM,OAAX,SACI,sBAAKA,MAAM,eAAX,UACI,qBAAKC,IAAI,aAAaD,MAAM,eAAeG,MAAM,QACjD,qBAAKH,MAAM,eAAX,yCAGA,sBAAKA,MAAM,YAAX,6GACoG,uBAChG,+BACI,gFACA,gFACA,gHAEJ,8JAGA,wBAAQA,MAAM,SAAd,uDAIZ,sBAAKA,MAAM,aAAX,UACI,sBAAKA,MAAM,qBAAX,UACI,qBAAKA,MAAM,eAAX,mCAGA,qBAAIA,MAAM,aAAV,UACI,mFACA,4GACA,wHACA,wKAGR,sBAAKA,MAAM,qBAAX,UACI,qBAAKA,MAAM,eAAX,oCAGA,sBAAKA,MAAM,aAAX,sRAEI,qBAAIA,MAAM,aAAV,UACI,8FACA,4GACA,gJACA,oKACA,wOAKhB,sBAAKA,MAAM,eAAX,UACI,qBAAKA,MAAM,eAAX,qEAMA,sBAAKA,MAAM,QAAX,UAEI,sBAAKA,MAAM,OAAX,UACI,qBAAKA,MAAM,cAAX,4BAGA,qBAAKA,MAAM,aAAaC,IAAI,eAC5B,sBAAKD,MAAM,YAAX,oCAC2B,uCAD3B,sGAC2I,uBAD3I,IACkJ,uBAAM,2DADxJ,uDAC6O,6BAGjP,sBAAKA,MAAM,OAAX,UACI,qBAAKA,MAAM,cAAX,+BAGA,qBAAKA,MAAM,aAAaC,IAAI,eAC5B,sBAAKD,MAAM,YAAX,6FACoF,wDADpF,sDACqK,uBAAM,uBAD3K,IACkL,6CADlL,8CACgP,6BAIpP,sBAAKA,MAAM,OAAX,UACI,qBAAKA,MAAM,cAAX,sCAGA,qBAAKA,MAAM,aAAaC,IAAI,eAC5B,sBAAKD,MAAM,YAAX,uJAC8I,uBAAM,uBADpJ,uCAC8L,oDAD9L,4EACiS,6BAGrS,sBAAKA,MAAM,OAAX,UACI,qBAAKA,MAAM,cAAX,wCAGA,qBAAKA,MAAM,aAAaC,IAAI,eAC5B,sBAAKD,MAAM,YAAX,6FACoF,uBAAM,uBAD1F,wEACqK,oDADrK,uCACmO,kDADnO,IAC4P,mCAMxQ,cAAC,EAAD,W,GA7GqBK,IAAMC,W,MCAvCG,IAASC,OAAO,cAAC,EAAD,IAASC,SAASC,eAAe,W","file":"static/js/main.d23e8d76.chunk.js","sourcesContent":["import React from \"react\";\nimport \"./Menubar.css\";\n\nexport default class Menubar extends React.Component {\nstate = {\n    total: null,\n    next: null,\n    operation: null,\n};\n\n\nrender() {\n    return (\n        <div class=\"header\">\n            <div class = \"menu-content\">\n                <img class=\"logo\" src=\"uplogo.jpg\" alt=\"logo\" width=\"329px\" />\n                <div class=\"menu\">\n                    <a class=\"menu-item\" href=\"abc\">\n                        About\n                    </a>\n                    <a class=\"menu-item\" href=\"abc\">\n                        Roadmap\n                    </a>\n                    <a class=\"menu-item\" href=\"abc\">\n                        My Personas\n                    </a>\n                    <a class=\"menu-item\" href=\"abc\">\n                        Our Partners\n                    </a>\n                    <a class=\"menu-item\" href=\"123\">\n                        Login\n                    </a>\n                    <a class=\"menu-item\" href=\"1a2\">\n                        Logout\n                    </a>\n               </div>\n            </div>\n        </div>\n    );\n}\n}","import React from \"react\";\nimport \"./Footer.css\";\n\nexport default class Footer extends React.Component {\n    state = {\n        total: null,\n        next: null,\n        operation: null,\n    };\n\n\n    render() {\n        return (\n            <div class=\"footer\">\n                <div class='footer-text'>\n                    <br />\n                    Universal Persona<br/>\n                    400 4th Street South<br/>\n                    Minneapolis<br/>\n                    MN 55415<br/>\n                    info@universalpersona.com<br />\n                    <a href=\"https://www.myupid.com/universalpersona\" class=\"footer-text\">www.myupid.com/universalpersona</a>\n                    <br />\n                    <br />\n                    <div class=\"disclaimer\">\n                        The names 'Universal Persona', 'myupid' and all associated sites / branding are copyrighted by esolutionsONE Inc. (24/8/2021)\n                    </div>\n                    <br />\n                     </div>\n            </div>\n        );\n    }\n}","import React from \"react\";\nimport \"./App.css\";\nimport Menubar from \"./Menubar\";\nimport Footer from \"./Footer\";\n\nexport default class App extends React.Component {\nstate = {\n    total: null,\n    next: null,\n    operation: null,\n};\n\n\nrender() {\n    return (\n        <div>\n            <Menubar />\n            <div class=\"body\">\n                <div class=\"body-content\">\n                    <img src=\"image2.jpg\" class=\"floaty-right\" width=\"35%\" />\n                    <div class=\"body-header1\">\n                        Taking Back Control of YOU!\n                    </div>\n                    <div class=\"body-main\">\n                        Imagine if you could control what elements of your personal data were shared with organisations;<br />\n                        <ul>\n                            <li>What information is publically shared? If any?</li>\n                            <li>What information is shared with your friends? </li>\n                            <li>What information do work co-workers or potential employers have access to? </li>\n                        </ul>\n                        <p>\n                            Universal Persona allows you to create your personal data ONCE, and then decide how you want others to see and use that data.\n                        </p>\n                        <button class=\"button\">Create Your Universal Persona Now</button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"sidebyside\">\n                <div class=\"body-content-50pct\">\n                    <div class=\"body-header3\">\n                        How do I get started?\n                    </div>\n                    <ol class=\"body-main2\">\n                        <li> Register and select your universal persona name.</li>\n                        <li> Browse from a selection of data attributes and build your PUBLIC persona.</li>\n                        <li> Publish your PUBLIC persona (go take a look at www.myupid.com/youruniversalpersonaID)</li>\n                        <li> Build other non public personas by adding and publishing more data attributes, choosing how to share and secure them as you go.</li>\n                    </ol>\n                </div>\n                <div class=\"body-content-50pct\">\n                    <div class=\"body-header3\">\n                        How SECURE is my data?\n                    </div>\n                    <div class=\"body-main2\">\n                        We take your persona data very seriously, and do everything we can to protect it whilst its in our system or in transit over the internet. We have included the following features to ensure your data stays safe and is only shared with those who you intend to see it.\n                        <ul class=\"body-main2\">\n                            <li>ENCRYPTION - All your data is encypted whilst in our system.</li>\n                            <li>PUBLIC DATA - Only the public persona is publically accessible by default.</li>\n                            <li>MARKETING - We will ONLY share the data contained in the marketing persona to our partners. You control this. </li>\n                            <li>SHARING - Use secure links and passwords to control access to your other personas. They can be time limited, one time or perpetual</li>\n                            <li>AUDITING - All non-public access to your personas will be logged and available for you to review at any time. In addition, notifications can be set to alert you when a persona is viewed.</li>\n                            </ul>\n                        </div>\n                </div>\n            </div>\n            <div class=\"body-content\">\n                <div class=\"body-header2\">\n                    You can build personas for a wide variety of use cases:\n                </div>\n               \n               \n           \n                <div class=\"cards\">\n\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            Public Persona\n                        </div>\n                        <img class=\"card-image\" src=\"image2.jpg\"/>\n                        <div class=\"card-body\">\n                            Everyone has a default <b>public</b> persona and its available to anyone who searches for you or knows your UPID (Universal Persona ID)<br /> <br /><b>Share as little or as much</b> information as you wish. Just remember its public!!<br />\n                            </div>\n                    </div>\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            Marketing Persona\n                        </div>\n                        <img class=\"card-image\" src=\"image2.jpg\" />\n                        <div class=\"card-body\">\n                            This is the second mandatory persona (after the public persona), and is used to <b>control the information</b> you wish our marketing partners to have access to.<br /><br /> <b>Take control</b> of the data you want shared for marketing.<br />\n                        </div>\n                        \n                    </div>\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            Suggestion: Work Persona\n                        </div>\n                        <img class=\"card-image\" src=\"image2.jpg\" />\n                        <div class=\"card-body\">\n                            Let the people at work, or maybe people who you are looking to work for see a controlled view of all the data you want to share with them.<br /><br />Simply set up this profile, apply a <b>secure sharing link</b> to it, and only those with the link will be able to access your details.<br />\n                            </div>\n                    </div>\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            Suggestion: Dating Persona\n                        </div>\n                        <img class=\"card-image\" src=\"image2.jpg\" />\n                        <div class=\"card-body\">\n                            An easy way to control the information you want to give to prospective partners.<br /><br /> To ensure only the right people see this persona, maybe you apply a <b>secure sharing link</b> to it and for added security add a <b>one time password</b>.<br />\n                            </div>\n                    </div>\n   \n                </div>\n            </div>\n            <Footer />\n        </div>\n    );\n}\n}","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./component/App\";\nimport \"./index.css\";\n\nReactDOM.render(<App />, document.getElementById(\"root\"));"],"sourceRoot":""}