{"version":3,"sources":["webpack:///./src/components/visualImage.tsx","webpack:///./src/pages/index.tsx"],"names":["VisualImage","type","titleData","picUrl","Wrap","Title","map","title","Image","src","GrayWrap","styled","div","img","RootIndex","isRoot","style","background","className","listStyle","paddingLeft","List","cardData","data","ListItem","CardLink","to","detailUrl","name","href","target","ul","li","Link"],"mappings":"8FAAA,qCAyCeA,IAhCsB,SAAC,GAAgC,IAA9BC,EAA8B,EAA9BA,KAAMC,EAAwB,EAAxBA,UAAWC,EAAa,EAAbA,OACvD,MAAa,YAATF,EAEA,kBAACG,EAAD,KACE,kBAACC,EAAD,KACGH,EAAUI,KAAI,SAACC,GAAD,OACb,oCACGA,EACD,kCAIN,kBAACC,EAAD,CAAOC,IAAKN,KAKd,kBAACO,EAAD,KACE,kBAACL,EAAD,KACGH,EAAUI,KAAI,SAACC,GAAD,OACb,oCACGA,EACD,kCAIN,kBAACC,EAAD,CAAOC,IAAKN,MAQpB,IAAMC,EAAOO,IAAOC,IAAV,uEAAGD,CAAH,wBAIJD,EAAWC,IAAOC,IAAV,2EAAGD,CAAH,8CAKRH,EAAQG,IAAOE,IAAV,wEAAGF,CAAH,iBAILN,EAAQM,IAAOC,IAAV,wEAAGD,CAAH,mc,oJC4DIG,UA5GiB,WAG9B,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,QAAQ,IACb,yBAAKC,MAAO,CAAEC,WAAY,SACxB,6BACE,kBAAC,IAAD,CACEf,UAAW,CAAC,MAAO,UACnBC,OARR,sGASQF,KAAK,aAGT,yBAAKiB,UAAU,WACb,wBAAIA,UAAU,oBAAd,aACA,6BACE,uFAEE,6BAFF,gEAIE,6BAJF,0EAME,6BANF,qFAQE,6BACA,6BATF,uDAcJ,yBAAKA,UAAU,WACb,wBAAIA,UAAU,oBAAd,YACA,wBAAIF,MAAO,CAAEG,UAAW,OAAQC,YAAa,KAC7C,kBAACC,EAAD,KACGC,IAAShB,KAAI,SAACiB,GAAD,OACZ,kBAACC,EAAD,KACE,kBAACC,EAAD,CAAUC,GAAIH,EAAKI,WACjB,kBAACnB,EAAD,CAAOC,IAAKc,EAAKpB,SACjB,6BAAMoB,EAAKK,aAMrB,yBAAKV,UAAU,WACb,wBAAIA,UAAU,oBAAd,aACA,6BACE,kDACoB,6BADpB,mBAEkB,6BAFlB,eAGc,6BAHd,wBAIuB,6BAJvB,wBAKuB,gCAI3B,yBAAKA,UAAU,WACb,wBAAIA,UAAU,oBAAd,cACA,6BACE,iFAMJ,yBAAKA,UAAU,WACb,wBAAIA,UAAU,oBAAd,SACA,2BACE,uBAAGW,KAAK,2BAA2BC,OAAO,UAA1C,SAIF,kGAGE,6BAHF,MAIK,kBAAC,OAAD,CAAMJ,GAAG,cAAT,OAJL,aAOF,yBAAKR,UAAU,WACb,wBAAIA,UAAU,oBAAd,QACA,iCAEE,uBACEW,KAAK,8CACLC,OAAO,UAFT,YA0BZ,IAAMT,EAAOV,IAAOoB,GAAV,kEAAGpB,CAAH,6GASJa,EAAWb,IAAOqB,GAAV,sEAAGrB,CAAH,wCAKRc,EAAWd,YAAOsB,QAAV,sEAAGtB,CAAH,0CAKRH,EAAQG,IAAOE,IAAV,mEAAGF,CAAH","file":"component---src-pages-index-tsx-5e961df42d05c5741326.js","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\ninterface Props {\n  type?: string;\n  titleData: string[];\n  picUrl: string;\n}\n\nconst VisualImage: React.FC<Props> = ({ type, titleData, picUrl }) => {\n  if (type === 'primary') {\n    return (\n      <Wrap>\n        <Title>\n          {titleData.map((title) => (\n            <>\n              {title}\n              <br />\n            </>\n          ))}\n        </Title>\n        <Image src={picUrl} />\n      </Wrap>\n    );\n  } else {\n    return (\n      <GrayWrap>\n        <Title>\n          {titleData.map((title) => (\n            <>\n              {title}\n              <br />\n            </>\n          ))}\n        </Title>\n        <Image src={picUrl} />\n      </GrayWrap>\n    );\n  }\n};\n\nexport default VisualImage;\n\nconst Wrap = styled.div`\n  position: relative; /*相対配置*/\n`;\n\nconst GrayWrap = styled.div`\n  position: relative; /*相対配置*/\n  filter: grayscale(0.9);\n`;\n\nconst Image = styled.img`\n  width: 100%;\n`;\n\nconst Title = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  -ms-transform: translate(-50%, -50%);\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  margin: 0;\n  padding: 0;\n  color: white;\n  font-weight: bold;\n  width: 100%;\n  text-align: center;\n\n  /* 960px以上 PC */\n  @media screen and (min-width: 960px) {\n    font-size: 10em;\n  }\n  /* 768-959px iPad */\n  @media screen and (min-width: 768px) and (max-width: 959px) {\n    font-size: 6em;\n  }\n\n  /* 540-767px スマホ */\n  @media screen and (max-width: 767px) {\n    font-size: 8em;\n  }\n\n  /* 539px以下 スマホ*/\n  @media screen and (max-width: 539px) {\n    font-size: 3em;\n  }\n`;\n","import React from 'react';\nimport { Link } from 'gatsby';\nimport Layout from '../components/layout';\nimport Ogp from '../components/ogp';\nimport VisualImage from '../components/visualImage';\nimport styled from 'styled-components';\nimport { cardData } from '../data';\n\nconst RootIndex: React.FC<{}> = () => {\n  const picUrl =\n    'https://static.juggling-mstdn.net/media_attachments/files/000/000/020/original/d6d70c0286442d4e.jpg';\n  return (\n    <Layout>\n      <Ogp isRoot={true} />\n      <div style={{ background: '#fff' }}>\n        <div>\n          <VisualImage\n            titleData={['集まる', 'ジャグリング']}\n            picUrl={picUrl}\n            type=\"primary\"\n          />\n        </div>\n        <div className=\"wrapper\">\n          <h1 className=\"section-headline\">ぴんとくるくる浄土</h1>\n          <div>\n            <p>\n              「ぴんとくるくる浄土」はピントクルがジャグリングを日々創作しているスタジオ、浄土複合にておこなう小さな発表会です。\n              <br />\n              大道芸や舞台公演などの「パフォーマー/観客」とは違うあり方で、ジャグリングを身近に感じてもらいたいと思ったことがきっかけ。\n              <br />\n              道具と触れ合ってきた時間や環境など様々な「ジャグリングライフ」を過ごしてきたジャグラーをお呼びして、5-15分程度のジャグリングを発表します。\n              <br />\n              また、ピントクルが選んだ道具や雑誌などの展示やトークイベントをおこなうことで、ジャグリングに馴染みがない方でも多角的な視点からジャグリングを体験することができます。\n              <br />\n              <br />\n              ※新型コロナウイルス感染拡大を防ぐため、当イベントは「来場不可」とし、映像配信に変更となりました。\n            </p>\n          </div>\n        </div>\n        <div className=\"wrapper\">\n          <h2 className=\"section-headline\">Jugglers</h2>\n          <ul style={{ listStyle: 'none', paddingLeft: 0 }}></ul>\n          <List>\n            {cardData.map((data) => (\n              <ListItem>\n                <CardLink to={data.detailUrl}>\n                  <Image src={data.picUrl} />\n                  <div>{data.name}</div>\n                </CardLink>\n              </ListItem>\n            ))}\n          </List>\n        </div>\n        <div className=\"wrapper\">\n          <h2 className=\"section-headline\">TimeTable</h2>\n          <div>\n            <div>\n              2020/5/9(土),10(日) <br />\n              13:00- 酒德波和、染谷樹 <br />\n              14:00- 青木直哉 <br />\n              16:00- クスヒ、百通りファクトリー <br />\n              17:00- トークイベント(9日のみ) <br />\n            </div>\n          </div>\n        </div>\n        <div className=\"wrapper\">\n          <h2 className=\"section-headline\">Talk Event</h2>\n          <div>\n            <div>\n              5/9(土) 17:00-18:00\n              「ジャグリングの30年を振り返る」中西みみず、山下耕平\n            </div>\n          </div>\n        </div>\n        <div className=\"wrapper\">\n          <h2 className=\"section-headline\">Venue</h2>\n          <p>\n            <a href=\"https://jdfkg.tumblr.com\" target=\"_blank\">\n              浄土複合\n            </a>\n          </p>\n          <p>\n            ※当イベントは「来場不可」となりますので会場にお越しいただくことはできません。\n            イベント後にテキストや動画にて発表の様子を公開致します。\n            <br />\n            詳細は<Link to=\"/statement\">こちら</Link>をご覧ください。\n          </p>\n        </div>\n        <div className=\"wrapper\">\n          <h2 className=\"section-headline\">Live</h2>\n          <p>\n            配信は\n            <a\n              href=\"https://www.youtube.com/watch?v=48qy4-BjK7c\"\n              target=\"_blank\"\n            >\n              こちら\n            </a>\n          </p>\n        </div>\n        {/* <div className=\"wrapper\">\n          <h2 className=\"section-headline\">Credit</h2>\n          <p>\n            <div>照明：渡辺佳奈</div>\n            <div>写真撮影：染谷樹</div>\n            <div>映像撮影：中谷利明</div>\n            <div>ウェブ制作：中西みみず</div>\n            <div>協力：浄土複合</div>\n            <div>企画：Juggling Unit ピントクル</div>\n          </p>\n        </div> */}\n      </div>\n    </Layout>\n  );\n};\n\nexport default RootIndex;\n\nconst List = styled.ul`\n  display: flex;\n  flex-direction: row;\n  list-style: none;\n  padding: 0;\n  flex-wrap: wrap;\n  justify-content: space-between;\n`;\n\nconst ListItem = styled.li`\n  flex-basis: 49%;\n  margin-bottom: 20px;\n`;\n\nconst CardLink = styled(Link)`\n  text-decoration: none;\n  cursor: pointer;\n`;\n\nconst Image = styled.img`\n  width: 100%;\n  margin-bottom: 10px;\n`;\n"],"sourceRoot":""}