{"version":3,"sources":["index.tsx","app/BusinessCard/BusinessCardInfo/BusinessCardInfo.tsx","app/BusinessCard/BusinessCardLinks/IconLink/IconLink.tsx","app/BusinessCard/BusinessCardLinks/BusinessCardLinks.tsx","app/BusinessCard/BusinessCard.tsx","app/App/App.tsx"],"names":["Component","withStyles","createStyles","root","flex","display","justifyContent","alignItems","marginBottom","container","flexDirection","shortName","fontSize","color","fullName","width","position","maxWidth","textAlign","description","fontFamily","nameContainer","props","classes","className","IconLink","iconSrc","url","alt","href","target","rel","image","src","backgroundColor","height","padding","overflow","transition","transform","imageWrap","links","map","x","id","margin","boxSizing","a","textDecoration","html","body","console","log","generateClassName","createGenerateClassName","productionPrefix","ReactDOM","render","StylesProvider","document","getElementById"],"mappings":"4oBAWgBA,E,wDCwDDC,eA/DA,kBAAMC,YAAa,CAChCC,KAAM,CACJC,KAAM,EACNC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,OAEhBC,UAAW,CACTJ,QAAS,OACTK,cAAe,SACfH,WAAY,UAEdI,UAAW,CACTC,SAAU,OACVC,MAAO,0BAETC,SAAU,CACRF,SAAU,QACVG,MAAO,cACPC,SAAU,WACVC,SAAU,OACVC,UAAW,UAEbC,YAAa,CACXC,WAAY,oBACZR,SAAU,SAEZS,cAAe,CACbL,SAAU,WACVX,QAAS,OACTC,eAAgB,SAChBC,WAAY,cA+BDN,EArB2C,SAACqB,GACzD,IACEC,EAIED,EAJFC,QACAZ,EAGEW,EAHFX,UACAG,EAEEQ,EAFFR,SACAK,EACEG,EADFH,YAGF,OACE,qBAAKK,UAAWD,EAAQpB,KAAxB,SACE,sBAAKqB,UAAWD,EAAQd,UAAxB,UACE,sBAAKe,UAAWD,EAAQF,cAAxB,UACE,sBAAMG,UAAWD,EAAQZ,UAAzB,SAAqCA,IACrC,qBAAKa,UAAWD,EAAQT,SAAxB,SAAmCA,OAErC,qBAAKU,UAAWD,EAAQJ,YAAxB,SAAsCA,YCrC/BM,EAf2B,SAACH,GACzC,IACEI,EAIEJ,EAJFI,QACAC,EAGEL,EAHFK,IACAC,EAEEN,EAFFM,IACAL,EACED,EADFC,QAGF,OACE,mBAAGC,UAAWD,GAAWA,EAAQpB,KAAM0B,KAAMF,EAAKG,OAAO,SAASC,IAAI,aAAtE,SACE,qBAAKP,UAAWD,GAAWA,EAAQS,MAAOC,IAAKP,EAASE,IAAKA,O,QCsCpD3B,eAnDA,kBAAMC,YAAa,CAChCC,KAAM,CACJE,QAAS,OACTK,cAAe,SACfwB,gBAAiB,yBACjBnB,MAAO,MACPoB,OAAQ,OACRC,QAAS,WACT9B,eAAgB,SAChBC,WAAY,SACZ8B,SAAU,OAEV,iCAAkC,CAChCtB,MAAO,SAGXiB,MAAO,CACLjB,MAAO,MACPuB,WAAY,iBAEZ,UAAW,CACTC,UAAW,cAGb,iCAAkC,CAChCxB,MAAO,SAGXyB,UAAW,CACT,qBAAsB,CACpBhC,aAAc,SAqBLP,EAd6C,SAAC,GAAD,IAAGsB,EAAH,EAAGA,QAAH,OAC1D,qBAAKC,UAAWD,EAAQpB,KAAxB,SACGsC,EAAMC,KAAI,SAACC,GAAD,OACT,cAAC,EAAD,CAEEjB,QAASiB,EAAEjB,QACXC,IAAKgB,EAAEhB,IACPC,IAAKe,EAAEf,IACPL,QAAS,CAAES,MAAOT,EAAQS,MAAO7B,KAAMoB,EAAQiB,YAJ1CG,EAAEC,YCjBA3C,eAxBA,kBAAMC,YAAa,CAChCC,KAAM,CACJE,QAAS,OACT8B,OAAQ,OAER,iCAAkC,CAChCzB,cAAe,eAkBNT,EAXmC,SAAC,GAAD,IAAGsB,EAAH,EAAGA,QAAH,OAChD,sBAAKC,UAAWD,EAAQpB,KAAxB,UACE,cAAC,EAAD,CACEW,SAAS,mBACTH,UAAU,KACVQ,YAAY,4BAEd,cAAC,EAAD,UCiBWlB,eArCA,kBAAMC,YAAa,CAChC,UAAW,CACT,IAAK,CACH2C,OAAQ,EACRT,QAAS,EACTU,UAAW,cAEbC,EAAG,CACDC,eAAgB,QAElBC,KAAM,CACJd,OAAQ,QAEVe,KAAM,CACJrC,MAAO,QACPO,WAAY,kBAEZc,gBAAiB,QACjBC,OAAQ,OACRU,OAAQ,EAER,QAAS,CACPV,OAAQ,cAeDlC,EATO,WAMpB,OAJAkD,QAAQC,IAAI,UAEZD,QAAQC,IAAI,0HAEL,cAAC,EAAD,OLjCHC,EAAoBC,YAAwB,CAChDC,iBAAkB,QAGJvD,EAST,cAAC,EAAD,IARLwD,IAASC,OACP,cAACC,EAAA,EAAD,CAAgBL,kBAAmBA,EAAnC,SACGrD,IAEH2D,SAASC,eAAe,W","file":"static/js/main.b766fa72.chunk.js","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { createGenerateClassName, StylesProvider } from '@material-ui/styles';\n\nimport { App } from './app';\n\nconst generateClassName = createGenerateClassName({\n  productionPrefix: 'dk-',\n});\n\nconst render = (Component: React.ReactNode): void => {\n  ReactDOM.render(\n    <StylesProvider generateClassName={generateClassName}>\n      {Component}\n    </StylesProvider>,\n    document.getElementById('root'),\n  );\n};\n\nrender(<App />);\n","import React from 'react';\n\nimport { createStyles, WithStyles, withStyles } from '@material-ui/styles';\n\nconst styles = () => createStyles({\n  root: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginBottom: '10%',\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  shortName: {\n    fontSize: '26vw',\n    color: 'rgba(77, 75, 83, 0.25)',\n  },\n  fullName: {\n    fontSize: '7.5vw',\n    width: 'max-content',\n    position: 'absolute',\n    maxWidth: '80vw',\n    textAlign: 'center',\n  },\n  description: {\n    fontFamily: 'Inder, sans-serif',\n    fontSize: '2.5vw',\n  },\n  nameContainer: {\n    position: 'relative',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n});\n\nexport interface BusinessCardInfoProps extends WithStyles<typeof styles> {\n  fullName: string;\n  description: string;\n  shortName: string;\n}\n\nconst BusinessCardInfo: React.FC<BusinessCardInfoProps> = (props) => {\n  const {\n    classes,\n    shortName,\n    fullName,\n    description,\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.container}>\n        <div className={classes.nameContainer}>\n          <span className={classes.shortName}>{shortName}</span>\n          <div className={classes.fullName}>{fullName}</div>\n        </div>\n        <div className={classes.description}>{description}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default withStyles(styles)(BusinessCardInfo);\n","import React from 'react';\n\nexport interface IconLinkProps {\n  iconSrc: string;\n  url: string;\n  alt?: string;\n  classes?: { root?: string, image?: string };\n}\n\nconst IconLink: React.FC<IconLinkProps> = (props) => {\n  const {\n    iconSrc,\n    url,\n    alt,\n    classes,\n  } = props;\n\n  return (\n    <a className={classes && classes.root} href={url} target=\"_blank\" rel=\"noreferrer\">\n      <img className={classes && classes.image} src={iconSrc} alt={alt} />\n    </a>\n  );\n};\n\nexport default IconLink;\n","import React from 'react';\n\nimport { createStyles, WithStyles, withStyles } from '@material-ui/styles';\nimport { IconLink } from './IconLink';\nimport links from '../../../config/links.json';\n\nconst styles = () => createStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    backgroundColor: 'rgba(90, 90, 130, 0.1)',\n    width: '20%',\n    height: '100%',\n    padding: '40px 0px',\n    justifyContent: 'center',\n    alignItems: 'center',\n    overflow: 'auto',\n\n    '@media (orientation: portrait)': {\n      width: '100%',\n    },\n  },\n  image: {\n    width: '3vw',\n    transition: 'transform 0.2s',\n\n    '&:hover': {\n      transform: 'scale(1.2)',\n    },\n\n    '@media (orientation: portrait)': {\n      width: '12vw',\n    },\n  },\n  imageWrap: {\n    '&:not(:last-child)': {\n      marginBottom: 30,\n    },\n  },\n});\n\nexport interface BusinessCardLinksProps extends WithStyles<typeof styles> { }\n\nconst BusinessCardLinks: React.FC<BusinessCardLinksProps> = ({ classes }) => (\n  <div className={classes.root}>\n    {links.map((x) => (\n      <IconLink\n        key={x.id}\n        iconSrc={x.iconSrc}\n        url={x.url}\n        alt={x.alt}\n        classes={{ image: classes.image, root: classes.imageWrap }}\n      />\n    ))}\n  </div>\n);\n\nexport default withStyles(styles)(BusinessCardLinks);\n","import React from 'react';\n\nimport { createStyles, WithStyles, withStyles } from '@material-ui/styles';\nimport { BusinessCardInfo } from './BusinessCardInfo';\nimport { BusinessCardLinks } from './BusinessCardLinks';\n\nconst styles = () => createStyles({\n  root: {\n    display: 'flex',\n    height: '100%',\n\n    '@media (orientation: portrait)': {\n      flexDirection: 'column',\n    },\n  },\n});\n\nexport interface BusinessCardProps extends WithStyles<typeof styles> { }\n\nconst BusinessCard: React.FC<BusinessCardProps> = ({ classes }) => (\n  <div className={classes.root}>\n    <BusinessCardInfo\n      fullName=\"Dzianis Kramziuk\"\n      shortName=\"DK\"\n      description=\"Unity/ReactJS Developer\"\n    />\n    <BusinessCardLinks />\n  </div>\n);\n\nexport default withStyles(styles)(BusinessCard);\n","import React from 'react';\n\nimport { createStyles, withStyles } from '@material-ui/styles';\n\nimport { BusinessCard } from '../BusinessCard';\n\nconst styles = () => createStyles({\n  '@global': {\n    '*': {\n      margin: 0,\n      padding: 0,\n      boxSizing: 'border-box',\n    },\n    a: {\n      textDecoration: 'none',\n    },\n    html: {\n      height: '100%',\n    },\n    body: {\n      color: 'white',\n      fontFamily: 'Gruppo, cursive',\n      // backgroundColor: '#12152a',\n      backgroundColor: 'black',\n      height: '100%',\n      margin: 0,\n\n      '&>div': {\n        height: '100%',\n      },\n    },\n  },\n});\n\nconst App: React.FC = () => {\n  // eslint-disable-next-line no-console\n  console.log('AnJ <3');\n  // eslint-disable-next-line no-console\n  console.log('Кто такая Ванесса Рысь?');\n\n  return <BusinessCard />;\n};\n\nexport default withStyles(styles)(App);\n"],"sourceRoot":""}