{"version":3,"sources":["MainMenu.js","Header.js","PageTitle.js","Content/HomePageContent.js","Content/AboutPageContent.js","Content/Contact.js","Content/WorkByTechnology.js","Content/WorkContent.js","Content/Portfolio.js","Content/Technology.js","PageContent.js","Footer.js","App.js","backenddata.js","App2.js","index.js"],"names":["MainMenu","props","site_entered","e","testElements","document","querySelectorAll","set_active_menu_state","querySelector","current_element","target","parentNode","classList","remove","add","testElement","length","className","src","alt","to","onClick","home_page_link","Header","PageTitle","name","HomePageContent","AboutPageContent","motion","div","initial","opacity","transform","animate","transition","duration","Contact","href","WorkByTechnology","activate_work_menu","clickTarget","work_menu","WorkContent","Portfolio","Technology","PageContent","location","useLocation","exact","path","render","Footer","Date","getFullYear","App","API","dataObject","App2","state","dataObj","imageURL","this","fetchData","axios","get","then","response","setState","JSON","stringify","catch","error","console","log","Component","ReactDOM","getElementById"],"mappings":"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","file":"static/js/main.d89244a8.chunk.js","sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport \"./assets/css/main-menu.css\";\n\nfunction MainMenu(props) {\n  function site_entered(e) {\n    let testElements = document.querySelectorAll(\".main-menu__item\");\n    let set_active_menu_state = document.querySelector(\".App-header\");\n    let current_element = e.target;\n    let current_element_parent = current_element.parentNode;\n    set_active_menu_state.classList.remove(\"at-start-page\");\n    set_active_menu_state.classList.add(\"site-entered\");\n\n    for (\n      let testElement = 0;\n      testElement < testElements.length;\n      testElement++\n    ) {\n      testElements[testElement].classList.remove(\"current-page\");\n    }\n    current_element.classList.add(\"current-page\");\n  }\n\n  return (\n    // React functions are included in \"return\"\n    // Write HTML as normal\n    <nav className=\"Main-Menu-navigation\">\n      <ul>\n        <li>\n          <img src=\"../aboutphoto.jpg\" alt=\"about photo\" />\n          <Link\n            to=\"/about-tyler\"\n            className=\"main-menu__item\"\n            onClick={site_entered}\n          >\n            About Tyler\n          </Link>\n        </li>\n        <li>\n          <img src=\"../computer.jpg\" alt=\"computer photo\" />\n          <Link to=\"/work\" className=\"main-menu__item\" onClick={site_entered}>\n            My Work\n          </Link>\n        </li>\n        <li>\n          <img src=\"../coffee.jpg\" alt=\"coffee photo\" />\n          <Link\n            to=\"/contact\"\n            className=\"main-menu__item\"\n            onClick={site_entered}\n          >\n            Contact Me\n          </Link>\n        </li>\n      </ul>\n    </nav>\n  );\n}\n\n// Export app function to use it in index.js\nexport default MainMenu;\n","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nimport MainMenu from './MainMenu';\n\n  function home_page_link(e) {\n     let testElements = document.querySelectorAll('.main-header-content .main-menu__item');\n     let set_active_menu_state = document.querySelector('.App-header');\n     set_active_menu_state.classList.remove('site-entered');\n\n      let current_element = e.target;\n      let current_element_parent = current_element.parentNode;\n\n     for ( let testElement = 0; testElement < testElements.length; testElement++ ) {\n         testElements[testElement].classList.remove('current-page');\n         let parentElement = testElements[testElement].parentNode;\n         set_active_menu_state.classList.add('at-start-page');\n     }\n     current_element.classList.add('current-page');\n  }\n  function site_entered(e) {\n     let testElements = document.querySelectorAll('.main-menu__item');\n     let set_active_menu_state = document.querySelector('.App-header');\n      let current_element = e.target;\n      let current_element_parent = current_element.parentNode;\n      set_active_menu_state.classList.remove('at-start-page');\n      set_active_menu_state.classList.add('site-entered');\n\n      for ( let testElement = 0; testElement < testElements.length; testElement++ ) {\n          testElements[testElement].classList.remove('current-page');\n      }\n      current_element.classList.add('current-page');\n  }\n\n// Primary ReactJs Function\nfunction Header() {\n  return ( // React functions are included in \"return\"\n  // Write HTML as normal\n      <header className=\"App-header at-start-page\">\n        <div className=\"main-header-content\">\n            <div className=\"site-logo\">\n                Tyler Akin\n            </div>\n            <Link to=\"/\" className=\"go-to-start-page\" onClick={home_page_link}>\n                Back Home\n                <span className=\"assistive\">\n                    Go to the homepage\n                </span>\n            </Link>\n\n            <nav>\n                <ul>\n                    <li>\n                        <Link to=\"/\" className=\"main-menu__item\" onClick={home_page_link}>\n                            Home\n                            <span className=\"assistive\">\n                                Click to expand menu.\n                            </span>\n                        </Link>\n\n                    </li>\n                    <li>\n                        <Link to=\"/about-tyler\" className=\"main-menu__item\" onClick={site_entered}>About Tyler</Link>\n                    </li>\n                    <li>\n                        <Link to=\"/work\" className=\"main-menu__item\" onClick={site_entered}>My Work</Link>\n                    </li>\n                    <li>\n                        <Link to=\"/contact\" className=\"main-menu__item\" onClick={site_entered}>Contact Me</Link>\n                    </li>\n                </ul>\n            </nav>\n        </div>\n        <MainMenu />\n      </header>\n  );\n}\n\n// Export app function to use it in index.js\nexport default Header;\n","import React from 'react';\n\n// Primary ReactJs Function\nfunction PageTitle(props) {\n  return ( // React functions are included in \"return\"\n  // Write HTML as normal\n    <h1 className=\"Page-Title\">\n        {props.name}\n    </h1>\n  );\n}\n\n// Export app function to use it in index.js\nexport default PageTitle;\n","import React from 'react';\nimport PageTitle from '../PageTitle';\n\n// Primary ReactJs Function\nfunction HomePageContent(props) {\n    // Enclosing tag in the return necesssary when adjacent elements used\n    return (\n        <div className=\"page-content homepage\">\n            <PageTitle name=\"Tyler Akin\" />\n            <div>Homepage Content</div>\n        </div>\n    );\n}\n\n// Export app function to use it in index.js\nexport default HomePageContent;\n","import React from \"react\";\nimport PageTitle from \"../PageTitle\";\nimport { Spring } from \"react-spring/renderprops\";\nimport { motion } from \"framer-motion\";\n\n// Primary ReactJs Function\nfunction AboutPageContent(props) {\n  // Enclosing tag in the return necesssary when adjacent elements used\n\n  return (\n    <div className=\"page-content about contain\">\n      <motion.div\n        className=\"actions\"\n        initial={{ opacity: 0, transform: \"translate(0%,-100%)\" }}\n        animate={{ opacity: 1, transform: \"translate(0%,0%)\" }}\n        transition={{\n          opacity: { duration: 1.5 },\n          transform: { duration: 0.35 },\n        }}\n      >\n        <PageTitle name=\"A developer at heart\" />\n\n        <div>\n          A development porfolio site by Tyler Akin, a software engineer from\n          Louisville, Kentucky.\n        </div>\n      </motion.div>\n    </div>\n  );\n}\n\n// Export app function to use it in index.js\nexport default AboutPageContent;\n","import React from \"react\";\nimport PageTitle from \"../PageTitle\";\nimport { motion } from \"framer-motion\";\n\n// Primary ReactJs Function\nfunction Contact(props) {\n  // Enclosing tag in the return necesssary when adjacent elements used\n  return (\n    <div className=\"page-content contact contain\">\n      <motion.div\n        className=\"actions\"\n        initial={{ opacity: 0, transform: \"translate(0%,-100%)\" }}\n        animate={{ opacity: 1, transform: \"translate(0%,0%)\" }}\n        transition={{\n          opacity: { duration: 1.5 },\n          transform: { duration: 0.35 },\n        }}\n      >\n        <PageTitle name=\"Contact\" />\n        <div>\n          Contact me for more information about my work and how it can intersect\n          your needs. I love learning about new project ideas.\n        </div>\n\n        <div>\n          <p>\n            Phone: <a href=\"tel:+15026459250\">(502) 645 9250</a>\n          </p>\n          <p>\n            Email:{\" \"}\n            <a href=\"mailto:tylerakinmwc@gmail.com\">tylerakinmwc@gmail.com</a>\n          </p>\n        </div>\n      </motion.div>\n    </div>\n  );\n}\n\n// Export app function to use it in index.js\nexport default Contact;\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport \"../assets/css/technology/technology.css\";\nimport { motion } from \"framer-motion\";\n\n// Primary ReactJs Function\nfunction WorkByTechnology(props) {\n  // Enclosing tag in the return necesssary when adjacent elements used\n  function activate_work_menu(e) {\n    let clickTarget = e.target;\n    let work_menu = document.querySelector(\".technology-navigation\");\n\n    if (clickTarget) {\n      work_menu.classList.add(\"slideMenuIn\");\n    }\n    work_menu.classList.remove(\"slideMenuIn\");\n  }\n\n  return (\n    <nav className=\"technology-navigation\">\n      <motion.div\n        className=\"actions\"\n        initial={{ opacity: 0, transform: \"translate(0%,-100%)\" }}\n        animate={{ opacity: 1, transform: \"translate(0%,0%)\" }}\n        transition={{\n          opacity: { duration: 1.5 },\n          transform: { duration: 0.35 },\n        }}\n      >\n        <ul>\n          <li>\n            <Link\n              to=\"/work/technology\"\n              className=\"main-menu__item\"\n              onClick={activate_work_menu}\n            >\n              By Technology\n            </Link>\n          </li>\n          <li>\n            <Link\n              to=\"/work/portfolio\"\n              className=\"main-menu__item\"\n              onClick={activate_work_menu}\n            >\n              Portfolio\n            </Link>\n          </li>\n        </ul>\n      </motion.div>\n    </nav>\n  );\n}\n\n// Export app function to use it in index.js\nexport default WorkByTechnology;\n","import React from 'react';\nimport WorkByTechnology from './WorkByTechnology';\n\n// Primary ReactJs Function\nfunction WorkContent(props) {\n        // Enclosing tag in the return necesssary when adjacent elements used\n    return (\n        <div className=\"page-content\">\n            <WorkByTechnology />\n        </div>\n    );\n\n}\n\n// Export app function to use it in index.js\nexport default WorkContent;\n","import React from \"react\";\nimport PageTitle from \"../PageTitle\";\nimport PortfolioMenu from \"./PortfolioMenu\";\nimport { motion } from \"framer-motion\";\n\nimport \"../assets/css/portfolio/portfolio-menu.css\";\n\n// Primary ReactJs Function\nfunction Portfolio(props) {\n  // Enclosing tag in the return necesssary when adjacent elements used\n  return (\n    <div className=\"page-content portfolio\">\n      <motion.div\n        className=\"actions\"\n        initial={{ opacity: 0, transform: \"translate(0%,-100%)\" }}\n        animate={{ opacity: 1, transform: \"translate(0%,0%)\" }}\n        transition={{\n          opacity: { duration: 1.5 },\n          transform: { duration: 0.35 },\n        }}\n      >\n        <div className=\"contain\">\n          <PageTitle name=\"Work. Done.\" />\n          Learn more about projects I have worked on during my career.\n          <p>Coming soon...</p>\n        </div>\n        {/* <PortfolioMenu /> */}\n      </motion.div>\n    </div>\n  );\n}\n\n// Export app function to use it in index.js\nexport default Portfolio;\n","import React from 'react';\nimport PageTitle from '../PageTitle';\nimport '../assets/css/technology/technology.css';\nimport { motion } from \"framer-motion\"\n\n// Primary ReactJs Function\nfunction Technology(props) {\n        // Enclosing tag in the return necesssary when adjacent elements used\n    return (\n        <div className=\"page-content technology\">\n            <motion.div\n                className=\"actions\"\n                initial={{ opacity: 0, transform:'translate(0%,-100%)' }}\n                animate={{ opacity: 1,transform:'translate(0%,0%)' }}\n                transition={{ opacity: { duration: 1.5 }, transform: { duration: .35 } }}>\n\n                <div className=\"contain\">\n                    <div className=\"technology-sector\">\n                        <h2>Languages and Frameworks</h2>\n                        <div className=\"technology-sector--inner\">\n                            <div>HTML5</div>\n                            <div>CSS3</div>\n                            <div>SCSS</div>\n                            <div>PHP7</div>\n                            <div>JavaScript</div>\n                            <div>JQuery</div>\n                            <div>ReactJS</div>\n                            <div>VueJs</div>\n                        </div>\n                    </div>\n\n                    <div className=\"technology-sector\">\n                        <h2>Platforms and CMS</h2>\n                        <div className=\"technology-sector--inner\">\n                            <div>WordPress</div>\n                            <div>Shopify</div>\n                            <div>PrestaShop</div>\n                        </div>\n                    </div>\n\n                    <div className=\"technology-sector\">\n                        <h2>Design and Visual</h2>\n                        <div className=\"technology-sector--inner\">\n                            <div>Illustrator</div>\n                            <div>Photoshop</div>\n                            <div>Affinity Designer</div>\n                            <div>Affinity Photo</div>\n                            <div>Premier Pro</div>\n                            <div>After Effects</div>\n                        </div>\n                    </div>\n\n                    <div className=\"technology-sector\">\n                        <h2>Accessibility</h2>\n                        <div className=\"technology-sector--inner\">\n                            <div>WCAG 2.0</div>\n                            <div>WCAG 2.1</div>\n                            <div>ADA</div>\n                            <div>Section 508</div>\n                        </div>\n                    </div>\n                </div>\n            </motion.div>\n\n        </div>\n    );\n\n}\n\n// Export app function to use it in index.js\nexport default Technology;\n","// Also requires react import, but no react dom\nimport React from \"react\";\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Route,\n  Link,\n  useLocation,\n} from \"react-router-dom\";\nimport { useTransition, animated, config } from \"react-spring\";\nimport { motion } from \"framer-motion\";\nimport HomePageContent from \"./Content/HomePageContent\";\nimport AboutPageContent from \"./Content/AboutPageContent\";\nimport Contact from \"./Content/Contact\";\nimport WorkContent from \"./Content/WorkContent\";\nimport Portfolio from \"./Content/Portfolio\";\nimport Technology from \"./Content/Technology\";\n\nimport \"./assets/css/fonts.css\";\nimport \"./assets/css/general.css\";\nimport \"./assets/css/page-content.css\";\n\n// Primary ReactJs Function\nfunction PageContent() {\n  const location = useLocation();\n\n  return (\n    <main>\n      <Switch location={location}>\n        <Route exact path=\"/about-tyler\" render={() => <AboutPageContent />} />\n        <Route exact path=\"/contact\" render={() => <Contact />} />\n        <Route exact path=\"/work\" render={() => <WorkContent />} />\n        <Route exact path=\"/work/portfolio\" render={() => <Portfolio />} />\n        <Route exact path=\"/work/technology\" render={() => <Technology />} />\n      </Switch>\n    </main>\n  );\n}\n\n// Export app function to use it in index.js\nexport default PageContent;\n","import React, { Component } from \"react\";\nimport \"./assets/css/footer.css\";\n// import Backenddata from './backenddata';\n\n// Primary ReactJs Function\nfunction Footer() {\n  return (\n    // React functions are included in \"return\"\n    // Write HTML as normal\n    <footer className=\"footer\">\n      <div className=\"footer-inner\">\n        Built in Louisville, Kentucky.\n        <br></br>© {new Date().getFullYear()} Tyler Akin. All Rights Reserved.\n        <br></br>a{\" \"}\n        <a className=\"footer-link\" href=\"https://tylerakin.com\">\n          tylerakin.com\n        </a>{\" \"}\n        site.\n      </div>\n    </footer>\n  );\n}\n// Export app function to use it in index.js\nexport default Footer;\n","// Also requires react import, but no react dom\nimport React from \"react\";\n\n// Import components used below\n\n// Import Header Components\nimport Header from \"./Header\";\nimport PageContent from \"./PageContent\";\nimport Footer from \"./Footer\";\n\n// Primary ReactJs Function\nfunction App() {\n  return (\n    // React functions are included in \"return\"\n\n    // Write HTML as normal\n    // Include ReactJs components\n    <div className=\"App\">\n      <Header />\n\n      <PageContent />\n\n      <Footer />\n    </div>\n  );\n}\n\n// Export app function to use it in index.js\nexport default App;\n","import React, { Component } from \"react\";\n\nfunction API(props) {\n  return <p>{props.dataObject}</p>;\n}\nexport default API;\n","import React, {Component} from 'react';\nimport axios from 'axios';\n\nimport API from './backenddata';\n\nclass App2 extends Component {\n    constructor(props) {\n        super()\n        this.state = {\n            dataObj:'',\n            imageURL: ''\n        }\n    }\n\n  componentDidMount(){\n      this.fetchData();\n  }\n\n\n  fetchData(){\n      const url = \"http://localhost:8000/polls/api/index/\";\n\n      return axios.get(url)\n       .then(response => {\n           this.setState({ imageURL: JSON.stringify(response ) + 'testsettting' });\n       })\n       .catch(error => console.log('nothing found'));\n  }\n\n  render() {\n    return (\n      <div className=\"App2\">\n        <API dataObject={this.state.imageURL} />\n      </div>\n    );\n  }\n}\n\nexport default App2;\n","// First, import ReactJs files. Two necessary.\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter } from \"react-router-dom\";\n// Import css file\n// Import the react instance\nimport App from \"./App\";\nimport App2 from \"./App2\";\n\n// Attach the app (and render it) in index.html\nReactDOM.render(\n  <BrowserRouter>\n    <App />\n    <App2 />\n  </BrowserRouter>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}