{"version":3,"sources":["FlexLayout.module.css","FlexLayout.js","Main.js","Lessons.js","Contacts.js","AudioPlayer.js","Media.js","App.js","serviceWorker.js","index.js"],"names":["module","exports","FlexLayout","props","className","styles","FlexTable","FlexLeft","FlexMid","FlexDiv","children","FlexRight","Main","style","fontFamily","Lessons","Contacts","fontSize","paddingRight","src","width","height","alt","href","AudioPlayer","e","audios","document","getElementsByTagName","i","len","length","target","pause","controls","onPlay","this","handleOnPlay","controlsList","outline","url","type","mediaType","Component","Media","duration","PageNames","getRoutedPage","result","URLSearchParams","location","search","get","undefined","secondaryColor","blue","theme","createMuiTheme","palette","primary","main","secondary","TabIcon","value","index","uri","other","hidden","TabPanel","role","id","aria-labelledby","Box","p","a11yProps","getBaseUrl","window","split","App","mounted","v","state","pageName","history","pushState","newValue","setPageUrl","maybeSetValue","setState","searchParams","setStateFromSearchParams","t","f","onPopState","popEvent","addEventListener","removeEventListener","flexGrow","backgroundColor","background","paper","position","display","flexDirection","flexWrap","ThemeProvider","flexShrink","AppBar","scrollBehaviour","alignSelf","Tabs","onChange","handleTabChange","aria-label","variant","centered","verticalAlign","Tab","label","overflow","minHeight","React","Boolean","hostname","match","ReactDOM","render","StrictMode","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"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","file":"static/js/main.2aa3b335.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"FlexTable\":\"FlexLayout_FlexTable__1xtal\",\"FlexLeft\":\"FlexLayout_FlexLeft__32v_l\",\"FlexMid\":\"FlexLayout_FlexMid__qpzoN\",\"FlexDiv\":\"FlexLayout_FlexDiv__3D04C\",\"FlexRight\":\"FlexLayout_FlexRight__3TCbq\"};","\r\nimport styles from './FlexLayout.module.css';\r\n\r\nexport default function FlexLayout(props) {\r\n    return (\r\n\r\n        <table className={styles.FlexTable}>\r\n            <colgroup>\r\n            </colgroup>\r\n            <tbody>\r\n                <tr>\r\n                    <td className={styles.FlexLeft} >\r\n\r\n                    </td>\r\n                    <td className={styles.FlexMid}>\r\n                        <div className={styles.FlexDiv}>\r\n                            {props.children}\r\n                        </div>\r\n                    </td>\r\n                    <td className={styles.FlexRight}>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n    );\r\n}","import FlexLayout from './FlexLayout';\r\n\r\n\r\nexport default function Main() {\r\n    return (\r\n        <FlexLayout style={{ fontFamily: \"Lato,Helvetica,Segoe UI,Arial,sans serif\" }}>\r\n            <div className=\"Text\">\r\n                \r\n                <p>Ed Rowland specializes in providing light cocktail jazz music for restaurants, and events in Ottawa. Ed’s music is perfect as occasional music for\r\n                    corporate events, cocktail parties, receptions, dinners, birthdays, weddings, art shows or restaurants.</p>\r\n                <p>Ed Rowland has played jazz guitar in and around Ottawa for almost twenty years. He studied with Juno Award-winning jazz guitarist, Mike Rudd, and is well known among Ottawa jazz musicians as the founder of the Ottawa Jazz Collective, and as host of the OJC Open Jam held at the Avant Garde cafe for many years.</p>\r\n                <p>Music can be provided in any of the following formats, according your budget and preferences:</p>\r\n                <ul>\r\n                    <li>Solo guitar with recorded backing tracks.</li>\r\n                    <li>Jazz trio (guitar, piano, drums)</li>\r\n                    <li>Jazz quartet (saxophone, guitar, piano, drums)</li>\r\n                </ul>\r\n                <p>Please email Ed at edrowland@edrowland.com if you would like a quote for an event you are planning.</p>\r\n            </div>\r\n        </FlexLayout>\r\n    );\r\n}\r\n","import FlexLayout from './FlexLayout';\r\n\r\n\r\nexport default function Lessons() {\r\n    return (\r\n        <FlexLayout style={{ fontFamily: \"Lato,Helvetica,Segoe UI,Arial,sans serif\" }}>\r\n            <div className=\"Text\">\r\n\r\n                <p>Ed provides lessons to guitarists that are interested in learning to play jazz, or looking to improve their jazz skills.\r\n                </p>\r\n\r\n                <p>Learning to play any instrument takes dedication and concentrated effort.\r\n                The role of a good teacher in the learning process is to help you make efficient use of your time and energy.\r\n                A good teacher can assess where you are on the path to total mastery, and help you prioritize what issues you need to address to progress efficiently, and effectively.\r\n                </p>\r\n                <p>Email me (edrowland@edrowland.com) if you are interested in taking lessons.</p>\r\n            </div>\r\n        </FlexLayout>\r\n    );\r\n}\r\n","import FlexLayout from './FlexLayout';\r\n\r\n\r\nexport default function Contacts() {\r\n    return (\r\n        <FlexLayout style={{ fontFamily: \"Lato,Helvetica,Segoe UI,Arial,sans serif\" }}>\r\n            <div>\r\n                <p style={{fontSize: \"30px\"}} >Contacts</p>\r\n            </div>\r\n            <div className=\"Text\" >\r\n                <table className=\"Contacts\" >\r\n                    <tbody>\r\n                        <tr>\r\n                            <td style={{ paddingRight: \"20px\" }}>\r\n                                <p>\r\n                                    <span className=\"MyIcons\">\r\n                                        alternate_email</span>\r\n                                </p>\r\n                            </td>\r\n                            <td>\r\n                                <p>\r\n                                    edrowland@edrowland.com\r\n                                </p>\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>\r\n                                <p>\r\n                                    <span className=\"MyIcons\">\r\n                                        call\r\n                                    </span>\r\n                                </p>\r\n                            </td>\r\n                            <td>\r\n                                <p>\r\n                                    1 (613) 421-2622\r\n                                </p>\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>\r\n                                <p>\r\n                                    <span className=\"MyIcons\">\r\n                                        email\r\n                                </span>\r\n                                </p>\r\n                            </td>\r\n                            <td>\r\n                                <p>\r\n                                    1-204 Clarence St.\r\n                                <br />\r\n                                Ottawa, ON. K1N 5R1\r\n                                <br />\r\n                                Canada\r\n                                </p>\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>\r\n                                <p>\r\n                                    <img src=\"/facebook.png\" style={{width: \"35px\", height: \"35px\"}} alt=\"Facebook\"/>\r\n                                </p>\r\n                            </td>\r\n                            <td>\r\n                                <p>\r\n                                    <a href=\"https://www.facebook.com/ed.rowland.140\">Ed Rowland</a>\r\n                                </p>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        </FlexLayout>\r\n    );\r\n}\r\n","import React, {Component} from 'react';\r\n\r\nexport default class AudioPlayer extends Component {\r\n\r\n    handleOnPlay(e)\r\n    {\r\n        var audios = document.getElementsByTagName('audio');\r\n        for(var i = 0, len = audios.length; i < len;i++){\r\n            if(audios[i] !== e.target){\r\n                audios[i].pause();\r\n            }\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <audio controls onPlay={this.handleOnPlay} controlsList=\"nodownload\" style={{outline:\"none\"}}>\r\n                <source src={this.props.url} type={this.props.mediaType}  />\r\n                Your browser does not support the audio element.\r\n            </audio>\r\n            );\r\n    }\r\n}\r\n\r\n\r\n","import FlexLayout from './FlexLayout';\r\nimport AudioPlayer from './AudioPlayer';\r\n\r\nexport default function Media() {\r\n    return (\r\n        <FlexLayout style={{ fontFamily: \"Lato,Helvetica,Segoe UI,Arial,sans serif\" }}>\r\n            <div className=\"Text\">\r\n                <div>\r\n                    <h3>Standards</h3>\r\n                    <p>So What, Miles Davis</p>\r\n                    <AudioPlayer url=\"/media/SoWhat.mp3\" mediaType=\"audio/mpeg\" duration=\"9:02\" />\r\n                </div>\r\n                <div>\r\n                    <h3>Original</h3>\r\n                    <p>Rainy Day in Port Severn, Ed Rowland</p>\r\n                    <AudioPlayer url=\"/media/PortSevern.mp3\" mediaType=\"audio/ogg\" duration=\"5:43\" />\r\n                    <p>Blue Sky Commercial, Ed Rowland</p>\r\n                    <AudioPlayer url=\"/media/BlueSky.flac\" mediaType=\"audio/ogg\" duration=\"5:43\" />\r\n                </div>\r\n            </div>\r\n        </FlexLayout>\r\n    );\r\n}\r\n","\nimport React from 'react';\nimport './App.css';\n\nimport PropTypes from 'prop-types';\nimport AppBar from '@material-ui/core/AppBar';\nimport Tabs from '@material-ui/core/Tabs';\nimport Tab from '@material-ui/core/Tab';\nimport Box from '@material-ui/core/Box';\nimport Main from './Main';\nimport Lessons from './Lessons';\nimport Contacts from './Contacts';\nimport Media from './Media';\nimport { ThemeProvider } from '@material-ui/core/styles';\n\nimport { createMuiTheme } from '@material-ui/core/styles';\n\nimport blue from \"@material-ui/core/colors/blue\"\n\n\n\nconst PageNames = [\"EdRowland\", \"Lessons\", \"Music\", \"Contact\"];\n\n\nfunction getRoutedPage() {\n\n\n  var result = (new URLSearchParams(document.location.search)).get(\"Page\");\n  if (result !== undefined) {\n    for (var i = 0; i < PageNames.length; ++i) {\n      if (PageNames[i] === result) {\n        return i;\n      }\n    }\n  }\n  return 0;\n}\n\nconst primaryColor = \"#EEE\";\nconst secondaryColor = blue[900];\n\nconst theme = createMuiTheme({\n  palette: {\n    primary: {\n      main: primaryColor,\n    },\n    secondary: {\n      main: secondaryColor,\n    },\n  },\n});\n\nfunction TabIcon(props) {\n  const { value, index, uri, ...other } = props;\n  return (<img src={uri} hidden={value !== index}  className=\"TabIcon\"  alt=\"\" {...other} />);\n}\n\nTabPanel.propTypes = {\n  index: PropTypes.any.isRequired,\n  value: PropTypes.any.isRequired,\n};\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box p={3}>\n          {children}\n        </Box>\n      )}\n    </div>\n  );\n}\n\nTabPanel.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.any.isRequired,\n  value: PropTypes.any.isRequired,\n};\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\n\n\nfunction getBaseUrl() {\n  var url = window.location.href;\n  url = url.split('?')[0];\n  return url;\n}\n\nfunction setPageUrl(value) {\n  let pageName = PageNames[value];\n  if (value === 0) {\n    window.history.pushState({ value: 0 }, pageName, getBaseUrl());\n  } else {\n    window.history.pushState({ value: value }, pageName, '?Page=' + pageName);\n  }\n}\n\n\n\nclass App extends React.Component {\n  constructor(props) {\n    super(props);\n    this.mounted = false;\n    let v = getRoutedPage();\n    if (v == null) {\n      v = 0;\n    }\n    this.state = { value: v };\n    this.value = this.state.value;\n  }\n\n  setPageUrl(value) {\n    let pageName = PageNames[value];\n    if (value === 0) {\n      window.history.pushState({ value: value }, pageName, getBaseUrl());\n    } else {\n      window.history.pushState({ value: value }, pageName, '?Page=' + pageName);\n    }\n  }\n\n  handleTabChange(e, newValue) {\n    let currentValue = getRoutedPage();\n    if (currentValue !== newValue) {\n      setPageUrl(newValue);\n      this.maybeSetValue(newValue);\n      this.setState({ value: newValue });\n    }\n  }\n\n  setStateFromSearchParams(searchParams) {\n    let v = getRoutedPage();\n    this.maybeSetValue(v);\n  }\n\n  maybeSetValue(value)\n  {\n    if (this.state !== undefined)\n    {\n      if (this.state.value !== value)\n      {\n        this.setState({value:value});\n      }\n    }\n  }\n  onPopState(e) {\n    if (e.state !== undefined) {\n      this.setStateFromSearchParams(window.location.search)\n    }\n  }\n\n\n  componentDidMount() {\n    if (!this.mounted) {\n      this.mounted = true;\n      let t = this;\n      let f = function (e) {\n        t.onPopState(e);\n      }\n      this.popEvent = f;\n      window.addEventListener(\"popstate\", f);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.mounted) {\n      this.mounted = false;\n      if (this.popEvent !== undefined) {\n        window.removeEventListener(\"popstate\", this.popEvent);\n        this.popEvent = undefined;\n      }\n    }\n  }\n\n\n  render() {\n\n    return (\n      <div style={{ flexGrow: 1, backgroundColor: theme.palette.background.paper, position: \"absolute\", width: \"100%\", height: \"100%\", display: \"flex\", flexDirection: \"column\", flexWrap: \"nowrap\", }}>\n        <ThemeProvider theme={theme}>\n\n          <header style={{ flexShrink: 0 }}>\n            <AppBar position=\"static\" style={{ scrollBehaviour: \"none\" }}>\n              <div className=\"TitleFrame\">\n                <span>\n                  <span className=\"PageTitle\">Ed Rowland </span> <span className=\"PageSubtitle\"> Jazz Guitarist</span>\n                </span>\n              </div>\n              <div style={{ display: \"flex\", width: \"100%\" }}>\n                <div className=\"TabIconSpacer\" >\n                  <TabIcon uri=\"/EdThumb1.jpg\" value={this.state.value} index={0} />\n                  <TabIcon uri=\"/Lessons.png\" value={this.state.value} index={1} />\n                  <TabIcon uri=\"/gretsch.jpg\" value={this.state.value} index={2} />\n                  <TabIcon uri=\"/Contacts.jpg\" value={this.state.value} index={3} />\n                </div>\n                <div className=\"AppTabBar\" style={{ flexGrow: 1, alignSelf: \"flex-end\" }}>\n                  <Tabs value={this.state.value} onChange={(e, newValue) => this.handleTabChange(e, newValue)} aria-label=\"Pages\" variant=\"standard\" centered={false} \n                        style={{ verticalAlign: \"bottom\", }}  >\n                    <Tab label=\"Ed Rowland\" {...a11yProps(0)} />\n                    <Tab label=\"Lessons\" {...a11yProps(1)} />\n                    <Tab label=\"Music\" {...a11yProps(2)} />\n                    <Tab label=\"Contact\" {...a11yProps(3)} />\n                  </Tabs>\n                </div>\n              </div>\n            </AppBar>\n          </header>\n          <div style={{ flexGrow: 1, overflow: \"auto\", minHeight: \"2em\" }}>\n            <TabPanel value={this.state.value} index={0}>\n              <Main />\n            </TabPanel>\n            <TabPanel value={this.state.value} index={1}>\n              <Lessons />\n            </TabPanel>\n            <TabPanel value={this.state.value} index={2}>\n              <Media />\n            </TabPanel>\n            <TabPanel value={this.state.value} index={3}>\n              <Contacts></Contacts>\n            </TabPanel>\n          </div>\n        </ThemeProvider>\n      </div>\n    );\n\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":""}