{"version":3,"sources":["components/Logo/logo.png","components/Logo/Logo.tsx","components/App.tsx","reportWebVitals.ts","index.tsx"],"names":["Logo","src","LogoImage","alt","style","maxWidth","width","App","React","useState","slideWidth","setSlideWidth","useEffect","resizeSlides","Math","min","window","innerWidth","onresize","slideStyles","border","maxHeight","Container","Box","color","textAlign","Typography","variant","position","left","transform","padding","marginBottom","centerMode","dots","infinite","speed","autoplay","autoplaySpeed","slidesToShow","slidesToScroll","variableWidth","adaptiveHeight","swipeToSlide","href","target","rel","textDecoration","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","theme","createTheme","palette","primary","main","secondary","typography","fontFamily","join","ReactDOM","render","StrictMode","ThemeProvider","document","getElementById"],"mappings":"wOAAe,MAA0B,iC,OCG5BA,EAAiB,WAC5B,OACE,qBACEC,IAAKC,EACLC,IAAI,8BACJC,MAAO,CAAEC,SAAU,IAAKC,MAAO,W,+BCDxBC,EAAgB,WAC3B,MAAoCC,IAAMC,SAAS,GAAnD,mBAAOC,EAAP,KAAmBC,EAAnB,KAEAH,IAAMI,WAAU,WACd,IAAMC,EAAe,WACnBF,EAAcG,KAAKC,IAAIC,OAAOC,WAAa,IAAK,OAElDJ,IACAG,OAAOE,SAAWL,IACjB,IAEH,IAAMM,EAA6B,CACjCC,OAAQ,oBAERf,SAAU,IACVgB,UAAW,IACXf,MAAOI,GAGT,OACE,cAACY,EAAA,EAAD,UACE,eAACC,EAAA,EAAD,CACEnB,MAAO,CACLoB,MAAO,2BACPC,UAAW,UAHf,UAME,cAAC,EAAD,IACA,cAACC,EAAA,EAAD,CAAYC,QAAQ,KAApB,yBACA,qBAAKvB,MAAO,CAAEC,SAAU,QAASuB,SAAU,WAAYC,KAAM,MAAOC,UAAW,sBAA/E,SACE,eAACP,EAAA,EAAD,CACEnB,MAAO,CACLC,SAAU,OACV0B,QAAS,IAHb,UAME,qBACE9B,IAAI,+BACJE,IAAI,OACJC,MAAO,CAAEC,SAAU,IAAKC,MAAO,UAEjC,qBAAKF,MAAO,CAAE4B,aAAc,GAAI1B,MAAO,OAAQD,SAAU,QAAzD,SACE,eAAC,IAAD,CACE4B,YAAU,EACVC,MAAI,EACJC,UAAQ,EACRC,MAAO,IACPC,UAAQ,EACRC,cAAe,IACfC,aAAc,EACdC,eAAgB,EAChBC,eAAa,EACbC,gBAAc,EACdC,cAAY,EAXd,UAaE,8BACE,qBACE1C,IAAI,2BACJE,IAAI,GACJC,MAAOe,MAGX,8BACE,qBACElB,IAAI,2BACJE,IAAI,GACJC,MAAOe,MAGX,8BACE,qBACElB,IAAI,2BACJE,IAAI,GACJC,MAAOe,MAGX,8BACE,qBACElB,IAAI,2BACJE,IAAI,GACJC,MAAOe,MAGX,8BACE,qBACElB,IAAI,2BACJE,IAAI,GACJC,MAAOe,MAGX,8BACE,qBACElB,IAAI,2BACJE,IAAI,GACJC,MAAOe,MAGX,8BACE,qBACElB,IAAI,2BACJE,IAAI,GACJC,MAAOe,MAGX,8BACE,qBACElB,IAAI,2BACJE,IAAI,GACJC,MAAOe,MAGX,8BACE,qBACElB,IAAI,2BACJE,IAAI,GACJC,MAAOe,WAKf,qBAAKf,MAAO,CAAE4B,aAAc,IAA5B,SACE,mBACEY,KAAK,6BACLC,OAAO,SACPC,IAAI,aACJ1C,MAAO,CACLoB,MAAO,2BACPuB,eAAgB,QANpB,+DClHCC,EAZS,SAACC,GACnBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,O,gBCFRQ,EAAQC,YAAY,CACxBC,QAAS,CACPC,QAAS,CACPC,KAAM,WAERC,UAAW,CACTD,KAAM,YAGVE,WAAY,CACVC,WAAY,CACV,iBACAC,KAAK,QAIXC,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAACC,EAAA,EAAD,CAAeZ,MAAOA,EAAtB,SACE,cAAC,EAAD,QAGJa,SAASC,eAAe,SAM1BvB,M","file":"static/js/main.653ec1b5.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.9746e5f0.png\";","import React from \"react\";\r\nimport LogoImage from \"./logo.png\";\r\n\r\nexport const Logo: React.FC = () => {\r\n  return (\r\n    <img\r\n      src={LogoImage}\r\n      alt=\"Mindsculpt Interactive Logo\"\r\n      style={{ maxWidth: 800, width: \"100%\" }}\r\n    />\r\n  );\r\n};\r\n","import { Box, Container, Typography } from \"@material-ui/core\";\r\nimport React, { CSSProperties } from \"react\";\r\nimport { Logo } from \"./Logo/Logo\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport Slider from \"react-slick\";\r\n\r\nexport const App: React.FC = () => {\r\n  const [slideWidth, setSlideWidth] = React.useState(0);\r\n\r\n  React.useEffect(() => {\r\n    const resizeSlides = () => {\r\n      setSlideWidth(Math.min(window.innerWidth - 110, 800));\r\n    };\r\n    resizeSlides();\r\n    window.onresize = resizeSlides;\r\n  }, []);\r\n\r\n  const slideStyles: CSSProperties = {\r\n    border: \"8px solid #00778b\",\r\n    // margin: 10,\r\n    maxWidth: 800,\r\n    maxHeight: 500,\r\n    width: slideWidth,\r\n  };\r\n\r\n  return (\r\n    <Container>\r\n      <Box\r\n        style={{\r\n          color: \"rgba(255, 255, 255, 0.2)\",\r\n          textAlign: \"center\",\r\n        }}\r\n      >\r\n        <Logo />\r\n        <Typography variant=\"h1\">coming soon</Typography>\r\n        <div style={{ maxWidth: \"900px\", position: 'relative', left: '50%', transform: 'translate(-50%, 0)' }}>\r\n          <Box\r\n            style={{\r\n              maxWidth: \"100%\",\r\n              padding: 30,\r\n            }}\r\n          >\r\n            <img\r\n              src=\"/images/Towerstrike_Icon.png\"\r\n              alt=\"Logo\"\r\n              style={{ maxWidth: 400, width: \"100%\" }}\r\n            />\r\n            <div style={{ marginBottom: 60, width: \"100%\", maxWidth: \"100%\" }}>\r\n              <Slider\r\n                centerMode\r\n                dots\r\n                infinite\r\n                speed={500}\r\n                autoplay\r\n                autoplaySpeed={5000}\r\n                slidesToShow={1}\r\n                slidesToScroll={1}\r\n                variableWidth\r\n                adaptiveHeight\r\n                swipeToSlide\r\n              >\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_1.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_2.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_3.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_4.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_5.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_6.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_7.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_8.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"/images/Screenshot_9.jpg\"\r\n                    alt=\"\"\r\n                    style={slideStyles}\r\n                  />\r\n                </div>\r\n              </Slider>\r\n            </div>\r\n            <div style={{ marginBottom: 20 }}>\r\n              <a\r\n                href=\"http://paradox-customs.com\"\r\n                target=\"_blank\"\r\n                rel=\"noreferrer\"\r\n                style={{\r\n                  color: \"rgba(255, 255, 255, 0.2)\",\r\n                  textDecoration: \"none\",\r\n                }}\r\n              >\r\n                Paradox Customs Software Development\r\n              </a>\r\n            </div>\r\n          </Box>\r\n        </div>\r\n      </Box>\r\n    </Container>\r\n  );\r\n};\r\n","import { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport { App } from './components/App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { createTheme, ThemeProvider } from '@material-ui/core';\r\n\r\nconst theme = createTheme({\r\n  palette: {\r\n    primary: {\r\n      main: '#ffffff',\r\n    },\r\n    secondary: {\r\n      main: '#77ced9',\r\n    },\r\n  },\r\n  typography: {\r\n    fontFamily: [\r\n      'Mouse Memoirs'\r\n    ].join(',')\r\n  }\r\n});\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <ThemeProvider theme={theme}>\r\n      <App />\r\n    </ThemeProvider>\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}