{"version":3,"sources":["pages/Navbar.jsx","pages/Portfolio.jsx","assets/images/chatbox.png","pages/bot.jsx","assets/images/chatbot.jpg","assets/images/photo2.jpeg","assets/images/photo1.jpeg","assets/images/photo4.jpeg","assets/images/photo5.jpeg","assets/images/photo6.jpeg","pages/Content.jsx","assets/images/myphoto2.jpg","assets/images/linkedin.jpg","assets/images/github.jpg","App.js","reportWebVitals.js","index.js"],"names":["Navbar","href","Portfolio","className","Provider","value","color","size","steps","id","message","trigger","user","end","theme","background","headerBgColor","headerFontSize","botBubbleColor","headerFontColor","botFontColor","userBubbleColor","userFontColor","config","botavatar","photo1","floating","Bot","headerTitle","Content","src","alt","photo2","photo3","photo4","photo5","photo6","App","logo","linkedin","github","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","createRoot","document","getElementById","render","StrictMode"],"mappings":"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","file":"static/js/main.6b0261bd.chunk.js","sourcesContent":["import React from \"react\";\r\nimport \"../App.css\";\r\n\r\nfunction Navbar() {\r\n   return (\r\n      <>\r\n         <section>\r\n            <ul>\r\n               <li>\r\n                  <a href=\"https://jpcontreras87.com/\">Register</a>\r\n               </li>\r\n               <li>\r\n                  <a href=\"https://jpcontreras87.com/\">Log In</a>\r\n               </li>\r\n\r\n               <li>\r\n                  <a href=\"dhttps://jpcontreras87.com/\">Home</a>\r\n               </li>\r\n            </ul>\r\n         </section>\r\n      </>\r\n   );\r\n}\r\nexport default Navbar;\r\n","import React from \"react\";\r\nimport \"../App.css\";\r\nimport { HiOutlineArrowLongDown } from \"react-icons/hi2\";\r\nimport { IconContext } from \"react-icons\";\r\n\r\nfunction Portfolio() {\r\n   return (\r\n      <table className=\"portfolio-table\">\r\n         <tr className=\"portfolio-1\">\r\n            This page was designed to showcase my projects using different coding\r\n            languages\r\n         </tr>\r\n         <tr>\r\n            <IconContext.Provider value={{ color: \"white\", size: \"3em\" }}>\r\n               <div>\r\n                  <HiOutlineArrowLongDown />\r\n               </div>\r\n            </IconContext.Provider>\r\n         </tr>\r\n         <tr className=\"portfolio-2\">View Portfolio</tr>\r\n      </table>\r\n   );\r\n}\r\n\r\nexport default Portfolio;\r\n","export default __webpack_public_path__ + \"static/media/chatbox.845898e4.png\";","import ChatBot from \"react-simple-chatbot\";\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport photo1 from \"../assets/images/chatbox.png\";\r\n\r\nconst steps = [\r\n   {\r\n      id: \"Greet\",\r\n      message: \"Hello, Visitor\",\r\n      trigger: \"Ask Name\",\r\n   },\r\n   {\r\n      id: \"Ask Name\",\r\n      message: \"What's your name?\",\r\n      trigger: \"Waiting user input for name\",\r\n   },\r\n   {\r\n      id: \"Waiting user input for name\",\r\n      user: true,\r\n      trigger: \"Hello\",\r\n   },\r\n   {\r\n      id: \"Hello\",\r\n      message: \"Hello {previousValue}! How are you?\",\r\n      trigger: \"Feelings\",\r\n   },\r\n   {\r\n      id: \"Feelings\",\r\n      user: true,\r\n      trigger: \"Done\",\r\n   },\r\n   {\r\n      id: \"Done\",\r\n      message: \"I see...Well, Have a great day !!\",\r\n      end: true,\r\n   },\r\n];\r\n\r\nconst theme = {\r\n   background: \"white\",\r\n   headerBgColor: \"red\",\r\n   headerFontSize: \"20px\",\r\n   botBubbleColor: \"gray\",\r\n   headerFontColor: \"white\",\r\n   botFontColor: \"white\",\r\n   userBubbleColor: \"black\",\r\n   userFontColor: \"white\",\r\n};\r\n\r\nconst config = {\r\n   botavatar: { photo1 },\r\n   floating: true,\r\n};\r\n\r\nfunction Bot() {\r\n   return (\r\n      <div className=\"App\">\r\n         <ThemeProvider theme={theme}>\r\n            <ChatBot headerTitle=\"Robotron\" steps={steps} {...config} />\r\n         </ThemeProvider>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default Bot;\r\n","export default __webpack_public_path__ + \"static/media/chatbot.075a5f3d.jpg\";","export default __webpack_public_path__ + \"static/media/photo2.e3fdb029.jpeg\";","export default __webpack_public_path__ + \"static/media/photo1.f612f9f1.jpeg\";","export default __webpack_public_path__ + \"static/media/photo4.42369fd5.jpeg\";","export default __webpack_public_path__ + \"static/media/photo5.9b0ba4a2.jpeg\";","export default __webpack_public_path__ + \"static/media/photo6.d0115731.jpeg\";","import React from \"react\";\r\nimport \"../App.css\";\r\nimport Bot from \"./bot\";\r\n\r\n//images\r\nimport photo1 from \"../assets/images/chatbot.jpg\";\r\nimport photo2 from \"../assets/images/photo2.jpeg\";\r\nimport photo3 from \"../assets/images/photo1.jpeg\";\r\nimport photo4 from \"../assets/images/photo4.jpeg\";\r\nimport photo5 from \"../assets/images/photo5.jpeg\";\r\nimport photo6 from \"../assets/images/photo6.jpeg\";\r\n\r\nfunction Content() {\r\n   return (\r\n      <>\r\n         <table className=\"profile-table\">\r\n            <tr>\r\n               <Bot />\r\n\r\n               <td>\r\n                  <a href=\"/bot.jsx\">\r\n                     <img className=\"profile-images\" src={photo1} alt=\"chatbot\" />\r\n                  </a>\r\n                  <div>\r\n                     <h4>\r\n                        <b>Chatbot</b>\r\n                     </h4>\r\n                     <p>Created using PHP, mySql and JQuery</p>\r\n                  </div>\r\n               </td>\r\n               <td>\r\n                  <a href=\"https://jpcontreras87.com/\">\r\n                     <img className=\"profile-images\" src={photo2} alt=\"photo2\" />\r\n                  </a>\r\n                  <div>\r\n                     <h4>\r\n                        <b>Project 2</b>\r\n                     </h4>\r\n                     <p></p>\r\n                  </div>\r\n               </td>\r\n               <td>\r\n                  <a href=\"https://jpcontreras87.com/\">\r\n                     <img className=\"profile-images\" src={photo3} alt=\"photo3\" />\r\n                  </a>\r\n                  <div>\r\n                     <h4>\r\n                        <b>Project 3</b>\r\n                     </h4>\r\n                     <p></p>\r\n                  </div>\r\n               </td>\r\n            </tr>\r\n            <tr>\r\n               <td>\r\n                  <a href=\"https://jpcontreras87.com/\">\r\n                     <img className=\"profile-images\" src={photo4} alt=\"photo4\" />\r\n                  </a>\r\n                  <div>\r\n                     <h4>\r\n                        <b>Project 4</b>\r\n                     </h4>\r\n                     <p></p>\r\n                  </div>\r\n               </td>\r\n               <td>\r\n                  <a href=\"https://jpcontreras87.com/\">\r\n                     <img className=\"profile-images\" src={photo5} alt=\"photo5\" />\r\n                  </a>\r\n                  <div>\r\n                     <h4>\r\n                        <b>Project 5</b>\r\n                     </h4>\r\n                     <p></p>\r\n                  </div>\r\n               </td>\r\n               <td>\r\n                  <a href=\"https://jpcontreras87.com/\">\r\n                     <img className=\"profile-images\" src={photo6} alt=\"photo6\" />\r\n                  </a>\r\n                  <div>\r\n                     <h4>\r\n                        <b>Project 6</b>\r\n                     </h4>\r\n                     <p></p>\r\n                  </div>\r\n               </td>\r\n            </tr>\r\n         </table>\r\n         <div className=\"profile\">\r\n            <a href=\"https://jpcontreras87.com/\">View Full Portfolio</a>\r\n         </div>\r\n      </>\r\n   );\r\n}\r\n\r\nexport default Content;\r\n","export default __webpack_public_path__ + \"static/media/myphoto2.109cc08e.jpg\";","export default __webpack_public_path__ + \"static/media/linkedin.271e83e9.jpg\";","export default __webpack_public_path__ + \"static/media/github.0e9d517b.jpg\";","import \"./App.css\";\r\nimport React from \"react\";\r\n\r\n//components\r\nimport Navbar from \"./pages/Navbar\";\r\nimport Portfolio from \"./pages/Portfolio\";\r\nimport Content from \"./pages/Content\";\r\n\r\n//images\r\nimport logo from \"./assets/images/myphoto2.jpg\";\r\nimport linkedin from \"./assets/images/linkedin.jpg\";\r\nimport github from \"./assets/images/github.jpg\";\r\n\r\nfunction App() {\r\n   return (\r\n      <div className=\"App\">\r\n         <header>\r\n            <Navbar />\r\n         </header>\r\n         <body className=\"App-header\">\r\n            <h2 className=\" u-custom-font u-font-merriweather u-text u-text-default u-text-palette-2-base u-text-1\">\r\n               Biography\r\n            </h2>\r\n            <img src={logo} className=\"u-image u-image-circle u-image-1\" alt=\"logo\" />\r\n            <p>Juan P Contreras</p>\r\n            <p className=\"u-align-justify u-text u-text-grey-40 u-text-3\">\r\n               {\" \"}\r\n               I'm a driven individual that highly values knowledge and hard work. I am\r\n               motivated by challenges in my tasks, I love critical thinking, my work\r\n               environment and most importantly my family. I aspire to grow in a\r\n               company with upward mobility that promotes self growth and team\r\n               building. Some of my hobbies include playing Guitar, going to Disneyland\r\n               with my daughter, traveling with friends, watching Soccer, studying\r\n               Swedish, and learning new coding languages.\r\n            </p>\r\n            <div>\r\n               <a href=\"https://www.linkedin.com/in/jpcontreras87/\">\r\n                  <img className=\"icons\" src={linkedin} alt=\"linkedin\" />\r\n               </a>\r\n\r\n               <a href=\"https://github.com/jpcontreras87\">\r\n                  <img className=\"icons\" src={github} alt=\"github\" />\r\n               </a>\r\n            </div>\r\n            <Portfolio />\r\n            <Content />\r\n         </body>\r\n      </div>\r\n   );\r\n}\r\n\r\nexport default App;\r\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/client\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\nroot.render(\n   <React.StrictMode>\n      <App />\n   </React.StrictMode>\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":""}