{"version":3,"sources":["Components/Header.js","Components/Footer.js","Components/About.js","Components/Resume.js","App.js","Components/Contact.js","reportWebVitals.js","index.js"],"names":["Header","this","props","data","linkedin","name","description","id","type","num","bg","className","href","title","bottom","duration","target","Component","Footer","networks","social","map","network","url","About","profilepic","image","bio","email","resumedownload","src","alt","Resume","color","i","Math","floor","random","skillmessage","education","school","degree","graduated","work","company","years","skills","backgroundColor","getRandomColor","toLowerCase","width","level","style","project","certificate","institute","left","App","state","foo","resumeData","ReactGA","initialize","pageview","window","location","pathname","$","ajax","dataType","cache","success","setState","bind","error","xhr","status","err","console","log","alert","getResumeData","main","resume","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.542078d1.chunk.js","sourcesContent":["import React, { Component } from \"react\";\nimport ParticlesBg from \"particles-bg\";\nimport Fade from \"react-reveal\";\nimport Slide from \"react-reveal\";\n\nclass Header extends Component {\n  render() {\n    if (!this.props.data) return null;\n\n\n    const linkedin = this.props.data.linkedin;\n    const name = this.props.data.name;\n    const description = this.props.data.description;\n\n    return (\n      <header id=\"home\">\n        <ParticlesBg type=\"square\" num=\"0\" bg={true} />\n\n        <nav id=\"nav-wrap\">\n          <a className=\"mobile-btn\" href=\"#nav-wrap\" title=\"Show navigation\">\n            Show navigation\n          </a>\n          <a className=\"mobile-btn\" href=\"#home\" title=\"Hide navigation\">\n            Hide navigation\n          </a>\n\n          <ul id=\"nav\" className=\"nav\">\n            <li className=\"current\">\n              <a className=\"smoothscroll\" href=\"#home\">\n                Home\n              </a>\n            </li>\n\n            <li>\n              <a className=\"smoothscroll\" href=\"#about\">\n                About\n              </a>\n            </li>\n\n            <li>\n              <a className=\"smoothscroll\" href=\"#resume\">\n                Resume\n              </a>\n            </li>\n          </ul>\n        </nav>\n\n        <div className=\"row banner\">\n          <div className=\"banner-text\">\n            <Fade bottom>\n              <h1 className=\"responsive-headline\">{name}</h1>\n            </Fade>\n            <Fade bottom duration={1000}>\n              <h3>{description}</h3>\n            </Fade>\n            <hr />\n            <Fade bottom duration={1000}>\n              <ul className=\"social\">\n                <a href={linkedin} className=\"button btn linkedin-btn\" target=\"_blank\">\n                  <i className=\"fa fa-linkedin\"></i>Linkedin\n                </a>\n              </ul>\n            </Fade>\n          </div>\n        </div>\n\n        <p className=\"scrolldown\">\n          <a className=\"smoothscroll\" href=\"#about\">\n            <i className=\"icon-down-circle\"></i>\n          </a>\n        </p>\n      </header>\n    );\n  }\n}\n\nexport default Header;\n","import React, { Component } from \"react\";\nimport Fade from \"react-reveal\";\n\nclass Footer extends Component {\n  render() {\n    if (!this.props.data) return null;\n\n    const networks = this.props.data.social.map(function (network) {\n      return (\n        <li key={network.name}>\n          <a href={network.url}>\n            <i className={network.className}></i>\n          </a>\n        </li>\n      );\n    });\n\n    return (\n      <footer>\n        <div className=\"row\">\n          <Fade bottom>\n            <div className=\"twelve columns\">\n              <ul className=\"social-links\">{networks}</ul>\n\n              <ul className=\"copyright\">\n                <li>&copy; Copyright 2023 Yusuf Yazıcı</li>\n              </ul>\n            </div>\n          </Fade>\n\n          <div id=\"go-top\">\n            <a className=\"smoothscroll\" title=\"Back to Top\" href=\"#home\">\n              <i className=\"icon-up-open\"></i>\n            </a>\n          </div>\n        </div>\n      </footer>\n    );\n  }\n}\n\nexport default Footer;\n","import React, { Component } from \"react\";\nimport Fade from \"react-reveal\";\n\nclass About extends Component {\n  render() {\n    if (!this.props.data) return null;\n\n    const name = this.props.data.name;\n    const profilepic = \"images/\" + this.props.data.image;\n    const bio = this.props.data.bio;\n    const email = this.props.data.email;\n    const resumeDownload = this.props.data.resumedownload;\n\n    return (\n      <section id=\"about\">\n        <Fade duration={1000}>\n          <div className=\"row\">\n            <div className=\"three columns\">\n              <img\n                className=\"profile-pic\"\n                src={profilepic}\n                alt=\"Nordic Giant Profile Pic\"\n              />\n            </div>\n            <div className=\"nine columns main-col\">\n              <h2>About</h2>\n\n              <p>{bio}</p>\n              <div className=\"row\">\n                <div className=\"columns contact-details\">\n                  <h2>Contact Details</h2>\n                  <p className=\"address\">\n                    <span>{name}</span>\n                    <br />\n                    <span>{email}</span>\n                  </p>\n                </div>\n                {/* <div className=\"columns download\">\n                  <p>\n                    <a href={resumeDownload} className=\"button\">\n                      <i className=\"fa fa-download\"></i>Download Resume\n                    </a>\n                  </p>\n                </div> */}\n              </div>\n            </div>\n          </div>\n        </Fade>\n      </section>\n    );\n  }\n}\n\nexport default About;\n","import React, { Component } from \"react\";\nimport Slide from \"react-reveal\";\nimport Fade from \"react-reveal\";\nimport Pulse from 'react-reveal/Pulse';\n\nclass Resume extends Component {\n  getRandomColor() {\n    let letters = \"0123456789ABCDEF\";\n    let color = \"#\";\n    for (let i = 0; i < 6; i++) {\n      color += letters[Math.floor(Math.random() * 16)];\n    }\n    return color;\n  }\n\n  render() {\n    if (!this.props.data) return null;\n\n    const skillmessage = this.props.data.skillmessage;\n    const education = this.props.data.education.map(function (education) {\n      return (\n        <div key={education.school}>\n          <h3>{education.school}</h3>\n          <p className=\"info\">\n            {education.degree} <span>&bull;</span>\n            <em className=\"date\">{education.graduated}</em>\n          </p>\n          <p>{education.description}</p>\n        </div>\n      );\n    });\n\n    const work = this.props.data.work.map(function (work) {\n      return (\n        <div key={work.company}>\n          <h3>{work.company}</h3>\n          <p className=\"info\">\n            {work.title}\n            <span>&bull;</span> <em className=\"date\">{work.years}</em>\n          </p>\n          <p>{work.description}</p>\n        </div>\n      );\n    });\n\n    const skills = this.props.data.skills.map((skills) => {\n      const backgroundColor = this.getRandomColor();\n      const className = \"bar-expand \" + skills.name.toLowerCase();\n      const width = skills.level;\n\n      return (\n        <li key={skills.name}>\n          <span style={{ width, backgroundColor }} className={className}></span>\n          <em>{skills.name}</em>\n        </li>\n      );\n    });\n\n    const project = this.props.data.project.map(function (project) {\n      return (\n        <div key={project.name}>\n          <h2>{project.name}</h2>\n          <p className=\"info\">\n            <em className=\"date\">{project.years}</em>\n          </p>\n          <p>{project.description}</p>\n        </div>\n      );\n    });\n\n    const certificate = this.props.data.certificate.map(function (certificate) {\n      return (\n        <div key={certificate.name}>\n          <h2>{certificate.name}</h2>\n          <p className=\"info\">\n            <em className=\"date\">{certificate.years}</em>\n            <span>&bull;</span>\n            {certificate.institute}\n          </p>\n          <p>{certificate.description}</p>\n        </div>\n      );\n    });\n\n    return (\n      <section id=\"resume\">\n\n        <Slide left duration={1300}>\n          <div className=\"row work\">\n            <div className=\"three columns header-col\">\n              <h1>\n                <span>Work</span>\n              </h1>\n            </div>\n\n            <div className=\"nine columns main-col\">{work}</div>\n          </div>\n        </Slide>\n\n        <Slide left duration={1300}>\n          <div className=\"row education\">\n            <div className=\"three columns header-col\">\n              <h1>\n                <span>Education</span>\n              </h1>\n            </div>\n\n            <div className=\"nine columns main-col\">\n              <div className=\"row item\">\n                <div className=\"twelve columns\">{education}</div>\n              </div>\n            </div>\n          </div>\n        </Slide>\n\n        <Pulse duration={1300}>\n          <div className=\"row project\">\n            <div className=\"three columns header-col\">\n              <h1>\n                <span>Major Projects</span>\n              </h1>\n            </div>\n\n            <div className=\"nine columns main-col\">{project}</div>\n          </div>\n        </Pulse>\n\n        <Slide left duration={1300}>\n          <div className=\"row skill\">\n            <div className=\"three columns header-col\">\n              <h1>\n                <span>Skills</span>\n              </h1>\n            </div>\n\n            <div className=\"nine columns main-col\">\n\n              <div className=\"bars\">\n                <ul className=\"skills\">{skills}</ul>\n              </div>\n            </div>\n          </div>\n        </Slide>\n\n        <Slide left duration={1300}>\n          <div className=\"row work\">\n            <div className=\"three columns header-col\">\n              <h1>\n                <span>Certificates</span>\n              </h1>\n            </div>\n\n            <div className=\"nine columns main-col\">{certificate}</div>\n          </div>\n        </Slide>\n      </section>\n    );\n  }\n}\n\nexport default Resume;\n","import React, { Component } from \"react\";\nimport ReactGA from \"react-ga\";\nimport $ from \"jquery\";\nimport \"./App.css\";\nimport Header from \"./Components/Header\";\nimport Footer from \"./Components/Footer\";\nimport About from \"./Components/About\";\nimport Resume from \"./Components/Resume\";\nimport Contact from \"./Components/Contact\";\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      foo: \"bar\",\n      resumeData: {}\n    };\n\n    ReactGA.initialize(\"UA-110570651-1\");\n    ReactGA.pageview(window.location.pathname);\n  }\n\n  getResumeData() {\n    $.ajax({\n      url: \"./resumeData.json\",\n      dataType: \"json\",\n      cache: false,\n      success: function(data) {\n        this.setState({ resumeData: data });\n      }.bind(this),\n      error: function(xhr, status, err) {\n        console.log(err);\n        alert(err);\n      }\n    });\n  }\n\n  componentDidMount() {\n    this.getResumeData();\n  }\n\n  render() {\n    return (\n      <div className=\"App\">\n        <Header data={this.state.resumeData.main}/>\n        <About data={this.state.resumeData.main} />\n        <Resume data={this.state.resumeData.resume} />\n        {/* <Contact data={this.state.resumeData.main} /> */}\n        <Footer data={this.state.resumeData.main} />\n      </div>\n    );\n  }\n}\n\nexport default App;\n","import React, { Component } from \"react\";\nimport { Fade, Slide } from \"react-reveal\";\n\nclass Contact extends Component {\n  render() {\n    if (!this.props.data) return null;\n\n    const name = this.props.data.name;\n    const street = this.props.data.address.street;\n    const city = this.props.data.address.city;\n    const state = this.props.data.address.state;\n    const zip = this.props.data.address.zip;\n    const phone = this.props.data.phone;\n    const message = this.props.data.contactmessage;\n\n    return (\n      <section id=\"contact\">\n        <Fade bottom duration={1000}>\n          <div className=\"row section-head\">\n            <div className=\"two columns header-col\">\n              <h1>\n                <span>Get In Touch.</span>\n              </h1>\n            </div>\n\n            <div className=\"ten columns\">\n              <p className=\"lead\">{message}</p>\n            </div>\n          </div>\n        </Fade>\n\n        <div className=\"row\">\n          <Slide left duration={1000}>\n            <div className=\"eight columns\">\n              <form action=\"\" method=\"post\" id=\"contactForm\" name=\"contactForm\">\n                <fieldset>\n                  <div>\n                    <label htmlFor=\"contactName\">\n                      Name <span className=\"required\">*</span>\n                    </label>\n                    <input\n                      type=\"text\"\n                      defaultValue=\"\"\n                      size=\"35\"\n                      id=\"contactName\"\n                      name=\"contactName\"\n                      onChange={this.handleChange}\n                    />\n                  </div>\n\n                  <div>\n                    <label htmlFor=\"contactEmail\">\n                      Email <span className=\"required\">*</span>\n                    </label>\n                    <input\n                      type=\"text\"\n                      defaultValue=\"\"\n                      size=\"35\"\n                      id=\"contactEmail\"\n                      name=\"contactEmail\"\n                      onChange={this.handleChange}\n                    />\n                  </div>\n\n                  <div>\n                    <label htmlFor=\"contactSubject\">Subject</label>\n                    <input\n                      type=\"text\"\n                      defaultValue=\"\"\n                      size=\"35\"\n                      id=\"contactSubject\"\n                      name=\"contactSubject\"\n                      onChange={this.handleChange}\n                    />\n                  </div>\n\n                  <div>\n                    <label htmlFor=\"contactMessage\">\n                      Message <span className=\"required\">*</span>\n                    </label>\n                    <textarea\n                      cols=\"50\"\n                      rows=\"15\"\n                      id=\"contactMessage\"\n                      name=\"contactMessage\"\n                    ></textarea>\n                  </div>\n\n                  <div>\n                    <button className=\"submit\">Submit</button>\n                    <span id=\"image-loader\">\n                      <img alt=\"\" src=\"images/loader.gif\" />\n                    </span>\n                  </div>\n                </fieldset>\n              </form>\n\n              <div id=\"message-warning\"> Error boy</div>\n              <div id=\"message-success\">\n                <i className=\"fa fa-check\"></i>Your message was sent, thank you!\n                <br />\n              </div>\n            </div>\n          </Slide>\n\n          <Slide right duration={1000}>\n            <aside className=\"four columns footer-widgets\">\n              <div className=\"widget widget_contact\">\n                <h4>Address and Phone</h4>\n                <p className=\"address\">\n                  {name}\n                  <br />\n                  {street} <br />\n                  {city}, {state} {zip}\n                  <br />\n                  <span>{phone}</span>\n                </p>\n              </div>\n\n              <div className=\"widget widget_tweets\">\n                <h4 className=\"widget-title\">Latest Tweets</h4>\n                <ul id=\"twitter\">\n                  <li>\n                    <span>\n                      This is Photoshop's version of Lorem Ipsum. Proin gravida\n                      nibh vel velit auctor aliquet. Aenean sollicitudin, lorem\n                      quis bibendum auctor, nisi elit consequat ipsum\n                      <a href=\"./\">http://t.co/CGIrdxIlI3</a>\n                    </span>\n                    <b>\n                      <a href=\"./\">2 Days Ago</a>\n                    </b>\n                  </li>\n                  <li>\n                    <span>\n                      Sed ut perspiciatis unde omnis iste natus error sit\n                      voluptatem accusantium doloremque laudantium, totam rem\n                      aperiam, eaque ipsa quae ab illo inventore veritatis et\n                      quasi\n                      <a href=\"./\">http://t.co/CGIrdxIlI3</a>\n                    </span>\n                    <b>\n                      <a href=\"./\">3 Days Ago</a>\n                    </b>\n                  </li>\n                </ul>\n              </div>\n            </aside>\n          </Slide>\n        </div>\n      </section>\n    );\n  }\n}\n\nexport default Contact;\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';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <App />,\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":""}