{"version":3,"sources":["components/header.js","components/yourdata.js","components/About.js","components/home.js","components/Work.js","components/Contact.js","components/Landing.js","App.js","serviceWorker.js","index.js"],"names":["Header","name","contactEmail","className","to","href","landingPageName","landingPagePara","landingPageImage","projects","id","title","imageSrc","url","social","aboutTitle","aboutPara","About","data","Home","paragraph","authorImage","src","alt","Work","map","project","key","Contact","contactPara","socialLinks","Landing","App","path","exact","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"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","file":"static/js/main.fe5b3319.chunk.js","sourcesContent":["import React from 'react';\nimport {Link} from 'react-router-dom'\nconst Header = ({name, contactEmail})=>{\n    return(\n        <div>\n            <div className=\"header_container\">\n                <Link to=\"/\"><h1>{name}.</h1></Link>\n                <nav>\n                    <ul>\n                        <li><Link to=\"/about\">About</Link></li>\n                        <li><a href={`mailto:${contactEmail}`}>Contact</a></li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    )\n}\n\nexport default Header","export default {\n  //(Please Do Not Remove The comma(,) after every variable)\n\n  //Change The Website Template\n  name: \"Fortune <//>\",\n\n  //Contact Email\n  contactEmail: \"ikechifortune@gmail.com\",\n\n  // Landing Page Name\n  landingPageName: \"Fortune Ikechi\",\n\n  // Landing Page Paragraph\n  landingPagePara:\n    \"An Everlearning creative Frontend Engineer and Student currently in Rivers Nigeria, i build javascript applications that run on the web.\",\n\n  // Landing Page Image (replace - root/public/assets/photo.jpg)\n  landingPageImage: \"assets/kay.jpeg\",\n\n  // Change Projects Here\n  projects: [\n    {\n      id: 1, //DO NOT CHANGE THIS (Please)😅\n      title: \"React Contact Manager\", //Project Title - Add Your Project Title Here\n      // Image Size Should be (300X300 px)\n      imageSrc:\n        \"https://www.teamgate.com/wp-content/uploads/2018/07/contact-management-software-Teamgate.png\",\n      //Project URL - Add Your Project Url Here\n      url: \"https://kayz-contact-manager.netlify.app/\",\n    },\n\n    {\n      id: 2, //DO NOT CHANGE THIS (Please)😅\n      title: \"React Robofriends app\",\n      imageSrc:\n        \"https://user-images.githubusercontent.com/35633575/48636868-17798f00-e9f2-11e8-9f76-14061bd3f24f.png\",\n      url: \"https://kays-robot-friends.netlify.app/\",\n    },\n    {\n      id: 3, //DO NOT CHANGE THIS (Please)😅\n      title: \"PickMeUp (ride hailing app)\",\n      imageSrc:\n        \"https://d1em7jlcqtou5o.cloudfront.net/wp-content/uploads/2019/08/07130704/finthepro-pickmeup-logo.jpg\",\n      url: \"https://github.com/iamfortune/pickmeup\",\n    },\n    {\n      id: 4, //DO NOT CHANGE THIS (Please)😅\n      title: \"LVA (Laravel and Vue app with admin dashboard)\",\n      imageSrc: \"https://www.devvau.com/assets/img/articles/laravel-vue.png\",\n      url: \"https://github.com/iamfortune/LVA\",\n    },\n    // Paste more projects here from the template\n  ],\n\n  // Contact Section\n  social: [\n    // Add Or Remove The Link Accordingly\n    {\n      name: \"LinkedIn\",\n      url: \"https://www.linkedin.com/in/fortune-ikechi-99199a13b/\",\n    },\n    {\n      name: \"Github\",\n      url: \"https://www.github.com/iamfortune\",\n    },\n    {\n      name: \"Twitter\",\n      url: \"https://twitter.com/codernamedkay\",\n    },\n  ],\n\n  // About Page\n  aboutTitle: \"Expert Frontend Engineer\",\n  aboutPara:\n    \"I build pixel perfect, quality and user friendly applications that run on the web. Skilled in HTML, CSS, JavaScript, Git/GitHub, Trello, Bootstrap, Netlify, React/Redux, Firebase, React Native and open to learning new tech.\",\n};","import React from 'react';\nimport Header from './header';\nimport data from './yourdata';\n\nconst About = () =>{\nreturn (\n  <div>\n    <Header name={data.name} contactEmail={data.contactEmail}></Header>\n    <div className=\"about_container\">\n      <h1>{data.aboutTitle}</h1>\n      <p>{data.aboutPara}</p>\n    </div>\n  </div>\n);\n}\nexport default About;","import React from 'react';\n\nconst Home = ({name, paragraph, authorImage})=>{\n\n    return(\n    <div>\n        <div className=\"home_container\">\n            <div className=\"home_head_wrapper\">\n            < h1 > Hi I 'm <br></br> <span>{name}</span></h1>\n            <p>{paragraph}</p>\n            </div>\n            <div className=\"image_container\">\n                <img src={authorImage} alt=\"Author\"></img>\n                <div className=\"bg\"></div>\n            </div>\n            \n        </div>\n    </div>\n    )\n}\n\nexport default Home;","import React from 'react';\n\nconst Work = ({projects}) =>{\n    return(\n        <div className=\"work_container\">\n            <h1>Projects.</h1>\n            <div className=\"projects_container\">\n                {projects.map((project)=>(\n                <div key={project.id} className=\"project\">\n                    <div className=\"image\">\n                        <a href={project.url}>\n                            <img src={project.imageSrc} alt={project.title}></img>\n                        </a>\n                    </div>\n                    <div className=\"title\">\n                        {project.title}\n                    </div>\n                </div>\n                ))}\n            </div>\n        </div>\n    )\n}\n\nexport default Work","import React from 'react';\nimport { FaEnvelope, FaLinkedin, FaGithub, FaTwitter } from \"react-icons/fa\";\n\nconst Contact = ({contactEmail, contactPara, socialLinks})=>{\n\n    return (\n      <div className=\"contact_container\">\n        <p>{contactPara}</p>\n        <br></br>\n        <a className=\"email_link\" href={`mailto:${contactEmail}`}>\n          {contactEmail}\n        </a>\n        <div className=\"social_links\">\n          <ul>\n            <li>\n              <a href={`mailto:${contactEmail}`}>\n                <FaEnvelope></FaEnvelope>\n              </a>\n            </li>\n            <li>\n              <a href={socialLinks[0].url}>\n                <FaLinkedin></FaLinkedin>\n              </a>\n            </li>\n            <li>\n              <a href={socialLinks[1].url}>\n                <FaGithub></FaGithub>\n              </a>\n            </li>\n            <li>\n              <a href={socialLinks[2].url}>\n                <FaTwitter></FaTwitter>\n              </a>\n            </li>\n          </ul>\n        </div>\n      </div>\n    );\n}\n\nexport default Contact","import React from 'react';\nimport Header from './header'\nimport Home from './home';\nimport Work from './Work';\nimport Contact from './Contact';\n\nimport data from './yourdata';\n\nconst Landing = ()=>{\n    return(<div className=\"App\">\n    <Header name={data.name} contactEmail = {data.contactEmail}></Header>\n      <Home name={data.landingPageName} paragraph = {data.landingPagePara} authorImage={data.landingPageImage}></Home>\n      <Work projects={data.projects}></Work>\n      <Contact contactEmail = {data.contactEmail} contactPara= {data.contactPara} socialLinks = {data.social}></Contact>\n    </div>)\n}\n\nexport default Landing","import React from 'react';\nimport './App.css';\nimport {BrowserRouter, Switch, Route} from 'react-router-dom'\nimport About from './components/About';\nimport Landing from './components/Landing';\n\nfunction App() {\n  return (\n    <BrowserRouter>\n      <Switch>\n        <Route path=\"/about\">\n        <About></About>\n        </Route>\n        <Route path=\"/\" exact>\n        <Landing></Landing>\n        </Route>\n      </Switch>\n    </BrowserRouter>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}