{"version":3,"file":"static/js/399.5346817c.chunk.js","mappings":"wOAKMA,EAAYC,EAAAA,GAAAA,IAAH,+MAUTC,GAAgBD,EAAAA,EAAAA,IAAO,MAAPA,EAAqC,gBAAGE,EAAH,EAAGA,SAAH,MAAmB,CAC5EC,SAAUD,EAAW,QAAU,QAC/BE,MAAOF,EAAW,QAAU,QAC5BG,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,aAAc,WAGVC,EAAWT,EAAAA,GAAAA,EAAH,sQA4BRU,GAdWV,EAAAA,GAAAA,IAAH,uQAcEA,EAAAA,GAAAA,KAAH,2KAUPW,EAASX,EAAAA,GAAAA,IAAH,uGAMNY,EAAWZ,EAAAA,GAAAA,KAAH,8GAURa,EAAwD,SAAC,GAIxD,IAHLC,EAGI,EAHJA,KACAC,EAEI,EAFJA,KACAC,EACI,EADJA,SAEA,OACE,UAACP,EAAD,CAAUQ,OAAO,SAASC,IAAI,aAAaJ,KAAMA,EAAjD,WACE,SAACJ,EAAD,UAAUM,KACV,SAACJ,EAAD,UAAWG,QCpFjB,ED8GuB,WACrB,IAAMb,GAAWiB,EAAAA,EAAAA,KAEjB,OACE,SAACpB,EAAD,WACE,UAACE,EAAD,CAAeC,SAAUA,EAAzB,WACE,SAACW,EAAD,CACEC,KAAK,yDACLC,KAAK,UAFP,UAIE,SAACJ,EAAD,CAAQS,IAAI,qCAGd,SAACP,EAAD,CACEC,KAAK,wDACLC,KAAK,cAFP,UAIE,SAACJ,EAAD,CAAQS,IAAI,8BAA8BhB,MAAO,GAAIiB,OAAQ,QAY/D,SAACR,EAAD,CACEC,KAAK,uDACLC,KAAK,SAFP,UAIE,SAACJ,EAAD,CAAQS,IAAI,+BAA+BhB,MAAO,GAAIiB,OAAQ,QAGhE,SAACR,EAAD,CACEC,KAAK,6DACLC,KAAK,UAFP,UAIE,SAACJ,EAAD,CAAQS,IAAI,gCAAgChB,MAAO,GAAIiB,OAAQ,QAGjE,SAACR,EAAD,CAAUC,KAAK,gCAAgCC,KAAK,WAApD,UACE,SAACJ,EAAD,CAAQS,IAAI,iCAAiChB,MAAO,GAAIiB,OAAQ,QAGlE,SAACR,EAAD,CACEC,KAAK,wFACLC,KAAK,YAFP,UAIE,SAACJ,EAAD,CAAQS,IAAI,iCAAiChB,MAAO,GAAIiB,OAAQ","sources":["pages/home/Home.tsx","pages/home/index.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\"\nimport { useIsMobile } from \"@/hooks/useWidthSize\"\nimport React from \"react\"\nimport styled from \"styled-components\"\n\nconst Container = styled.div`\n  background-color: rgb(213, 235, 234);\n  min-height: calc(100vh - 440px);\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  width: 100%;\n  justify-content: center;\n`\n\nconst ItemContainer = styled(\"div\")<{ isMobile: boolean }>(({ isMobile }) => ({\n  maxWidth: isMobile ? \"360px\" : \"400px\",\n  width: isMobile ? \"360px\" : \"400px\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  marginBottom: \"28px\",\n}))\n\nconst ImgHref2 = styled.a`\n  border-radius: 30px;\n  border: 2px solid #444;\n  padding: 9px 0;\n  margin-top: 14px;\n  display: inline-block;\n  text-align: left;\n  width: 92%;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n  font-size: 16px;\n`\n\nconst ImgHref3 = styled.div`\n  border-radius: 30px;\n  border: 2px solid #444;\n  padding: 9px 0;\n  margin-top: 14px;\n  display: inline-block;\n  text-align: left;\n  width: 100%;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n  font-size: 16px;\n`\n\nconst ImgSpan = styled.span`\n  display: inline-block;\n  vertical-align: middle;\n  width: 28px;\n  height: 31px;\n  padding: 0;\n  margin: 0 8px 0 15px;\n  font-size: 16px;\n`\n\nconst SvgImg = styled.img`\n  overflow-clip-margin: content-box;\n  overflow: hidden;\n  font-size: 16px;\n`\n\nconst TextSpan = styled.span`\n  font-family: Marvel, \"Yanone Kaffeesatz\", Calibri, sans-serif;\n  font-size: 20px;\n`\n\ntype ImgProps = {\n  href: string\n  text: string\n}\n\nconst ImgLink2: React.FC<React.PropsWithChildren<ImgProps>> = ({\n  href,\n  text,\n  children,\n}) => {\n  return (\n    <ImgHref2 target=\"_blank\" rel=\"noreferrer\" href={href}>\n      <ImgSpan>{children}</ImgSpan>\n      <TextSpan>{text}</TextSpan>\n    </ImgHref2>\n  )\n}\n\nconst ImgLink: React.FC<React.PropsWithChildren<ImgProps>> = ({\n  href,\n  text,\n  children,\n}) => {\n  return (\n    <Link\n      to={href}\n      style={{\n        width: \"92%\",\n        color: \"inherit\",\n      }}\n    >\n      <ImgHref3>\n        <ImgSpan>{children}</ImgSpan>\n        <TextSpan>{text}</TextSpan>\n      </ImgHref3>\n    </Link>\n  )\n}\n\nconst Home: React.FC = () => {\n  const isMobile = useIsMobile()\n\n  return (\n    <Container>\n      <ItemContainer isMobile={isMobile}>\n        <ImgLink2\n          href=\"https://open.spotify.com/artist/75Uq7zgAG9AcRtwleW3CmA\"\n          text=\"Spotify\"\n        >\n          <SvgImg src=\"/assets/img/icons/spotify.svg\" />\n        </ImgLink2>\n\n        <ImgLink2\n          href=\"https://music.apple.com/bt/artist/mindport/1647835431\"\n          text=\"Apple Music\"\n        >\n          <SvgImg src=\"/assets/img/icons/apple.svg\" width={28} height={28} />\n        </ImgLink2>\n\n        {/*\n        <ImgLink2\n          href=\"https://music.apple.com/bt/artist/mindport/1647835431\"\n          text=\"iTunes\"\n        >\n          <SvgImg src=\"/assets/img/icons/itunes.svg\" width={28} height={28} />\n        </ImgLink2>\n        */}\n\n        <ImgLink2\n          href=\"https://music.amazon.com/artists/B0BGX9N33Y/mindport\"\n          text=\"Amazon\"\n        >\n          <SvgImg src=\"/assets/img/icons/amazon.svg\" width={28} height={28} />\n        </ImgLink2>\n\n        <ImgLink2\n          href=\"https://music.youtube.com/channel/UCaGgjyvD8S8EYOGZkMrP9KA\"\n          text=\"YouTube\"\n        >\n          <SvgImg src=\"/assets/img/icons/youtube.svg\" width={28} height={28} />\n        </ImgLink2>\n\n        <ImgLink2 href=\"https://mindport.bandcamp.com\" text=\"Bandcamp\">\n          <SvgImg src=\"/assets/img/icons/bandcamp.svg\" width={28} height={28} />\n        </ImgLink2>\n\n        <ImgLink2\n          href=\"https://drive.google.com/file/d/1tkCASRs3tEiYCdTAfq5RIjTIdNffr5ag/view?usp=share_link\"\n          text=\"Press Kit\"\n        >\n          <SvgImg src=\"/assets/img/icons/presskit.svg\" width={28} height={28} />\n        </ImgLink2>\n      </ItemContainer>\n    </Container>\n  )\n}\n\nexport default Home\n","import Home from \"./Home\"\n\nexport default Home\n"],"names":["Container","styled","ItemContainer","isMobile","maxWidth","width","display","flexDirection","alignItems","marginBottom","ImgHref2","ImgSpan","SvgImg","TextSpan","ImgLink2","href","text","children","target","rel","useIsMobile","src","height"],"sourceRoot":""}