{"version":3,"sources":["meimage.png","App.js","index.js"],"names":["App","props","services","React","createRef","company","contact","useState","window","pageYOffset","prevScrollpos","setPrevScrollpos","visible","setVisible","useEffect","addEventListener","handleScroll","removeEventListener","currentScrollPos","executeScroll","element","current","scrollIntoView","behavior","className","Navbar","collapseOnSelect","classnames","expand","fixed","Brand","href","style","marginLeft","fontSize","Toggle","color","aria-controls","Collapse","id","Nav","Link","onClick","ref","margin","src","meimage","display","icon","faCheck","faPhoneSquare","faEnvelope","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.be26d245.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/meimage.fcb60208.png\";","import React, { useEffect, useState } from 'react';\r\nimport './App.css';\r\nimport meimage from './meimage.png'\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Navbar, Nav } from \"react-bootstrap\";\r\nimport { faCheck, faCheckCircle, faCheckDouble, faCheckSquare, faEnvelope, faPhoneSquare } from '@fortawesome/free-solid-svg-icons'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport classnames from 'classnames';\r\n\r\nfunction App(props) {\r\n  const services = React.createRef();\r\n  const company = React.createRef();\r\n  const contact = React.createRef();\r\n\r\n  const [prevScrollpos, setPrevScrollpos] = useState(window.pageYOffset);\r\n  const [visible, setVisible] = useState(true);\r\n\r\n  useEffect(() => {\r\n    window.addEventListener(\"scroll\", () => handleScroll())\r\n\r\n    return () => {\r\n      window.removeEventListener(\"scroll\", () => handleScroll());\r\n    }\r\n  }, []);\r\n\r\n  const handleScroll = () => {\r\n    const currentScrollPos = window.pageYOffset;\r\n    const visible = currentScrollPos < 200 || (prevScrollpos > currentScrollPos);\r\n\r\n    setPrevScrollpos(currentScrollPos);\r\n    setVisible(visible);\r\n  };\r\n\r\n  const executeScroll = (element) => {\r\n    element.current.scrollIntoView({ behavior: 'smooth' });\r\n  }\r\n\r\n  return (\r\n    <div className=\"app\">\r\n      <Navbar collapseOnSelect className={classnames(\"navbar-dark font-300\", { \"navbar--hidden font-300\": !visible })} expand=\"md\" fixed=\"top\">\r\n        <Navbar.Brand className=\"nav-brand\" href=\"#services\">BITVENTURE<br></br> <span style={{ marginLeft: \"5px\", fontSize: \"16px\" }}>Microsoft Stack Developer C# | .NET | Azure</span></Navbar.Brand>\r\n        <Navbar.Toggle style={{ color: \"white\" }} aria-controls=\"responsive-navbar-nav\" />\r\n        <Navbar.Collapse style={{ color: \"white\" }} id=\"responsive-navbar-nav\">\r\n          <Nav className=\"mr-auto\">\r\n          </Nav>\r\n          <Nav>\r\n            <Nav.Link style={{ fontSize: \"20px\" }} onClick={() => executeScroll(services)}>PALVELUT</Nav.Link>\r\n            <Nav.Link style={{ fontSize: \"20px\" }} onClick={() => executeScroll(company)}>YRITYS</Nav.Link>\r\n            <Nav.Link style={{ fontSize: \"20px\" }} onClick={() => executeScroll(contact)}>YHTEYSTIEDOT</Nav.Link>\r\n          </Nav>\r\n        </Navbar.Collapse>\r\n      </Navbar>\r\n      <div className=\"app-background\">\r\n      </div>\r\n      <div className=\"container-fluid\">\r\n        <div ref={services} id=\"services\" className=\"mt-5 row\">\r\n          <div style={{ margin: 'auto' }} className=\"col-md-6 col-sm-12\">\r\n            <img className=\"ownimg\" src={meimage}></img>\r\n          </div>\r\n          <div className=\"mt-2 col-md-6 col-sm-12 font-300\">\r\n            <br></br>\r\n            <h2 className=\"font-300\">PALVELUT</h2>\r\n            <br></br>\r\n            <table>\r\n              <tbody>\r\n                <tr style={{ display: 'flex' }}>\r\n                  <td>\r\n                    <FontAwesomeIcon className=\"fa-lg green\" icon={faCheck} />\r\n                  </td>\r\n                  <td style={{ margin: '0px 0px 0px 10px' }}>\r\n                    <p className=\"left\">Palvelen vaativissa ohjelmistokehityshankkeissa.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr style={{ display: 'flex' }}>\r\n                  <td>\r\n                    <FontAwesomeIcon className=\"fa-lg green\" icon={faCheck} />\r\n                  </td>\r\n                  <td style={{ margin: '0px 0px 0px 10px' }}>\r\n                    <p className=\"left\">Full Stack -sovelluskehitys on intohimoni.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr style={{ display: 'flex' }}>\r\n                  <td>\r\n                    <FontAwesomeIcon className=\"fa-lg green\" icon={faCheck} />\r\n                  </td>\r\n                  <td style={{ margin: '0px 0px 0px 10px' }}>\r\n                    <p className=\"left\">Olen panostanut erityisesti Microsoftin teknologioihin, joista minulla on noin 15 vuoden kokemus.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr style={{ display: 'flex' }}>\r\n                  <td>\r\n                    <FontAwesomeIcon className=\"fa-lg green\" icon={faCheck} />\r\n                  </td>\r\n                  <td style={{ margin: '0px 0px 0px 10px' }}>\r\n                    <p className=\"left\">.NET, .NET Core, ASP.NET Core ovat teknologioina erityisen tuttuja.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr style={{ display: 'flex' }}>\r\n                  <td>\r\n                    <FontAwesomeIcon className=\"fa-lg green\" icon={faCheck} />\r\n                  </td>\r\n                  <td style={{ margin: '0px 0px 0px 10px' }}>\r\n                    <p className=\"left\">C# ja SQL kielet ovat vahvuuteni.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr style={{ display: 'flex' }}>\r\n                  <td>\r\n                    <FontAwesomeIcon className=\"fa-lg green\" icon={faCheck} />\r\n                  </td>\r\n                  <td style={{ margin: '0px 0px 0px 10px' }}>\r\n                    <p className=\"left\">Tunnen hyvin useat Azuren palvelut, kuten Application Insights, App Service, Azure SQL, Service Bus, Logic Apps jne.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr style={{ display: 'flex' }}>\r\n                  <td>\r\n                    <FontAwesomeIcon className=\"fa-lg green\" icon={faCheck} />\r\n                  </td>\r\n                  <td style={{ margin: '0px 0px 0px 10px' }}>\r\n                    <p className=\"left\">Minulla on kattava kokemus sekä Web- että työpöytäsovellusten koodaamisesta.</p>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n            <br></br>\r\n            <p className=\"left\">Muita tuttuja teknologioita ja työkaluja ovat esimerkiksi:</p>\r\n            <ul>\r\n              <li>\r\n                <p className=\"left\">\r\n                  Angular, Aurelia, JavaScript, TypeScript, CSS, HTML\r\n                </p>\r\n              </li>\r\n              <li>\r\n                <p className=\"left\">\r\n                  TeamCity ja Octopus (CI/CD), Azure DevOps, Jira, Confluence\r\n                </p>\r\n              </li>\r\n              <li>\r\n                <p className=\"left\">\r\n                  WPF, UWP, Xamarin\r\n                </p>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n        <div ref={company} id=\"company\" className=\"row font-300\">\r\n          <div className=\"col-md-12 col-sm-12\">\r\n            <h2 className=\"mt-5 font-300\" >YRITYS</h2>\r\n            <br></br>\r\n            <p className=\"right\">Teen töitä pääsääntöisesti tuntihinnoittelulla.</p>\r\n            <p className=\"right\">Luotettavaa ja pitkäjänteistä tekemistä.</p>\r\n            <p className=\"right\">Sitoudun asiakkaani tarpeisiin.</p>\r\n          </div>\r\n        </div>\r\n        <div ref={contact} id=\"contact\" className=\"row font-300\">\r\n          <div className=\"backgrounddark col-xs-12 col-md-3\">\r\n          </div>\r\n          <div className=\"backgrounddark col-xs-12 col-md-3\">\r\n            <p className=\"left mt-3 mb-1 colorwhite font-weight-bold\">Bitventure Oy</p>\r\n            <p className=\"left colorwhite mt-0 mb-0\">Ahmalantie 10 B</p>\r\n            <p className=\"left colorwhite mt-0 mb-0\">90150 Oulu</p>\r\n            <p className=\"left colorwhite mt-0 mb-4\">Y-tunnus: 3236265-5</p>\r\n          </div>\r\n          <div className=\"backgrounddark col-xs-12 col-md-6\">\r\n            <p className=\"left mt-3 mb-2 colorwhite font-weight-bold\">Ota yhteyttä:</p>\r\n            <p className=\"left colorwhite mt-1 mb-0\">Ilkka Joentakanen</p>\r\n            <p className=\"left mt-1 mb-0\"><FontAwesomeIcon className=\"colorwhite fa-lg\" icon={faPhoneSquare} /><a className=\"left colorwhite\" href=\"tel:0407609925\">  0407609925 </a></p>\r\n            <p className=\"left mt-1 mb-4\"><FontAwesomeIcon className=\"colorwhite fa-lg\" icon={faEnvelope} /><a className=\"left colorwhite\" href=\"mailto:ilkka.joentakanen@bitventure.fi\">  ilkka.joentakanen@bitventure.fi</a></p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n};\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\n\r\nReactDOM.render(<App />, document.getElementById('root'));\r\n\r\n"],"sourceRoot":""}