{"version":3,"sources":["image/download-btn.svg","NavBar.tsx","image/appstore.png","image/playstore.png","image/screenshot-1.png","Main.tsx","NavBarMobile.tsx","MainMobile.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["NavBar","_jsx","className","children","_jsxs","id","href","alt","src","downloadButton","Page","scrollY","setScrollY","useState","useEffect","handleScroll","window","addEventListener","removeEventListener","fadeOut","Math","min","style","opacity","width","playstoreBtn","appstoreBtn","screenshot1","props","fadeout","isAndroid","App","Router","Switch","Route","path","isMobile","MainMobile","Main","reportWebVitals","onPerfEntry","Function","then","_ref","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","React","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.0138131e.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/download-btn.dc08e416.svg\";","import \"./NavBar.css\";\nimport downloadButton from \"./image/download-btn.svg\";\n\nconst NavBar = () => {\n  return (\n    <div className=\"nav-container\">\n      <div className=\"content-wrap\">\n        <div id=\"logo\">\n          <h1>\n            <a href=\"#/\">yesjamstudio</a>\n          </h1>\n        </div>\n        <div className=\"menu-nav\">\n          <nav>\n            <ul>\n              <li>\n                <a href=\"mailto: onejae@gmail.com\">Send Email</a>\n                {/* <div style={{ marginLeft: \"20px\", display: \"inline-block\" }}> */}\n                  {/* <a href=\"mailto: onejae@gmail.com\"> */}\n                    {/* <p style={{ color: \"black\" }}>onejae@gmail.com</p> */}\n                  {/* </a> */}\n                {/* </div> */}\n              </li>\n              <li className=\"download-btn\">\n                <a href=\"#/download\">\n                  <img alt=\"what\" src={downloadButton}></img>\n                </a>\n              </li>\n            </ul>\n          </nav>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default NavBar;\n","export default __webpack_public_path__ + \"static/media/appstore.c14e6993.png\";","export default __webpack_public_path__ + \"static/media/playstore.4ddd4daf.png\";","export default __webpack_public_path__ + \"static/media/screenshot-1.fa330cbb.png\";","import { useEffect, useState } from \"react\";\nimport NavBar from \"./NavBar\";\n\nimport \"./Main.css\";\n\nimport appstoreBtn from \"./image/appstore.png\";\nimport playstoreBtn from \"./image/playstore.png\";\nimport screenshot1 from \"./image/screenshot-1.png\";\n\nconst Page = () => {\n  const [scrollY, setScrollY] = useState(0);\n\n  useEffect(() => {\n    const handleScroll = () => {\n      setScrollY(window.scrollY);\n    };\n    window.addEventListener(\"scroll\", handleScroll);\n    return () => {\n      window.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, []);\n\n  const fadeOut = Math.min(1, scrollY / 500);\n\n  return (\n    <div className=\"mainContainer\">\n      <NavBar />\n      <div\n        className=\"background\"\n        style={{\n          opacity: 1 - fadeOut,\n        }}\n      />\n      <article className=\"article-container\">\n        <div id=\"maincopy\" className=\"article-wrap\">\n          <div className=\"centered\">\n            <div className=\"content-wrap\">\n              <h1>Jazz</h1>\n              <h1>Metronome</h1>\n              <div className=\"title-line\" />\n              <h3 className=\"introduction\">\n                A metronome for jazz practice, free\n              </h3>\n              <div className=\"app-download-btn\">\n                <a href=\"https://play.google.com/store/apps/details?id=com.yesjamstudio.keymetronome\">\n                  <img alt={\"playstore\"} width={270} src={playstoreBtn} />\n                </a>\n                <a href=\"https://apps.apple.com/us/app/keymetronome/id1663454344\">\n                  <img alt={\"appstore\"} width={270} src={appstoreBtn} />\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div id=\"userguide\" className=\"article-wrap\">\n          <img alt=\"hi\" width={300} src={screenshot1} />\n        </div>\n      </article>\n    </div>\n  );\n};\n\nexport default Page;\n","import \"./NavBarMobile.css\";\n// import downloadButton from \"./image/download-btn.svg\";\n\nconst NavBar = (props: any) => {\n  return (\n    <div className=\"mobile-nav-container\">\n      <div className=\"content-wrap\">\n        <div id=\"logo\" style={{ opacity: 1 - props.fadeout }}>\n          <h1>\n            <a href=\"#/\">yesjamstudio</a>\n          </h1>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default NavBar;\n","import { useEffect, useState } from \"react\";\nimport NavBar from \"./NavBarMobile\";\n\nimport { isAndroid } from \"react-device-detect\";\nimport \"./MainMobile.css\";\n\nimport appstoreBtn from \"./image/appstore.png\";\nimport playstoreBtn from \"./image/playstore.png\";\nimport screenshot1 from \"./image/screenshot-1.png\";\n\nconst Page = () => {\n  const [scrollY, setScrollY] = useState(0);\n\n  useEffect(() => {\n    const handleScroll = () => {\n      setScrollY(window.scrollY);\n    };\n    window.addEventListener(\"scroll\", handleScroll);\n    return () => {\n      window.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, []);\n\n  const fadeOut = Math.min(1, scrollY / 500);\n\n  return (\n    <div className=\"mobileContainer\">\n      <NavBar fadeout={fadeOut} />\n      <div\n        className=\"background\"\n        style={{\n          opacity: 1 - fadeOut,\n        }}\n      />\n      <article className=\"article-container\">\n        <div id=\"maincopy\" className=\"article-wrap\">\n          <div className=\"centered\">\n            <div className=\"content-wrap\">\n              <h1>Jazz</h1>\n              <h1>Metronome</h1>\n              <div className=\"title-line\" />\n              <h3 className=\"introduction\">\n                A metronome for jazz practice, free\n              </h3>\n              <div className=\"download-container\">\n                <div className=\"app-download-btn\">\n                  {isAndroid ? (\n                    <a href=\"https://play.google.com/store/apps/details?id=com.yesjamstudio.keymetronome\">\n                      <img alt={\"fei\"} src={playstoreBtn} />\n                    </a>\n                  ) : (\n                    <a href=\"https://apps.apple.com/us/app/keymetronome/id1663454344\">\n                      <img alt={\"jweio\"} src={appstoreBtn} />\n                    </a>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div id=\"userguide\" className=\"article-wrap\">\n          <img alt=\"hi\" width={200} src={screenshot1} />\n        </div>\n      </article>\n    </div>\n  );\n};\n\nexport default Page;\n","import { HashRouter as Router, Route, Switch } from \"react-router-dom\";\n\nimport { isMobile } from \"react-device-detect\";\n\nimport Main from \"./Main\";\nimport MainMobile from \"./MainMobile\";\n\nfunction App() {\n  return (\n    <Router>\n      <Switch>\n        <Route path=\"/\">{isMobile ? <MainMobile /> : <Main />}</Route>\n      </Switch>\n    </Router>\n  );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\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';\n\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nimport './index.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\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":""}