{"version":3,"sources":["components/footer.js","images/blackandwhite/DSC00124.jpg","images/colors/DSC00568.jpg","components/main.js","components/homeBody.js","components/topBar.js","images/homephoto1i.gif","images/blackandwhite/DSC01073.jpg","images/blackandwhite/DSC01086.jpg","images/blackandwhite/DSC01565.jpg","images/blackandwhite/DSC01998.jpg","images/blackandwhite/DSC02085.jpg","images/blackandwhite/DSC02190.jpg","images/blackandwhite/DSC02574.jpg","images/blackandwhite/DSC02601.jpg","images/blackandwhite/DSC02660.jpg","images/blackandwhite/DSC03660.jpg","images/blackandwhite/DSC03672.jpg","images/blackandwhite/DSC03673.jpg","images/blackandwhite/DSC03735.jpg","images/blackandwhite/DSC04087.jpg","images/blackandwhite/DSC04636.jpg","images/blackandwhite/DSC05274.jpg","images/blackandwhite/DSC05340.jpg","images/blackandwhite/DSC05588.jpg","images/blackandwhite/DSC05633.jpg","images/blackandwhite/DSC05637.jpg","images/blackandwhite/DSC05820.jpg","images/blackandwhite/DSC06415.jpg","images/blackandwhite/DSC07736.jpg","images/blackandwhite/DSC08089.jpg","images/blackandwhite/DSC08398.jpg","images/blackandwhite/DSC08415.jpg","images/blackandwhite/DSC08451.jpg","images/blackandwhite/DSC08595.jpg","images/blackandwhite/DSC08790.jpg","images/blackandwhite/DSC08887.jpg","images/blackandwhite/DSC08972.jpg","images/blackandwhite/DSC09050.jpg","images/blackandwhite/DSC09955.jpg","images/blackandwhite/DSC09971.jpg","images/blackandwhite/DSC05265.jpg","components/blackAndWhitePhotos.js","images/colors/DSC00606.jpg","images/colors/DSC02952.jpg","images/colors/DSC03822.jpg","images/colors/DSC05598.jpg","images/colors/DSC05639.jpg","images/colors/DSC06586.jpg","images/colors/DSC07411.jpg","images/colors/DSC08830.jpg","images/colors/FH010019.jpg","images/colors/FH020013.jpg","images/colors/IMG_0053.jpg","images/colors/IMG_0059.jpg","images/colors/IMG_0162.jpg","images/colors/gen0.jpg","images/colors/gen1.jpg","images/colors/gen2.jpg","images/colors/gen3.jpg","components/coloredPhotos.js","components/gallery.js","components/blackAndWhiteGallery.js","components/colorGallery.js","App.js","reportWebVitals.js","index.js"],"names":["Footer","Copyright","Typography","variant","color","align","Link","href","Date","getFullYear","Box","sx","bgcolor","p","component","className","theme","createTheme","pallete","primary","main","Main","ThemeProvider","CssBaseline","pt","pb","Container","maxWidth","paragraph","gutterBottom","HomeBody","gridStyle","textAlign","Grid","container","spacing","style","item","xs","to","id","width","src","blackAndWhites","alt","colors","TopBar","useState","anchorEl","setAnchorEl","open","Boolean","blackText","linkStyle","textDecoration","marginRight","handleClose","flexGrow","AppBar","position","backgroundColor","Toolbar","IconButton","size","edge","undefined","mr","onClick","event","currentTarget","onClose","MenuListProps","MenuItem","top","blackAndWhitePhotos","img","one","title","three","four","five","six","seven","eight","nine","eleven","twelve","thirteen","fourteen","ten","fifteen","sixteen","seventeen","eighteen","nineteen","twentyOne","twentyTwo","twentyThree","twentyFour","twentyFive","twentySix","twentySeven","twentyEight","twentyNine","thirtyOne","thirtyTwo","thirtyThree","thirtyFour","thirtyFive","thirtySix","thirtySeven","thirtyEight","thirtyNine","coloredPhotos","two","Photos","props","itemData","type","column","flex","padding","display","flexWrap","map","photos","target","rel","BlackAndWhiteGallery","marginLeft","ColorGallery","App","path","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.cca6d2ba.chunk.js","sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\n\nexport default function Footer() {\n\n  function Copyright() {\n    return (\n      <Typography variant=\"body2\" color=\"text.secondary\" align=\"center\">\n        {'Copyright © '}\n        <Link color=\"inherit\" href=\"https://filmaffairphotography.com/\">\n          Film Affair Photography\n        </Link>{' '}\n        {new Date().getFullYear()}\n        {'.'}\n      </Typography>\n    );\n  }\n\n  return (\n    <Box sx={{ bgcolor: 'background.paper', p: 5 }} component=\"footer\">\n      <Typography\n        className=\"footer-text\"\n        variant=\"string\"\n        align=\"center\"\n        color=\"text.secondary\"\n        component=\"p\"\n      >\n        Photography let's me open the window to the short stories I see when I capture an image.\n      </Typography>\n      <Copyright />\n    </Box>\n  )\n}","export default __webpack_public_path__ + \"static/media/DSC00124.c6f1760b.jpg\";","export default __webpack_public_path__ + \"static/media/DSC00568.6a811cd0.jpg\";","import { createTheme, ThemeProvider } from '@mui/material/styles';\nimport * as React from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Container from '@mui/material/Container';\n\nconst theme = createTheme({\n  pallete: {\n    primary: {\n      main: '#ff4400'\n    }\n  }\n});\n\nexport default function Main() {\n  return (\n    <ThemeProvider theme={theme}>\n      <CssBaseline />\n      <main>\n        {/* Hero unit */}\n        <Box\n          sx={{\n            bgcolor: 'background.paper',\n            pt: 8,\n            pb: 6,\n          }}\n        >\n          <Container maxWidth=\"sm\">\n\n            <Typography className=\"home-text\" variant=\"body\" align=\"center\" color=\"text.secondary\" paragraph>\n              Photography is not only my passion,  it's my language of choice. It gives me the means to communicate so much that I could never express with words. \n              Film, I truly love!  The textures, hues, and rendering of an image that is unique to film is beautiful to me.  \n              It allows me to articulate the feelings I felt in a moment, convey a mood, or show what I see in a person. \n            </Typography>            \n            <Typography\n              component=\"h5\"\n              variant=\"h7\"\n              align=\"center\"\n              color=\"text.primary\"\n              gutterBottom\n            >\n              - Leslie King\n            </Typography>\n          </Container>\n        </Box>\n      </main>\n    </ThemeProvider>\n  );\n}","import { Grid } from \"@mui/material\";\nimport blackAndWhites from '../images/blackandwhite/DSC00124.jpg';\nimport colors from '../images/colors/DSC00568.jpg';\nimport { Link } from \"react-router-dom\";\nimport Main from \"./main\";\n\nexport default function HomeBody () {\n  const gridStyle = {\n    textAlign:'center',\n  }\n\n  return (\n    <>\n      <Grid container spacing={2}>\n        <Grid style={gridStyle} item xs={6}>\n          <Link to={'/black-and-white'} style={{color: 'black'}}>\n            <h1 id=\"black-white-h1\">Black and White</h1>\n            <div>\n              <img width=\"90%\" src={blackAndWhites} alt=\"black and white gallery\"></img>\n            </div>\n          </Link>\n        </Grid>\n        <Grid style={gridStyle} item xs={6}>\n          <Link to={'/colors'} style={{color: 'black'}}>\n            <h1 id=\"color-h1\">\n              <span style={{color: 'purple'}}>C</span>\n              <span style={{color: 'lightblue'}}>o</span>\n              <span style={{color: 'orange'}}>l</span>\n              <span style={{color: 'green'}}>o</span>\n              <span style={{color: 'pink'}}>r</span>\n            </h1>\n            <div>\n              <img width=\"90%\" src={colors} alt=\"color gallery\"></img>\n            </div>\n          </Link>\n        </Grid>\n      </Grid>\n      <Main />\n    </>\n  )\n}","import AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport { Link } from \"react-router-dom\";\nimport InstagramIcon from '@mui/icons-material/Instagram';\nimport IconButton from '@mui/material/IconButton';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport Box from '@mui/material/Box';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport { useState } from 'react';\nimport homeImage from '../images/homephoto1i.gif';\nimport '../App.css';\n\nexport default function TopBar() {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const open = Boolean(anchorEl);\n  const style = {\n    backgroundColor: 'black',\n  }\n  const instaStyle = {\n    color: 'white',\n    position: 'relative',\n    top: 6\n  }\n  const blackText = {\n    color: 'black'\n  }\n  const linkStyle = {\n    color: 'white',\n    textDecoration: 'none',\n    marginRight: '12px'\n  }\n\n  const handleMenuClick = (event) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <Box sx={{ flexGrow: 1 }}>\n      <AppBar position=\"static\" style={style}>\n        <Toolbar>\n          <div id=\"mini-menu\">\n            <IconButton\n              id=\"basic-button\"\n              size=\"large\"\n              edge=\"start\"\n              color=\"inherit\"\n              aria-label=\"menu\"\n              aria-controls=\"basic-menu\"\n              aria-haspopup=\"true\"\n              aria-expanded={open ? 'true' : undefined}\n              sx={{ mr: 2 }}\n              onClick={handleMenuClick}\n            >\n              <MenuIcon />\n            </IconButton>\n\n            <Menu\n              anchorEl={anchorEl}\n              open={open}\n              onClose={handleClose}\n              MenuListProps={{\n                'aria-labelledby': 'basic-button',\n              }}\n            >\n              <MenuItem onClick={handleClose}>\n                <Link style={blackText} to=\"/\"> Home </Link>\n              </MenuItem>\n              <MenuItem onClick={handleClose}>\n                <Link style={blackText} to=\"/black-and-white\"> Black and White </Link>\n              </MenuItem>\n              <MenuItem onClick={handleClose}>\n                <Link style={blackText} to=\"/colors\"> Colors </Link>\n              </MenuItem>\n            </Menu>\n          </div>\n          <div className=\"home-image\">\n            <img className=\"profile-photo\" src={homeImage} alt={\"Film Affair Photography\"}/>\n          </div>    \n          <div id=\"big-nav\">\n            <Link style={linkStyle} color=\"inherit\" to=\"/\">HOME</Link>\n            <Link style={linkStyle} color=\"inherit\" to=\"/black-and-white\">BLACK AND WHITE</Link>\n            <Link style={linkStyle} color=\"inherit\" to=\"/colors\">COLORS</Link>\n            <a alt=\"follow on instagram\" style={instaStyle} href=\"https://www.instagram.com/lafilmaffair/\">\n              <InstagramIcon />\n            </a>\n          </div>\n        </Toolbar>\n      </AppBar>\n    </Box>\n  )\n}","export default \"data:image/gif;base64,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\"","export default __webpack_public_path__ + \"static/media/DSC01073.0a3bdb51.jpg\";","export default __webpack_public_path__ + \"static/media/DSC01086.381aafc7.jpg\";","export default __webpack_public_path__ + \"static/media/DSC01565.e73826bd.jpg\";","export default __webpack_public_path__ + \"static/media/DSC01998.5e989d22.jpg\";","export default __webpack_public_path__ + \"static/media/DSC02085.feffbcfd.jpg\";","export default __webpack_public_path__ + \"static/media/DSC02190.21dc2e1f.jpg\";","export default __webpack_public_path__ + \"static/media/DSC02574.b94af0be.jpg\";","export default __webpack_public_path__ + \"static/media/DSC02601.f46f5589.jpg\";","export default __webpack_public_path__ + \"static/media/DSC02660.e25fb5fa.jpg\";","export default __webpack_public_path__ + \"static/media/DSC03660.dedea5c7.jpg\";","export default __webpack_public_path__ + \"static/media/DSC03672.16d65929.jpg\";","export default __webpack_public_path__ + \"static/media/DSC03673.abe05c8b.jpg\";","export default __webpack_public_path__ + \"static/media/DSC03735.2af3ae5c.jpg\";","export default __webpack_public_path__ + \"static/media/DSC04087.95a32d16.jpg\";","export default __webpack_public_path__ + \"static/media/DSC04636.bceca447.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05274.a4cd22cb.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05340.2c01fa79.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05588.d3c49460.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05633.d8eb9613.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05637.65b39f43.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05820.0c332929.jpg\";","export default __webpack_public_path__ + \"static/media/DSC06415.65de9de2.jpg\";","export default __webpack_public_path__ + \"static/media/DSC07736.77b115d0.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08089.ed0fecd0.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08398.887cfe4d.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08415.dba00600.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08451.8fbf6dfe.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08595.1c059efd.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08790.f311db0e.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08887.5a728269.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08972.3492f91f.jpg\";","export default __webpack_public_path__ + \"static/media/DSC09050.354f1b60.jpg\";","export default __webpack_public_path__ + \"static/media/DSC09955.b505c0d4.jpg\";","export default __webpack_public_path__ + \"static/media/DSC09971.73c565d6.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05265.c8687b1c.jpg\";","import one from '../images/blackandwhite/DSC00124.jpg';\nimport three from '../images/blackandwhite/DSC01073.jpg';\nimport four from '../images/blackandwhite/DSC01086.jpg';\nimport five from '../images/blackandwhite/DSC01565.jpg';\nimport six from '../images/blackandwhite/DSC01998.jpg';\nimport seven from '../images/blackandwhite/DSC02085.jpg';\nimport eight from '../images/blackandwhite/DSC02190.jpg';\nimport nine from '../images/blackandwhite/DSC02574.jpg';\nimport ten from '../images/blackandwhite/DSC02601.jpg';\nimport eleven from '../images/blackandwhite/DSC02660.jpg';\nimport twelve from '../images/blackandwhite/DSC03660.jpg';\nimport thirteen from '../images/blackandwhite/DSC03672.jpg';\nimport fourteen from '../images/blackandwhite/DSC03673.jpg';\nimport fifteen from '../images/blackandwhite/DSC03735.jpg';\nimport sixteen from '../images/blackandwhite/DSC04087.jpg';\nimport seventeen from '../images/blackandwhite/DSC04636.jpg';\nimport eighteen from '../images/blackandwhite/DSC05274.jpg';\nimport nineteen from '../images/blackandwhite/DSC05340.jpg';\nimport twentyOne from '../images/blackandwhite/DSC05588.jpg';\nimport twentyTwo from '../images/blackandwhite/DSC05633.jpg';\nimport twentyThree from '../images/blackandwhite/DSC05637.jpg';\nimport twentyFour from '../images/blackandwhite/DSC05820.jpg';\nimport twentyFive from '../images/blackandwhite/DSC06415.jpg';\nimport twentySix from '../images/blackandwhite/DSC07736.jpg';\nimport twentySeven from '../images/blackandwhite/DSC08089.jpg';\nimport twentyEight from '../images/blackandwhite/DSC08398.jpg';\nimport twentyNine from '../images/blackandwhite/DSC08415.jpg';\nimport thirtyOne from '../images/blackandwhite/DSC08451.jpg';\nimport thirtyTwo from '../images/blackandwhite/DSC08595.jpg';\nimport thirtyThree from '../images/blackandwhite/DSC08790.jpg';\nimport thirtyFour from '../images/blackandwhite/DSC08887.jpg';\nimport thirtyFive from '../images/blackandwhite/DSC08972.jpg';\nimport thirtySix from '../images/blackandwhite/DSC09050.jpg';\nimport thirtySeven from '../images/blackandwhite/DSC09955.jpg';\nimport thirtyEight from '../images/blackandwhite/DSC09971.jpg';\nimport thirtyNine from '../images/blackandwhite/DSC05265.jpg';\n\nexport const blackAndWhitePhotos = [\n  {img: one, title:'1'},\n  {img: three, title:'1'},\n  {img: four, title:'1'},\n  {img: five, title:'1'},\n  {img: six, title:'1'},\n  {img: seven, title:'1'},\n  {img: eight, title:'1'},\n  {img: nine, title:'1'},\n  {img: eleven, title:'1'},\n  {img: twelve, title:'1'},\n  {img: thirteen, title:'1'},\n  {img: fourteen, title:'1'},\n  {img: ten, title:'1'},\n  {img: fifteen, title:'1'},\n  {img: sixteen, title:'1'},\n  {img: seventeen, title:'1'},\n  {img: eighteen, title:'1'},\n  {img: nineteen, title:'1'},\n  {img: twentyOne, title:'1'},\n  {img: twentyTwo, title:'1'},\n  {img: twentyThree, title:'1'},\n  {img: twentyFour, title:'1'},\n  {img: twentyFive, title:'1'},\n  {img: twentySix, title:'1'},\n  {img: twentySeven, title:'1'},\n  {img: twentyEight, title:'1'},\n  {img: twentyNine, title:'1'},\n  {img: thirtyOne, title:'1'},\n  {img: thirtyTwo, title:'1'},\n  {img: thirtyThree, title:'1'},\n  {img: thirtyFour, title:'1'},\n  {img: thirtyFive, title:'1'},\n  {img: thirtySix, title:'1'},\n  {img: thirtySeven, title:'1'},\n  {img: thirtyEight, title:'1'},\n  {img: thirtyNine, title: '1'}\n];","export default __webpack_public_path__ + \"static/media/DSC00606.5a31780d.jpg\";","export default __webpack_public_path__ + \"static/media/DSC02952.9690440a.jpg\";","export default __webpack_public_path__ + \"static/media/DSC03822.c4700616.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05598.5385ce58.jpg\";","export default __webpack_public_path__ + \"static/media/DSC05639.9a8c9698.jpg\";","export default __webpack_public_path__ + \"static/media/DSC06586.8d90e4e6.jpg\";","export default __webpack_public_path__ + \"static/media/DSC07411.685564f4.jpg\";","export default __webpack_public_path__ + \"static/media/DSC08830.511e3a15.jpg\";","export default __webpack_public_path__ + \"static/media/FH010019.d3718f04.jpg\";","export default __webpack_public_path__ + \"static/media/FH020013.b05ae407.jpg\";","export default __webpack_public_path__ + \"static/media/IMG_0053.d6c751de.jpg\";","export default __webpack_public_path__ + \"static/media/IMG_0059.462fd624.jpg\";","export default __webpack_public_path__ + \"static/media/IMG_0162.8ba18602.jpg\";","export default __webpack_public_path__ + \"static/media/gen0.8c6642a7.jpg\";","export default __webpack_public_path__ + \"static/media/gen1.701de3e9.jpg\";","export default __webpack_public_path__ + \"static/media/gen2.690b3b2c.jpg\";","export default __webpack_public_path__ + \"static/media/gen3.b8252296.jpg\";","import one from '../images/colors/DSC00568.jpg';\nimport two from '../images/colors/DSC00606.jpg';\nimport three from '../images/colors/DSC02952.jpg';\nimport four from '../images/colors/DSC03822.jpg';\nimport five from '../images/colors/DSC05598.jpg';\nimport six from '../images/colors/DSC05639.jpg';\nimport seven from '../images/colors/DSC06586.jpg';\nimport eight from '../images/colors/DSC07411.jpg';\nimport nine from '../images/colors/DSC08830.jpg';\nimport ten from '../images/colors/FH010019.jpg';\nimport eleven from '../images/colors/FH020013.jpg';\nimport twelve from '../images/colors/IMG_0053.jpg';\nimport thirteen from '../images/colors/IMG_0059.jpg';\nimport fourteen from '../images/colors/IMG_0162.jpg';\nimport fifteen from '../images/colors/gen0.jpg';\nimport sixteen from '../images/colors/gen1.jpg';\nimport seventeen from '../images/colors/gen2.jpg';\nimport eighteen from '../images/colors/gen3.jpg';\n\nexport const coloredPhotos = [\n  {\n    img: one,\n    title: '1'\n  },\n  {\n    img: two,\n    title: '1'\n  },\n  {\n    img: three,\n    title: '1'\n  },\n  {\n    img: four,\n    title: '1'\n  },\n  {\n    img: five,\n    title: '1'\n  },\n  {\n    img: six,\n    title: '1'\n  },\n  {\n    img: seven,\n    title: '1'\n  },\n  {\n    img: eight,\n    title: '1'\n  },\n  {\n    img: nine,\n    title: '1'\n  },\n  {\n    img: ten,\n    title: '1'\n  },\n  {\n    img: eleven,\n    title: '1'\n  },\n  {\n    img: twelve,\n    title: '1'\n  },\n  {\n    img: thirteen,\n    title: '1'\n  },\n  {\n    img: fourteen,\n    title: '1'\n  },\n  {\n    img: fifteen,\n    title: '1'\n  },\n  {\n    img: sixteen,\n    title: '1'\n  },\n  {\n    img: seventeen,\n    title: '1'\n  },\n  {\n    img: eighteen,\n    title: '1'\n  }\n];","import * as React from 'react';\nimport { blackAndWhitePhotos } from './blackAndWhitePhotos';\nimport { coloredPhotos } from './coloredPhotos';\n\nexport default function Photos(props) {\n  const itemData = props.type === 'blackAndWhite' ? blackAndWhitePhotos : coloredPhotos;\n\n  const row = {\n    padding: '10px', \n    display: 'flex', \n    flexWrap: 'wrap'\n  }\n\n  const column = {\n    flex: '25%', \n    maxWidth: '40%', \n    padding: '15px 15px'\n  }\n\n  const img = {\n    width: '100%'\n  }\n\n  const getGalleryPhotos = () => {\n    return itemData.map((photos) => {\n      return <>\n        <div style={column}>\n          <a href={`${photos.img}`} target=\"_blank\" rel=\"noreferrer\">\n            <img alt=\"gallery\" style={img} key={`${photos.img}`} src={`${photos.img}`}/>\n          </a>\n        </div> \n      </>;\n    });\n  }\n\n  return (<>\n      <div style={row}>\n        {getGalleryPhotos()}\n      </div>\n    </>\n  );\n}\n","import Photos from \"./gallery\";\n\nexport default function BlackAndWhiteGallery () {\n  return (<>\n      <h1 style={{ marginLeft: '3%' }}>Black and White Gallery</h1>\n      <Photos type={'blackAndWhite'} />\n    </>\n  )\n} ","import Photos from \"./gallery\";\n\nexport default function ColorGallery () {\n  return (<>\n      <h1 style={{ marginLeft: '3%' }}>Color Gallery</h1>\n      <Photos type={'color'} />\n    </>\n  )\n} ","import {\n  BrowserRouter as Router,\n  Switch,\n  Route\n} from \"react-router-dom\";\nimport './App.css';\n\nimport Footer from \"./components/footer\";\nimport { createTheme, ThemeProvider } from '@mui/material/styles';\n\nimport HomeBody from \"./components/homeBody\";\nimport TopBar from \"./components/topBar\";\nimport BlackAndWhiteGallery from \"./components/blackAndWhiteGallery\";\nimport ColorGallery from \"./components/colorGallery\";\n\nfunction App() {\n\n  const theme = createTheme({\n    pallete: {\n      primary: {\n        main: '#ff4400'\n      }\n    }\n  });\n\n  return (<>\n      <ThemeProvider theme={theme}>\n        <Router>\n          <TopBar/>\n          <Switch>\n            <Route path=\"/black-and-white\" component={BlackAndWhiteGallery} />\n            <Route path=\"/colors\" component={ColorGallery} />\n            <Route path=\"/\" component={HomeBody} />\n          </Switch>\n        </Router>\n        <Footer/>\n      </ThemeProvider>\n  </>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\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';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\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":""}