{"version":3,"sources":["About.jsx","Technology.jsx","Contact.jsx","App.jsx","serviceWorker.js","index.js"],"names":["About","react_default","a","createElement","Container","Header","as","Component","Technology","Image","src","size","class","Contact","Grid","Row","className","Form","action","method","target","style","width","Field","name","placeholder","position","left","type","value","tabIndex","autoComplete","Button","primary","App","props","_this","Object","classCallCheck","this","possibleConstructorReturn","getPrototypeOf","call","handleItemClick","page","setState","active","state","_this2","stackable","container","Menu","fluid","widths","Item","onClick","textAlign","marginTop","marginBottom","columns","Column","src_About","src_Technology","src_Contact","Divider","hidden","section","Boolean","window","location","hostname","match","ReactDOM","render","src_App_0","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.4488999f.chunk.js","sourcesContent":["import React, { Component } from \"react\";\n\nimport {\n    Button,\n    Container,\n    Divider,\n    Grid,\n    Header,\n    Menu,\n    Image,\n    Segment\n  } from \"semantic-ui-react\";\n  \nclass About extends Component {\n    render(){\n        return(\n            <Container>\n            <Header as=\"h2\">\n                About Dometechnics\n            </Header>\n            <p>Steve Pierce, is the founder of Dometechnics and has over 25 years experience as a software engineer, web developer, project manager, and ambient music composer.</p>\n\n<p>After working as a programmer for some of the top US and European organizations—including the BBC in London, Ford in Cologne, Germany, and at various Bay Area start-ups—Steve began creating the DOME whilst pursuing two masters degrees in digital music at the University of Leeds (UK) and at Dartmouth College, NH.</p>\n\n<p>Initially inspired by his passion for creating film scores while earning a BA in Cinema & Music at USC, he began to see how his invention could be used in commercial products to create better user experiences and allow game developers to access affordable compositions. Steve is currently refining the DOME prototype and is open to enquiries by investors and industry partners.</p>\n\n            </Container>\n        )\n    }\n}\n\nexport default About;","import React, { Component } from \"react\";\n\nimport {\n    Button,\n    Container,\n    Divider,\n    Grid,\n    Header,\n    Menu,\n    Image,\n    Segment\n  } from \"semantic-ui-react\";\n  \nclass Technology extends Component {\n    render(){\n        return(\n            <Container>\n            <Header as=\"h2\">\n                Dynamic Object Music Engine (DOME)\n            </Header>\n\n            <p>The DOME system is based on research into the automation possibilities of computer-assisted music composition in cinematic musical scores and videogame music.</p>\n\n<Header as=\"h3\">Game music can be boring and repetitive.</Header>\n\n<p>Due to hardware restrictions, budget constraints, or lack of development time, game music can often be highly repetitive, linear, and/or unresponsive to the user. A serious gamer can spend anywhere from 20 to 40+ hours a week playing a single game so the aural experience needs to be compelling.</p>\n\n<Image src=\"images/Alex-cropped.JPG\" size=\"medium\" />\n\n<Header as=\"h3\">The DOME Difference.</Header>\n\n<ul class=\"list\">\n  <li><b>Dynamic music:</b> realtime musical response to user input and game action.</li>\n  <li><b>Non-repetitive music:</b> potentially unlimited variation in musical score.</li>\n  <li><b>Many modes of variation:</b> music can change with respect to game environment, character presence, user preferences, or anything else defined by the developer.</li>\n  <li><b>Widest-range of application:</b> the system can work with any interactive application, or even non-interactive applications where non-repetitive music is desired.</li>\n</ul>\n\n<p>The end result is an enhanced end-user experience: in essence, each individual user will have a unique gaming experience whereby the musical accompaniment (score) is dynamically custom-composed for any particular scenario, but without higher production cost, longer development time, or higher hardware overhead.</p>            \n</Container>\n        )\n    }\n}\n\nexport default Technology;","import React, { Component } from \"react\";\n\nimport {\n    Button,\n    Container,\n    Divider,\n    Grid,\n    Header,\n    Menu,\n    Image,\n    Segment,\n    Form,\n    Checkbox\n  } from \"semantic-ui-react\";\n  \nclass Contact extends Component {\n    render(){\n        return(\n            <Grid.Row>\n                <Container className=\"contact-form\">\n                <Header as=\"h2\">Contact Us</Header>\n                <p>If you would like to find out more about the DOME system, please contact us by using the form below. Note that all contact information you submit will remain strictly confidential.</p>\n                 <Form action=\"https://app.99inbound.com/api/e/piiMOYzo\" method=\"POST\" target=\"_blank\" style={ {width: \"30%\"} }>\n                     <Form.Field>\n                         <label className=\"form-label\">Name</label>\n                         <input name=\"name\" placeholder=\"Name\"/>\n                     </Form.Field>\n                     <Form.Field>\n                         <label className=\"form-label\">Company</label>\n                         <input name=\"company\" placeholder=\"Company\"/>\n                     </Form.Field>\n                     <Form.Field>\n                         <label className=\"form-label\">Email</label>\n                         <input name=\"email\" placeholder=\"Email\"/>\n                     </Form.Field>\n                     <Form.Field>\n                         <label className=\"form-label\">Comments/Questions</label>\n                         <textarea name=\"comments\" placeholder=\"Comments/Questions\" />\n                     </Form.Field>\n                     {/* <Form.Field>\n                        <Checkbox label='Keep me informed with the latest DOME news.' />\n                    </Form.Field> */}\n                    <div style={{position: \"absolute\", left: \"-5000px\"}}>\n                        <input type=\"checkbox\" name=\"exciting_peach_houndstooth_address\" value=\"1\" tabIndex=\"-1\" autoComplete=\"no\" />\n                    </div>\n                     <Button type='submit' primary>Submit</Button>\n                 </Form>\n            </Container>\n\n            </Grid.Row>\n        )\n    }\n}\n\nexport default Contact;","import React, { Component } from \"react\";\n\nimport \"semantic-ui-css/semantic.min.css\";\n\nimport {\n  Button,\n  Container,\n  Divider,\n  Grid,\n  Header,\n  Menu,\n  Image,\n  Segment\n} from \"semantic-ui-react\";\n\nimport \"./App.css\";\nimport About from './About'\nimport Technology from \"./Technology\";\nimport Contact from \"./Contact\";\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.state = { active: 'Home' }\n  }\n\n  handleItemClick = (page) => {\n    // console.log(page)\n    this.setState( { active: page } )\n  }\n\n  render() {\n    const { active } = this.state\n    return (\n      <div className=\"App\">\n        <Grid stackable container>\n          <Grid.Row>\n            {/* <Header size=\"large\" as=\"h3\">\n              Dometechnics\n            </Header> */}\n            <Image src=\"images/logo-black-325x113.png\" />\n            <Menu fluid stackable widths=\"four\" size=\"large\">\n              <Menu.Item active={ active === 'Home' } onClick={() => this.handleItemClick('Home')}>Home</Menu.Item>\n              <Menu.Item active={ active === 'About' } onClick={() => this.handleItemClick('About')}>About</Menu.Item>\n              <Menu.Item active={ active === 'Technology' } onClick={() => this.handleItemClick('Technology')}>Technology</Menu.Item>\n              <Menu.Item active={ active === 'Contact' } onClick={() => this.handleItemClick('Contact')}>Contact</Menu.Item>\n            </Menu>\n          </Grid.Row>\n          {/* <Divider hidden section /> */}\n          {/* <Divider hidden section /> */}\n          <Grid.Row>\n            <Container textAlign=\"center\">\n                <Image src=\"images/mixer-1500x250.jpg\" />\n              { active === 'Home' &&\n              <div className=\"welcome\" style={ { marginTop: \"50px\", marginBottom: \"50px\" } } >\n              <Header as=\"h2\">\n                Welcome to the future of game music.\n              </Header>\n              <p>\n              Despite radical advances in graphics technology in recent years, the successful development of interactive, real-time music that can respond to game play remains a critical problem in games. Music is both repetitive and irrelevant to events on screen. Dometechnics has developed the solution to this problem through its Dynamic Object Music Engine (DOME).\n              </p>\n              </div>\n            }\n            </Container>\n          </Grid.Row>\n          { active === 'Home' &&\n          <Grid.Row columns=\"two\">\n            <Grid.Column>\n              <Header size=\"huge\" as=\"h1\">\n                About\n              </Header>\n              <p>\n              Dometechnics combines expertise in digital music composition, software engineering, and application development.\n              </p>\n              <Button size=\"small\" primary onClick={() => this.handleItemClick('About')}>\n                Read More &raquo;\n              </Button>\n            </Grid.Column>\n            <Grid.Column>\n              <Header size=\"huge\" as=\"h1\">\n                Technology\n              </Header>\n              <p>\n              The DOME system delivers dynamic, real-time music composition that reflects and responds to user input and game action.\n              </p>\n              <Button size=\"small\" primary onClick={() => this.handleItemClick('Technology')}>\n                Read More &raquo;\n              </Button>\n            </Grid.Column>\n          </Grid.Row>\n          }\n          { active === 'About' &&\n            <About />\n          }\n          { active === 'Technology' &&\n            <Technology />\n          }\n          { active === 'Contact' &&\n            <Contact />\n          }\n          <Divider hidden section />\n          <Grid.Row>\n            <Grid.Column>\n              <Divider />\n              <footer>&copy; 2022 Dometechnics</footer>\n            </Grid.Column>\n          </Grid.Row>\n        </Grid>\n      </div>\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 http://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.1/8 is 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);\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 http://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        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 http://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    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      if (\n        response.status === 404 ||\n        response.headers.get('content-type').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.then(registration => {\n      registration.unregister();\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(<App />, document.getElementById('root'));\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: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}