{"version":3,"sources":["components/Images/ChineseVillage.jpg","components/Images/productCurvyLines.png","components/Images/CharacterA.png","components/Images/SceneA1.png","components/Images/SceneA2.png","components/Images/CharacterB2.png","components/Images/CharacterB3.png","components/Images/CharacterB4.png","components/Images/WeaponA.png","components/NavMenu.js","components/Footer.js","components/Layout.js","components/Home/IntroBoard.js","components/Home/IntroDescription.js","components/Home/ProjectBoard.js","components/Home/Home.js","components/FetchData.js","components/Counter.js","App.js","registerServiceWorker.js","index.js"],"names":["module","exports","NavMenu","props","toggleNavbar","bind","state","collapsed","this","setState","Navbar","className","style","marginBotton","backgroundColor","Container","NavbarBrand","tag","Link","to","color","fontFamily","NavbarToggler","onClick","Collapse","isOpen","navbar","NavItem","NavLink","Component","displayName","name","Footer","Card","height","CardBody","Row","Col","CardTitle","CardSubtitle","CardText","Layout","overflow","children","IntroBoard","position","textAlign","display","src","backgroundImg","width","zIndex","marginTop","fontSize","IntroDescription","patternImage","ProjectBoard","marginLeft","marginRight","CharacterA","SceneA1","SceneA2","WeaponA","CharacterB2","CharacterB3","CharacterB4","Home","FetchData","forecasts","loading","populateWeatherData","contents","renderForecastsTable","id","fetch","response","json","data","aria-labelledby","map","forecast","key","date","temperatureC","temperatureF","summary","Counter","currentCount","incrementCounter","aria-live","App","exact","path","component","isLocalhost","Boolean","window","location","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","then","registration","onupdatefound","installingWorker","installing","onstatechange","controller","console","log","catch","error","baseUrl","document","getElementsByTagName","getAttribute","rootElement","getElementById","ReactDOM","render","basename","URL","process","origin","addEventListener","status","headers","get","indexOf","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.e4086f8d.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/ChineseVillage.f1e5a30d.jpg\";","module.exports = __webpack_public_path__ + \"static/media/productCurvyLines.3a1df6c1.png\";","module.exports = __webpack_public_path__ + \"static/media/CharacterA.4e8d1d9c.png\";","module.exports = __webpack_public_path__ + \"static/media/SceneA1.a483f096.png\";","module.exports = __webpack_public_path__ + \"static/media/SceneA2.d59e639f.png\";","module.exports = __webpack_public_path__ + \"static/media/CharacterB2.df1f6621.png\";","module.exports = __webpack_public_path__ + \"static/media/CharacterB3.8e952501.png\";","module.exports = __webpack_public_path__ + \"static/media/CharacterB4.164a182a.png\";","module.exports = __webpack_public_path__ + \"static/media/WeaponA.3e970d33.png\";","import React, { Component } from 'react';\r\nimport { Collapse, Container, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport './NavMenu.css';\r\n\r\nexport class NavMenu extends Component {\r\n  static displayName = NavMenu.name;\r\n\r\n  constructor (props) {\r\n    super(props);\r\n\r\n    this.toggleNavbar = this.toggleNavbar.bind(this);\r\n    this.state = {\r\n      collapsed: true\r\n    };\r\n  }\r\n\r\n  toggleNavbar () {\r\n    this.setState({\r\n      collapsed: !this.state.collapsed\r\n    });\r\n  }\r\n\r\n  render () {\r\n    return (\r\n        <header>\r\n            <Navbar className=\"navbar-expand-sm navbar-toggleable-sm\" style={{ marginBotton: '0rem ! important', backgroundColor: '#191919' }}>\r\n                <Container>\r\n                    <NavbarBrand tag={Link} to=\"/\" style={{color:'white', fontFamily: 'fantasy'}}>HalfRift Inc</NavbarBrand>\r\n                    <NavbarToggler onClick={this.toggleNavbar} className=\"mr-2\" />\r\n                    <Collapse className=\"d-sm-inline-flex flex-sm-row-reverse\" isOpen={!this.state.collapsed} navbar>\r\n                        <ul className=\"navbar-nav flex-grow\">\r\n                            <NavItem>\r\n                                <NavLink tag={Link} className=\"text-light\" to=\"/\">Home</NavLink>\r\n                            </NavItem>\r\n                        </ul>\r\n                    </Collapse>\r\n                </Container>\r\n            </Navbar>\r\n        </header>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\nimport {\r\n    Card, CardImg, CardText, CardBody,\r\n    CardTitle, CardSubtitle, Button, Container,\r\n    Row, Col\r\n} from 'reactstrap';\r\n\r\nexport default function Footer(props) {\r\n    return (\r\n        <div style={{ backgroundColor: 'rgb(21 31 40)'}}>\r\n            <Card style={{ height: '5rem', backgroundColor: 'rgb(21 31 40)'}}>\r\n                <CardBody>\r\n                    <Container>\r\n                        <Row>\r\n                            <Col>\r\n                                <CardTitle tag=\"h5\" style={{color:'white'}}>HalfRift Inc</CardTitle>\r\n                                <CardSubtitle tag=\"h6\" className=\"mb-2 text-muted\">question@halfrift.awsapps.com</CardSubtitle>\r\n                            </Col>\r\n                            <Col>\r\n                            </Col>\r\n                            <Col>\r\n                                <CardText style={{color:'white'}}>Copyright &copy; HalfRift All Rights Reserved.</CardText>\r\n                            </Col>\r\n                        </Row>\r\n                    </Container>\r\n                </CardBody>\r\n            </Card>\r\n        </div>\r\n    );\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport { NavMenu } from './NavMenu';\r\nimport Footer from './Footer';\r\n\r\nexport class Layout extends Component {\r\n  static displayName = Layout.name;\r\n\r\n  render () {\r\n      return (\r\n          <div style={{ overflow: 'hidden' }}>\r\n              <NavMenu />\r\n              {this.props.children}\r\n              <Footer />\r\n          </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\nimport backgroundImg from '../Images/ChineseVillage.jpg';\r\nimport { Container } from 'reactstrap';\r\n\r\nfunction IntroBoard(props) {\r\n\r\n    return (\r\n        <div\r\n            style={{\r\n                position: 'relative',\r\n                textAlign: 'center',\r\n                display: 'flex'\r\n            }}\r\n        >\r\n            <img\r\n                src={backgroundImg}\r\n                style={{\r\n                    width: '100vw',\r\n                    zIndex: '1',\r\n                }}\r\n            />\r\n            <h1\r\n                style={{\r\n                    position: 'absolute',\r\n                    color: 'white',\r\n                    width: '100%',\r\n                    textAlign: 'center',\r\n                    marginTop: '15rem',\r\n                    fontSize: '80px',\r\n                    zIndex: '2',\r\n                }}\r\n            >\r\n                HalfRift Game\r\n            </h1>\r\n            <h1\r\n                style={{\r\n                    position: 'absolute',\r\n                    color: 'white',\r\n                    width: '100%',\r\n                    textAlign: 'center',\r\n                    marginTop: '22rem',\r\n                    fontSize: '20px',\r\n                    zIndex: '2',\r\n                }}\r\n            >\r\n                Game Studio under HalfRift Inc\r\n            </h1>\r\n        </div>\r\n    );\r\n  \r\n}\r\n\r\nexport default IntroBoard;\r\n","import React, { Component } from 'react';\r\nimport patternImage from '../Images/productCurvyLines.png';\r\nimport {\r\n    Container, Row, Col, Card, CardImg, CardText, CardBody,\r\n    CardTitle, CardSubtitle\r\n} from 'reactstrap';\r\n\r\nfunction IntroDescription(props) {\r\n\r\n    return (\r\n        <div\r\n            style={{\r\n                position: 'relative',\r\n                width: '100vw',\r\n                height: '50rem',\r\n                backgroundColor: 'rgb(239 219 216)',\r\n                overflow: 'hidden'\r\n            }}\r\n        >\r\n            <img\r\n                src={patternImage}\r\n                style={{\r\n                    width: '100%',\r\n                    zIndex: '0',\r\n                    position: 'absolute'\r\n                }}\r\n            />\r\n            <Container\r\n                style={{\r\n                    marginTop:'15rem',\r\n                }}\r\n            >\r\n                <Row>\r\n                    <Col>\r\n                        <Card>\r\n                            <CardBody>\r\n                                <CardTitle tag=\"h5\">Game Development</CardTitle>\r\n                                <CardSubtitle tag=\"h6\" className=\"mb-2 text-muted\">Just try to make fun games</CardSubtitle>\r\n                                <CardText>The studio is founded by people who have their own full-time work while supporting studio projects to realize their childhood dream.\r\n                                    Ever had a moment thinking 'what if ...' while playing a game, now it is time to make them come true.</CardText>\r\n                            </CardBody>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col\r\n                        style={{\r\n                            marginTop:'5rem'\r\n                        }}\r\n                    >\r\n                        <Card>\r\n                            <CardBody>\r\n                                <CardTitle tag=\"h5\">Community</CardTitle>\r\n                                <CardSubtitle tag=\"h6\" className=\"mb-2 text-muted\">Community contribution and support</CardSubtitle>\r\n                                <CardText>Thanks for the growing indie game dev community and powerful toolsets, it makes indie game development more accessible than ever.\r\n                                    While taking advantages of those new goods, we are constantly participating and contributing back to the community,\r\n                                    supporting other developers while receiving help at the meanwhile</CardText>\r\n                            </CardBody>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col\r\n                        style={{\r\n                            marginTop: '10rem'\r\n                        }}\r\n                    >\r\n                        <Card>\r\n                            <CardBody>\r\n                                <CardTitle tag=\"h5\">Game Aesthetics</CardTitle>\r\n                                <CardSubtitle tag=\"h6\" className=\"mb-2 text-muted\">Small but aesthetic</CardSubtitle>\r\n                                <CardText>As a start-up game studio, even though we are not able to afford tripple A size game development, that doesn't mean we can't deliver tripple A game aethetics.\r\n                                    We believe that no matter how big the game is, the most important part is to polish every single part of the game and deliver most immersive experience as possible.</CardText>\r\n                            </CardBody>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </Container>\r\n        </div>\r\n    );\r\n\r\n}\r\n\r\nexport default IntroDescription;\r\n","import React, { Component } from 'react';\r\nimport CharacterA from '../Images/CharacterA.png';\r\nimport SceneA1 from '../Images/SceneA1.png';\r\nimport SceneA2 from '../Images/SceneA2.png';\r\nimport CharacterB2 from '../Images/CharacterB2.png';\r\nimport CharacterB3 from '../Images/CharacterB3.png';\r\nimport CharacterB4 from '../Images/CharacterB4.png';\r\nimport WeaponA from '../Images/WeaponA.png';\r\n\r\nexport default function ProjectBoard(props) {\r\n    return (\r\n        <div\r\n            style={{\r\n                position: 'relative',\r\n                textAlign: 'center',\r\n                display: 'flex',\r\n                backgroundColor: 'antiquewhite',\r\n                color: '#354757',\r\n            }}\r\n        >\r\n            <div style={{\r\n                width: '100vw',\r\n                marginTop: '5rem',\r\n                height: '50rem'\r\n            }}>\r\n                <h1>Current Project</h1>\r\n                <h1\r\n                    style={{\r\n                        marginTop: '2rem',\r\n                    }}\r\n                >\r\n                    ShatteredSteorra\r\n                </h1>\r\n                <h1\r\n                    style={{\r\n                        marginTop: '2rem',\r\n                        marginLeft: 'auto',\r\n                        marginRight: 'auto',\r\n                        fontSize: '20px',\r\n                        width:'25rem'\r\n                    }}\r\n                >\r\n                    Hack and slash anime style Single player ARPG game WIP. Plan to release on Steam PC late 2022. Future plan includes migration to mobile platform. \r\n                </h1>\r\n            </div>\r\n            <img\r\n                src={CharacterA}\r\n                style={{\r\n                    width: '25rem',\r\n                    position: 'absolute',\r\n                    marginLeft: '5rem',\r\n                    marginTop: '5rem'\r\n                }}\r\n            />\r\n            <img\r\n                src={SceneA1}\r\n                style={{\r\n                    width: '25rem',\r\n                    position: 'absolute',\r\n                    marginLeft: '70%',\r\n                    marginTop: '7rem'\r\n                }}\r\n            />\r\n            <img\r\n                src={SceneA2}\r\n                style={{\r\n                    width: '25rem',\r\n                    position: 'absolute',\r\n                    marginLeft: '70%',\r\n                    marginTop: '20rem'\r\n                }}\r\n            />\r\n            <img\r\n                src={WeaponA}\r\n                style={{\r\n                    width: '25rem',\r\n                    position: 'absolute',\r\n                    marginLeft: '65%',\r\n                    marginTop: '33rem'\r\n                }}\r\n            />\r\n            <img\r\n                src={CharacterB2}\r\n                style={{\r\n                    width: '15rem',\r\n                    position: 'absolute',\r\n                    marginLeft: '10rem',\r\n                    marginTop: '29rem'\r\n                }}\r\n            />\r\n            <img\r\n                src={CharacterB3}\r\n                style={{\r\n                    width: '15rem',\r\n                    position: 'absolute',\r\n                    marginLeft: '25rem',\r\n                    marginTop: '30rem'\r\n                }}\r\n            />\r\n            <img\r\n                src={CharacterB4}\r\n                style={{\r\n                    width: '18rem',\r\n                    position: 'absolute',\r\n                    marginLeft: '39rem',\r\n                    marginTop: '24rem'\r\n                }}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Container, Row } from 'reactstrap';\r\nimport IntroBoard from './IntroBoard';\r\nimport IntroDescription from './IntroDescription';\r\nimport ProjectBoard from './ProjectBoard';\r\n\r\nexport class Home extends Component {\r\n  static displayName = Home.name;\r\n\r\n  render () {\r\n    return (\r\n        <Container style={{ display: 'table-row'}}>\r\n            <Row>\r\n                <IntroBoard />\r\n            </Row>\r\n            <Row>\r\n                <IntroDescription />\r\n            </Row>\r\n            <Row>\r\n                <ProjectBoard />\r\n            </Row>\r\n        </Container>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class FetchData extends Component {\r\n  static displayName = FetchData.name;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = { forecasts: [], loading: true };\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.populateWeatherData();\r\n  }\r\n\r\n  static renderForecastsTable(forecasts) {\r\n    return (\r\n      <table className='table table-striped' aria-labelledby=\"tabelLabel\">\r\n        <thead>\r\n          <tr>\r\n            <th>Date</th>\r\n            <th>Temp. (C)</th>\r\n            <th>Temp. (F)</th>\r\n            <th>Summary</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {forecasts.map(forecast =>\r\n            <tr key={forecast.date}>\r\n              <td>{forecast.date}</td>\r\n              <td>{forecast.temperatureC}</td>\r\n              <td>{forecast.temperatureF}</td>\r\n              <td>{forecast.summary}</td>\r\n            </tr>\r\n          )}\r\n        </tbody>\r\n      </table>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    let contents = this.state.loading\r\n      ? <p><em>Loading...</em></p>\r\n      : FetchData.renderForecastsTable(this.state.forecasts);\r\n\r\n    return (\r\n      <div>\r\n        <h1 id=\"tabelLabel\" >Weather forecast</h1>\r\n        <p>This component demonstrates fetching data from the server.</p>\r\n        {contents}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  async populateWeatherData() {\r\n    const response = await fetch('weatherforecast');\r\n    const data = await response.json();\r\n    this.setState({ forecasts: data, loading: false });\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nexport class Counter extends Component {\r\n  static displayName = Counter.name;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = { currentCount: 0 };\r\n    this.incrementCounter = this.incrementCounter.bind(this);\r\n  }\r\n\r\n  incrementCounter() {\r\n    this.setState({\r\n      currentCount: this.state.currentCount + 1\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <h1>Counter</h1>\r\n\r\n        <p>This is a simple example of a React component.</p>\r\n\r\n        <p aria-live=\"polite\">Current count: <strong>{this.state.currentCount}</strong></p>\r\n\r\n        <button className=\"btn btn-primary\" onClick={this.incrementCounter}>Increment</button>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Route } from 'react-router';\r\nimport { Layout } from './components/Layout';\r\nimport { Home } from './components/Home/Home';\r\nimport { FetchData } from './components/FetchData';\r\nimport { Counter } from './components/Counter';\r\n\r\nimport './custom.css'\r\n\r\nclass App extends Component {\r\n  static displayName = App.name;\r\n\r\n  render () {\r\n    return (\r\n      <Layout>\r\n        <Route exact path='/' component={Home} />\r\n        <Route path='/counter' component={Counter} />\r\n        <Route path='/fetch-data' component={FetchData} />\r\n      </Layout>\r\n    );\r\n  }\r\n}\r\n\r\nexport default App;","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n  // [::1] is the IPv6 localhost address.\r\n  window.location.hostname === '[::1]' ||\r\n  // 127.0.0.1/8 is considered localhost for IPv4.\r\n  window.location.hostname.match(\r\n    /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n  )\r\n);\r\n\r\nexport default function register () {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Lets check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl);\r\n      } else {\r\n        // Is not local host. Just register service worker\r\n        registerValidSW(swUrl);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the old content will have been purged and\r\n              // the fresh content will have been added to the cache.\r\n              // It's the perfect time to display a \"New content is\r\n              // available; please refresh.\" message in your web app.\r\n              console.log('New content is available; please refresh.');\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      if (\r\n        response.status === 404 ||\r\n        response.headers.get('content-type').indexOf('javascript') === -1\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister () {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n  <BrowserRouter basename={baseUrl}>\r\n    <App />\r\n  </BrowserRouter>,\r\n  rootElement);\r\n\r\nregisterServiceWorker();\r\n\r\n"],"sourceRoot":""}