{"version":3,"sources":["webpack://grafhouse-landing/./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack://grafhouse-landing/./src/assets/app-store-badge.svg","webpack://grafhouse-landing/./src/components/Header.js","webpack://grafhouse-landing/./src/assets/google-play-badge.svg","webpack://grafhouse-landing/./src/images/img1.jpg","webpack://grafhouse-landing/./src/images/pic01.jpg","webpack://grafhouse-landing/./src/images/img2.jpg","webpack://grafhouse-landing/./src/images/img3.jpg","webpack://grafhouse-landing/./src/components/Main.js","webpack://grafhouse-landing/./src/components/Footer.js","webpack://grafhouse-landing/./src/pages/index.js"],"names":["_assertThisInitialized","self","ReferenceError","props","id","style","timeout","display","className","target","href","src","alt","astore","onClick","onOpenArticle","render","close","onCloseArticle","ref","this","setWrapperRef","article","articleTimeout","img1","img2","img3","React","state","isArticleVisible","loading","handleOpenArticle","bind","handleCloseArticle","handleClickOutside","componentDidMount","timeoutId","setTimeout","setState","document","addEventListener","componentWillUnmount","clearTimeout","removeEventListener","node","wrapperRef","event","contains","location"],"mappings":"2HAAe,SAASA,EAAuBC,GAC7C,QAAa,IAATA,EACF,MAAM,IAAIC,eAAe,6DAG3B,OAAOD,E,+ECLT,EAAe,IAA0B,8DC0CzC,EArCe,SAACE,GAAD,OACd,0BAAQC,GAAG,SAASC,MAAOF,EAAMG,QAAU,CAACC,QAAS,QAAU,IAC9D,uBAAKC,UAAU,QACd,wBAAMA,UAAU,yBAEjB,uBAAKA,UAAU,WACd,uBAAKA,UAAU,SACd,uCACA,qFACA,uBAAKA,UAAU,OACd,uBAAKA,UAAU,UACd,qBAAGA,UAAU,aAAaC,OAAO,SAASC,KAAK,4EAC9C,uBAAKC,ICjBZ,6uSDiBwBC,IAAI,MAEtB,qBAAGJ,UAAU,aAAaC,OAAO,SAASC,KAAK,wDAC9C,uBAAKC,IAAKE,EAAQD,IAAI,UAM3B,2BACC,0BACC,0BAAI,qBAAGF,KAAK,eAAeI,QAAS,WAAOX,EAAMY,cAAc,WAA3D,UACJ,0BAAI,qBAAGL,KAAK,eAAeI,QAAS,WAAOX,EAAMY,cAAc,UAA3D,YACJ,0BAAI,qBAAGL,KAAK,eAAeI,QAAS,WAAOX,EAAMY,cAAc,WAA3D,mBACJ,0BAAI,qBAAGL,KAAK,eAAeI,QAAS,WAAOX,EAAMY,cAAc,aAA3D,gBE/BR,GCAe,IDAA,IAA0B,oDEAzC,EAAe,IAA0B,mDCAzC,EAAe,IAA0B,mDCkFzC,E,6FAtEEC,OAAA,WAAU,IAAD,OAEHC,EAAQ,uBAAKT,UAAU,QAAQM,QAAS,WAAO,EAAKX,MAAMe,oBAE9D,OACE,uBAAKC,IAAKC,KAAKjB,MAAMkB,cAAejB,GAAG,OAAOC,MAAOe,KAAKjB,MAAMG,QAAU,CAACC,QAAS,QAAU,CAACA,QAAS,SAEtG,2BAASH,GAAG,QAAQI,WAAqC,UAAvBY,KAAKjB,MAAMmB,QAAsB,SAAW,IAAjD,KAAuDF,KAAKjB,MAAMoB,eAAiB,UAAY,IAAMlB,MAAO,CAACE,QAAQ,SAChJ,sBAAIC,UAAU,SAAd,iBACA,wBAAMA,UAAU,cAAa,uBAAKG,IAAKa,EAAMZ,IAAI,MAChD,uHACA,2EACAK,GAGH,2BAASb,GAAG,OAAOI,WAAqC,SAAvBY,KAAKjB,MAAMmB,QAAqB,SAAW,IAAhD,KAAsDF,KAAKjB,MAAMoB,eAAiB,UAAY,IAAMlB,MAAO,CAACE,QAAQ,SAC9I,sBAAIC,UAAU,SAAd,YACA,wBAAMA,UAAU,cAAa,uBAAKG,IAAKc,EAAMb,IAAI,MACjD,gCACA,sFACA,gEACA,8HACA,6HACA,uGACA,8BACA,iCACA,kFACA,qFACA,2IACA,2DACA,yEACA,yGACA,oHACA,6GACA,yFACCK,GAGH,2BAASb,GAAG,QAAQI,WAAqC,UAAvBY,KAAKjB,MAAMmB,QAAsB,SAAW,IAAjD,KAAuDF,KAAKjB,MAAMoB,eAAiB,UAAY,IAAMlB,MAAO,CAACE,QAAQ,SAChJ,sBAAIC,UAAU,SAAd,cACA,wBAAMA,UAAU,cAAa,uBAAKG,IAAKe,EAAMd,IAAI,MACjD,uDACA,oEACCK,GAGH,2BAASb,GAAG,UAAUI,WAAqC,YAAvBY,KAAKjB,MAAMmB,QAAwB,SAAW,IAAnD,KAAyDF,KAAKjB,MAAMoB,eAAiB,UAAY,IAAMlB,MAAO,CAACE,QAAQ,SACpJ,sBAAIC,UAAU,SAAd,OACA,4FACA,qBAAGA,UAAU,wBAAb,8BACA,sBAAIA,UAAU,SACZ,0BAAI,qBAAGE,KAAK,mCAAmCF,UAAU,mBAAkB,wBAAMA,UAAU,SAAhB,cAE5ES,K,GAtDQU,aCEnB,EAVe,SAACxB,GAAD,OACX,0BAAQC,GAAG,SAASC,MAAOF,EAAMG,QAAU,CAACC,QAAS,QAAU,IAC3D,qBAAGC,UAAU,aAAb,4CAAuE,qBAAGE,KAAK,2BAAR,gBAAvE,gBAAsI,qBAAGA,KAAK,6BAAR,gBC6G9I,E,YA1GE,WAAYP,GAAQ,IAAD,SACjB,cAAMA,IAAN,MACKyB,MAAQ,CACXC,kBAAkB,EAClBvB,SAAS,EACTiB,gBAAgB,EAChBD,QAAS,GACTQ,QAAS,cAEX,EAAKC,kBAAoB,EAAKA,kBAAkBC,KAAvB,MACzB,EAAKC,mBAAqB,EAAKA,mBAAmBD,KAAxB,MAC1B,EAAKX,cAAgB,EAAKA,cAAcW,KAAnB,MACrB,EAAKE,mBAAqB,EAAKA,mBAAmBF,KAAxB,MAZT,G,uCAenBG,kBAAA,WAAsB,IAAD,OACnBf,KAAKgB,UAAYC,YAAW,WACxB,EAAKC,SAAS,CAACR,QAAS,OACzB,KACHS,SAASC,iBAAiB,YAAapB,KAAKc,qB,EAG9CO,qBAAA,WACMrB,KAAKgB,WACLM,aAAatB,KAAKgB,WAEtBG,SAASI,oBAAoB,YAAavB,KAAKc,qB,EAGjDb,cAAA,SAAcuB,GACZxB,KAAKyB,WAAaD,G,EAGpBb,kBAAA,SAAkBT,GAAU,IAAD,OAEzBF,KAAKkB,SAAS,CACZT,kBAAmBT,KAAKQ,MAAMC,iBAC9BP,YAGFe,YAAW,WACT,EAAKC,SAAS,CACZhC,SAAU,EAAKsB,MAAMtB,YAEtB,KAEH+B,YAAW,WACT,EAAKC,SAAS,CACZf,gBAAiB,EAAKK,MAAML,mBAE7B,M,EAILU,mBAAA,WAAsB,IAAD,OAEnBb,KAAKkB,SAAS,CACZf,gBAAiBH,KAAKQ,MAAML,iBAG9Bc,YAAW,WACT,EAAKC,SAAS,CACZhC,SAAU,EAAKsB,MAAMtB,YAEtB,KAEH+B,YAAW,WACT,EAAKC,SAAS,CACZT,kBAAmB,EAAKD,MAAMC,iBAC9BP,QAAS,OAEV,M,EAILY,mBAAA,SAAmBY,GACb1B,KAAKyB,aAAezB,KAAKyB,WAAWE,SAASD,EAAMrC,SACjDW,KAAKQ,MAAMC,kBACbT,KAAKa,sB,EAKXjB,OAAA,WACE,OACE,gBAAC,IAAD,CAAQgC,SAAU5B,KAAKjB,MAAM6C,UAC3B,uBAAKxC,UAAS,QAAUY,KAAKQ,MAAME,QAArB,KAAgCV,KAAKQ,MAAMC,iBAAmB,qBAAuB,KACjG,uBAAKzB,GAAG,WACN,gBAAC,EAAD,CAAQW,cAAeK,KAAKW,kBAAmBzB,QAASc,KAAKQ,MAAMtB,UACnE,gBAAC,EAAD,CACEuB,iBAAkBT,KAAKQ,MAAMC,iBAC7BvB,QAASc,KAAKQ,MAAMtB,QACpBiB,eAAgBH,KAAKQ,MAAML,eAC3BD,QAASF,KAAKQ,MAAMN,QACpBJ,eAAgBE,KAAKa,mBACrBZ,cAAeD,KAAKC,gBAEtB,gBAAC,EAAD,CAAQf,QAASc,KAAKQ,MAAMtB,WAE9B,uBAAKF,GAAG,U,GApGMuB","file":"component---src-pages-index-js-70eee6d2b6eb4ee02682.js","sourcesContent":["export default function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}","export default __webpack_public_path__ + \"static/app-store-badge-f34e9a284a36ff72c6d65f3e62f14eaf.svg\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport astore from '../assets/app-store-badge.svg';\nimport gplay from '../assets/google-play-badge.svg'\n\nconst Header = (props) => (\n\t<header id=\"header\" style={props.timeout ? {display: 'none'} : {}}>\n\t\t<div className=\"logo\">\n\t\t\t<span className=\"icon fa-paint-brush\"></span>\n\t\t</div>\n\t\t<div className=\"content\">\n\t\t\t<div className=\"inner\">\n\t\t\t\t<h1>Grafhouse</h1>\n\t\t\t\t<p>Grafhouse(Graffiti House)は落書きのコラボレーションを目的としたお絵描きSNSアプリです</p>\n\t\t\t\t<div className=\"row\">\n\t\t\t\t\t<div className=\"badges\">\n\t\t\t\t\t\t<a className=\"badge-link\" target=\"_blank\" href=\"https://play.google.com/store/apps/details?id=net.votepurchase.grafhouse\">\n\t\t\t\t\t\t\t<img src={gplay} alt=\"\" />\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t<a className=\"badge-link\" target=\"_blank\" href=\"https://apps.apple.com/jp/app/grafhouse/id1554180611\">\n\t\t\t\t\t\t\t<img src={astore} alt=\"\" />\n\t\t\t\t\t\t</a>\n          </div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<nav>\n\t\t\t<ul>\n\t\t\t\t<li><a href=\"javascript:;\" onClick={() => {props.onOpenArticle('intro')}}>About</a></li>\n\t\t\t\t<li><a href=\"javascript:;\" onClick={() => {props.onOpenArticle('work')}}>License</a></li>\n\t\t\t\t<li><a href=\"javascript:;\" onClick={() => {props.onOpenArticle('about')}}>Privacy Policy</a></li>\n\t\t\t\t<li><a href=\"javascript:;\" onClick={() => {props.onOpenArticle('contact')}}>Contact</a></li>\n\t\t\t</ul>\n\t\t</nav>\n\t</header>\n)\n\nHeader.propTypes = {\n    onOpenArticle: PropTypes.func,\n    timeout: PropTypes.bool\n}\n\nexport default Header\n","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFydHdvcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzUgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEzNSA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7ZmlsbC1vcGFjaXR5OjA7fQoJLnN0MXtmaWxsOiNBNkE2QTY7fQoJLnN0MntmaWxsOiNGRkZGRkY7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjAuMjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qze2ZpbGw6I0ZGRkZGRjt9Cgkuc3Q0e2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0NXtmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDZ7ZmlsbDp1cmwoI1NWR0lEXzNfKTt9Cgkuc3Q3e2ZpbGw6dXJsKCNTVkdJRF80Xyk7fQoJLnN0OHtvcGFjaXR5OjAuMjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDl7b3BhY2l0eTowLjEyO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0MTB7b3BhY2l0eTowLjI1O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPGc+Cgk8cmVjdCB4PSItMTAiIHk9Ii0xMCIgY2xhc3M9InN0MCIgd2lkdGg9IjE1NSIgaGVpZ2h0PSI2MCIvPgoJPGc+CgkJPHBhdGggZD0iTTEzMCw0MEg1Yy0yLjgsMC01LTIuMi01LTVWNWMwLTIuOCwyLjItNSw1LTVoMTI1YzIuOCwwLDUsMi4yLDUsNXYzMEMxMzUsMzcuOCwxMzIuOCw0MCwxMzAsNDB6Ii8+Cgk8L2c+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzMCwwLjhjMi4zLDAsNC4yLDEuOSw0LjIsNC4ydjMwYzAsMi4zLTEuOSw0LjItNC4yLDQuMkg1Yy0yLjMsMC00LjItMS45LTQuMi00LjJWNWMwLTIuMywxLjktNC4yLDQuMi00LjIKCQkJCUgxMzAgTTEzMCwwSDVDMi4yLDAsMCwyLjMsMCw1djMwYzAsMi44LDIuMiw1LDUsNWgxMjVjMi44LDAsNS0yLjIsNS01VjVDMTM1LDIuMywxMzIuOCwwLDEzMCwwTDEzMCwweiIvPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00Ny40LDEwLjJjMCwwLjgtMC4yLDEuNS0wLjcsMmMtMC42LDAuNi0xLjMsMC45LTIuMiwwLjljLTAuOSwwLTEuNi0wLjMtMi4yLTAuOWMtMC42LTAuNi0wLjktMS4zLTAuOS0yLjIKCQkJYzAtMC45LDAuMy0xLjYsMC45LTIuMmMwLjYtMC42LDEuMy0wLjksMi4yLTAuOWMwLjQsMCwwLjgsMC4xLDEuMiwwLjNjMC40LDAuMiwwLjcsMC40LDAuOSwwLjdsLTAuNSwwLjUKCQkJYy0wLjQtMC41LTAuOS0wLjctMS42LTAuN2MtMC42LDAtMS4yLDAuMi0xLjYsMC43Yy0wLjUsMC40LTAuNywxLTAuNywxLjdzMC4yLDEuMywwLjcsMS43YzAuNSwwLjQsMSwwLjcsMS42LDAuNwoJCQljMC43LDAsMS4yLTAuMiwxLjctMC43YzAuMy0wLjMsMC41LTAuNywwLjUtMS4yaC0yLjJWOS44aDIuOUM0Ny40LDkuOSw0Ny40LDEwLjEsNDcuNCwxMC4yeiIvPgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01Miw3LjdoLTIuN3YxLjloMi41djAuN2gtMi41djEuOUg1MlYxM2gtMy41VjdINTJWNy43eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01NS4zLDEzaC0wLjhWNy43aC0xLjdWN0g1N3YwLjdoLTEuN1YxM3oiLz4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTkuOSwxM1Y3aDAuOHY2SDU5Ljl6Ii8+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTY0LjEsMTNoLTAuOFY3LjdoLTEuN1Y3aDQuMXYwLjdoLTEuN1YxM3oiLz4KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNzMuNiwxMi4yYy0wLjYsMC42LTEuMywwLjktMi4yLDAuOWMtMC45LDAtMS42LTAuMy0yLjItMC45Yy0wLjYtMC42LTAuOS0xLjMtMC45LTIuMnMwLjMtMS42LDAuOS0yLjIKCQkJYzAuNi0wLjYsMS4zLTAuOSwyLjItMC45YzAuOSwwLDEuNiwwLjMsMi4yLDAuOWMwLjYsMC42LDAuOSwxLjMsMC45LDIuMkM3NC41LDEwLjksNzQuMiwxMS42LDczLjYsMTIuMnogTTY5LjgsMTEuNwoJCQljMC40LDAuNCwxLDAuNywxLjYsMC43YzAuNiwwLDEuMi0wLjIsMS42LTAuN2MwLjQtMC40LDAuNy0xLDAuNy0xLjdTNzMuNSw4LjcsNzMsOC4zYy0wLjQtMC40LTEtMC43LTEuNi0wLjcKCQkJYy0wLjYsMC0xLjIsMC4yLTEuNiwwLjdjLTAuNCwwLjQtMC43LDEtMC43LDEuN1M2OS4zLDExLjMsNjkuOCwxMS43eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03NS42LDEzVjdoMC45bDIuOSw0LjdoMGwwLTEuMlY3aDAuOHY2aC0wLjhsLTMuMS00LjloMGwwLDEuMlYxM0g3NS42eiIvPgoJPC9nPgoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTY4LjEsMjEuOGMtMi40LDAtNC4zLDEuOC00LjMsNC4zYzAsMi40LDEuOSw0LjMsNC4zLDQuM2MyLjQsMCw0LjMtMS44LDQuMy00LjMKCQlDNzIuNCwyMy41LDcwLjUsMjEuOCw2OC4xLDIxLjh6IE02OC4xLDI4LjZjLTEuMywwLTIuNC0xLjEtMi40LTIuNmMwLTEuNSwxLjEtMi42LDIuNC0yLjZjMS4zLDAsMi40LDEsMi40LDIuNgoJCUM3MC41LDI3LjUsNjkuNCwyOC42LDY4LjEsMjguNnogTTU4LjgsMjEuOGMtMi40LDAtNC4zLDEuOC00LjMsNC4zYzAsMi40LDEuOSw0LjMsNC4zLDQuM2MyLjQsMCw0LjMtMS44LDQuMy00LjMKCQlDNjMuMSwyMy41LDYxLjIsMjEuOCw1OC44LDIxLjh6IE01OC44LDI4LjZjLTEuMywwLTIuNC0xLjEtMi40LTIuNmMwLTEuNSwxLjEtMi42LDIuNC0yLjZjMS4zLDAsMi40LDEsMi40LDIuNgoJCUM2MS4yLDI3LjUsNjAuMSwyOC42LDU4LjgsMjguNnogTTQ3LjcsMjMuMXYxLjhoNC4zYy0wLjEsMS0wLjUsMS44LTEsMi4zYy0wLjYsMC42LTEuNiwxLjMtMy4zLDEuM2MtMi43LDAtNC43LTIuMS00LjctNC44CgkJczIuMS00LjgsNC43LTQuOGMxLjQsMCwyLjUsMC42LDMuMywxLjNsMS4zLTEuM2MtMS4xLTEtMi41LTEuOC00LjUtMS44Yy0zLjYsMC02LjcsMy02LjcsNi42YzAsMy42LDMuMSw2LjYsNi43LDYuNgoJCWMyLDAsMy40LTAuNiw0LjYtMS45YzEuMi0xLjIsMS42LTIuOSwxLjYtNC4yYzAtMC40LDAtMC44LTAuMS0xLjFINDcuN3ogTTkzLjEsMjQuNWMtMC40LTEtMS40LTIuNy0zLjYtMi43Yy0yLjIsMC00LDEuNy00LDQuMwoJCWMwLDIuNCwxLjgsNC4zLDQuMiw0LjNjMS45LDAsMy4xLTEuMiwzLjUtMS45bC0xLjQtMWMtMC41LDAuNy0xLjEsMS4yLTIuMSwxLjJjLTEsMC0xLjYtMC40LTIuMS0xLjNsNS43LTIuNEw5My4xLDI0LjV6CgkJIE04Ny4zLDI1LjljMC0xLjYsMS4zLTIuNSwyLjItMi41YzAuNywwLDEuNCwwLjQsMS42LDAuOUw4Ny4zLDI1Ljl6IE04Mi42LDMwaDEuOVYxNy41aC0xLjlWMzB6IE03OS42LDIyLjdMNzkuNiwyMi43CgkJYy0wLjUtMC41LTEuMy0xLTIuMy0xYy0yLjEsMC00LjEsMS45LTQuMSw0LjNjMCwyLjQsMS45LDQuMiw0LjEsNC4yYzEsMCwxLjgtMC41LDIuMi0xaDAuMXYwLjZjMCwxLjYtMC45LDIuNS0yLjMsMi41CgkJYy0xLjEsMC0xLjktMC44LTIuMS0xLjVsLTEuNiwwLjdjMC41LDEuMSwxLjcsMi41LDMuOCwyLjVjMi4yLDAsNC0xLjMsNC00LjRWMjJoLTEuOFYyMi43eiBNNzcuNCwyOC42Yy0xLjMsMC0yLjQtMS4xLTIuNC0yLjYKCQljMC0xLjUsMS4xLTIuNiwyLjQtMi42YzEuMywwLDIuMywxLjEsMi4zLDIuNkM3OS43LDI3LjUsNzguNywyOC42LDc3LjQsMjguNnogTTEwMS44LDE3LjVoLTQuNVYzMGgxLjl2LTQuN2gyLjYKCQljMi4xLDAsNC4xLTEuNSw0LjEtMy45UzEwMy45LDE3LjUsMTAxLjgsMTcuNXogTTEwMS45LDIzLjVoLTIuN3YtNC4zaDIuN2MxLjQsMCwyLjIsMS4yLDIuMiwyLjFDMTA0LDIyLjQsMTAzLjIsMjMuNSwxMDEuOSwyMy41egoJCSBNMTEzLjQsMjEuN2MtMS40LDAtMi44LDAuNi0zLjMsMS45bDEuNywwLjdjMC40LTAuNywxLTAuOSwxLjctMC45YzEsMCwxLjksMC42LDIsMS42djAuMWMtMC4zLTAuMi0xLjEtMC41LTEuOS0wLjUKCQljLTEuOCwwLTMuNiwxLTMuNiwyLjhjMCwxLjcsMS41LDIuOCwzLjEsMi44YzEuMywwLDEuOS0wLjYsMi40LTEuMmgwLjF2MWgxLjh2LTQuOEMxMTcuMiwyMywxMTUuNSwyMS43LDExMy40LDIxLjd6IE0xMTMuMiwyOC42CgkJYy0wLjYsMC0xLjUtMC4zLTEuNS0xLjFjMC0xLDEuMS0xLjMsMi0xLjNjMC44LDAsMS4yLDAuMiwxLjcsMC40QzExNS4yLDI3LjgsMTE0LjIsMjguNiwxMTMuMiwyOC42eiBNMTIzLjcsMjJsLTIuMSw1LjRoLTAuMQoJCWwtMi4yLTUuNGgtMmwzLjMsNy42bC0xLjksNC4yaDEuOWw1LjEtMTEuOEgxMjMuN3ogTTEwNi45LDMwaDEuOVYxNy41aC0xLjlWMzB6Ii8+Cgk8Zz4KCQkKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyMS43OTk2IiB5MT0iMTczLjI5MDQiIHgyPSI1LjAxNzIiIHkyPSIxNTYuNTA4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTgyLjAwMDIpIj4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzAwQTBGRiIvPgoJCQk8c3RvcCAgb2Zmc2V0PSI2LjU3NDQ1MGUtMDMiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMEExRkYiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC4yNjAxIiBzdHlsZT0ic3RvcC1jb2xvcjojMDBCRUZGIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuNTEyMiIgc3R5bGU9InN0b3AtY29sb3I6IzAwRDJGRiIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjc2MDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMERGRkYiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzAwRTNGRiIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEwLjQsNy41QzEwLjEsNy44LDEwLDguMywxMCw4Ljl2MjIuMWMwLDAuNiwwLjIsMS4xLDAuNSwxLjRsMC4xLDAuMWwxMi40LTEyLjRWMjB2LTAuMUwxMC40LDcuNUwxMC40LDcuNXoiCgkJCS8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzMuODM0MyIgeTE9IjE2MS45OTg3IiB4Mj0iOS42Mzc0IiB5Mj0iMTYxLjk5ODciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxODIuMDAwMikiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZFMDAwIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjAuNDA4NyIgc3R5bGU9InN0b3AtY29sb3I6I0ZGQkQwMCIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjc3NTQiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkE1MDAiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGOUMwMCIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTI3LDI0LjNsLTQuMS00LjFWMjB2LTAuMWw0LjEtNC4xbDAuMSwwLjFsNC45LDIuOGMxLjQsMC44LDEuNCwyLjEsMCwyLjlMMjcsMjQuM0wyNywyNC4zeiIvPgoJCQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI0LjgyNjkiIHkxPSIxNTkuNzA0IiB4Mj0iMi4wNjg2IiB5Mj0iMTM2Ljk0NTciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxODIuMDAwMikiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzQTQ0Ii8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNDMzExNjIiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0yNy4xLDI0LjJMMjIuOSwyMEwxMC40LDMyLjVjMC41LDAuNSwxLjIsMC41LDIuMSwwLjFMMjcuMSwyNC4yIi8+CgkJCgkJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy4yOTcyIiB5MT0iMTgxLjgyMzkiIHgyPSIxNy40NTk4IiB5Mj0iMTcxLjY2MTQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxODIuMDAwMikiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMzJBMDcxIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjYuODUwMDAwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6IzJEQTc3MSIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIwLjQ3NjIiIHN0eWxlPSJzdG9wLWNvbG9yOiMxNUNGNzQiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC44MDA5IiBzdHlsZT0ic3RvcC1jb2xvcjojMDZFNzc1Ii8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMEYwNzYiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0yNy4xLDE1LjhMMTIuNSw3LjVjLTAuOS0wLjUtMS42LTAuNC0yLjEsMC4xTDIyLjksMjBMMjcuMSwxNS44eiIvPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNMjcsMjQuMWwtMTQuNSw4LjJjLTAuOCwwLjUtMS41LDAuNC0yLDBsMCwwbC0wLjEsMC4xbDAsMGwwLjEsMC4xbDAsMGMwLjUsMC40LDEuMiwwLjUsMiwwTDI3LDI0LjFMMjcsMjQuMQoJCQkJeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNMTAuNCwzMi4zQzEwLjEsMzIsMTAsMzEuNSwxMCwzMC45djAuMWMwLDAuNiwwLjIsMS4xLDAuNSwxLjRWMzIuM0wxMC40LDMyLjN6Ii8+CgkJPC9nPgoJCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0zMiwyMS4zbC01LDIuOGwwLjEsMC4xbDQuOS0yLjhjMC43LTAuNCwxLTAuOSwxLTEuNGwwLDBDMzMsMjAuNSwzMi42LDIwLjksMzIsMjEuM3oiLz4KCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTEyLjUsNy42TDMyLDE4LjdjMC42LDAuNCwxLDAuOCwxLDEuM2wwLDBjMC0wLjUtMC4zLTEtMS0xLjRMMTIuNSw3LjVDMTEuMSw2LjcsMTAsNy4zLDEwLDguOXYwLjEKCQkJQzEwLDcuNSwxMS4xLDYuOCwxMi41LDcuNnoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K\"","export default __webpack_public_path__ + \"static/img1-b63bdc4c20a119c87feb6dffdb008474.jpg\";","export default __webpack_public_path__ + \"static/pic01-8e4b4a2eaead57f7a88b7d638e45e6cb.jpg\";","export default __webpack_public_path__ + \"static/img2-38d2347b1a6ad57ec10880ce4ea584cb.jpg\";","export default __webpack_public_path__ + \"static/img3-9540c8e1e0d0647e4ad1e7b0125c9237.jpg\";","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport pic01 from '../images/pic01.jpg'\nimport pic02 from '../images/pic02.jpg'\nimport pic03 from '../images/pic03.jpg'\n\nimport img1 from '../images/img1.jpg'\nimport img2 from '../images/img2.jpg'\nimport img3 from '../images/img3.jpg'\n\nclass Main extends React.Component {\n  render() {\n\n    let close = <div className=\"close\" onClick={() => {this.props.onCloseArticle()}}></div>\n\n    return (\n      <div ref={this.props.setWrapperRef} id=\"main\" style={this.props.timeout ? {display: 'flex'} : {display: 'none'}}>\n\n        <article id=\"intro\" className={`${this.props.article === 'intro' ? 'active' : ''} ${this.props.articleTimeout ? 'timeout' : ''}`} style={{display:'none'}}>\n          <h2 className=\"major\">Grafhouseについて</h2>\n          <span className=\"image main\"><img src={img1} alt=\"\" /></span>\n           <p>Grafhouseはアカウント不要のお絵描きSNSです。投稿はすべて匿名で行われます。手書き画像のみを投稿することが可能です。投稿された画像に編集を加えて再投稿することができます。</p>\n           <p>コラボレーションを繰り返して素晴らしい落書き(Graffiti)が生まれることを期待します。</p>\n          {close}\n        </article>\n\n        <article id=\"work\" className={`${this.props.article === 'work' ? 'active' : ''} ${this.props.articleTimeout ? 'timeout' : ''}`} style={{display:'none'}}>\n          <h2 className=\"major\">著作権と利用規約</h2>\n          <span className=\"image main\"><img src={img2} alt=\"\" /></span>\n          <p>著作権</p>\n          <p>下記の条件を受け入れていただけるのであれば、誰でも自由に無料で、このソフトウェアをつかっていただくことができます。</p>\n          <p>アプリ内に投稿したイラスト及びメッセージの権利を全て放棄してください。</p>\n          <p>ユーザーは、自ら著作権等の必要な知的財産権を有するか、または必要な権利者の許諾を得た文章、画像や映像等の情報に関してのみ、本サービスを利用し、投稿ないしアップロードすることができるものとします。</p>\n          <p>アプリ内に投稿されたイラスト及びメッセージはコピーしてつかったり、配布したり、変更を加えたり、変更を加えたものを配布したり、商用利用したり、有料で販売したり、なんにでも自由につかってください。</p>\n          <p>このソフトウェアにはなんの保証もついていません。たとえ、このソフトウェアを利用したことでなにか問題が起こったとしても、作者はなんの責任も負いません。</p>\n          <p> </p>\n          <p>利用規約</p>\n          <p>Grafhouse は、主にアプリユーザーの情報共有・交流・コラボレーションを目的とするコミュニティです。</p>\n          <p>我々(Grafhouse運営)はすべての参加者がそのコミュニティから歓迎され、楽しんで頂くことをめざしています。</p>\n          <p>そのためには、Grafhouse関連コミュニティにおける主催者やスタッフ、出展者、観客などのすべての参加者の皆様は、本行動規範に則って他の参加者に対して敬意と礼儀をもってコミュニティに参加いただくようにお願いいたします。</p>\n          <p>Grafhouse関連コミュニティでは全ての人を歓迎します。</p>\n          <p>そのために、他の参加者が不快に感じる行為はそれがどのような形であっても許容いたしません。</p>\n          <p>参加者の皆さまは他の参加者の様々な背景に配慮してください。あなたの何気ない投稿や行動で悲しむ人がいるかもしれません。注意深く、優しく振る舞ってください。</p>\n          <p>我々運営は参加者の皆さまの権利を守るため、規範に反する方へ注意だけではなくコミュニティから退場させたり、場合によっては法的機関への相談など、適切と思われる対応をおこないます。</p>\n          <p>もしあなた、ないしは他の参加者がハラスメント行為を受けた場合、お近くのGrafhouseスタッフにご相談いただくか、アプリに明記された連絡窓口にご連絡ください。</p>\n          <p>お知らせ頂いた内容は法的な情報開示の必要性がある場合を除いて、あなたの同意がないかぎり匿名で扱いますのでご安心ください。</p>\n          {close}\n        </article>\n\n        <article id=\"about\" className={`${this.props.article === 'about' ? 'active' : ''} ${this.props.articleTimeout ? 'timeout' : ''}`} style={{display:'none'}}>\n          <h2 className=\"major\">プライバシーポリシー</h2>\n          <span className=\"image main\"><img src={img3} alt=\"\" /></span>\n          <p>Grafhouseは一切のユーザー情報を取得しません</p>\n          <p>ユーザーの個人情報には1ミリも興味がありません。これまでも、そしてこれからも。</p>\n          {close}\n        </article>\n\n        <article id=\"contact\" className={`${this.props.article === 'contact' ? 'active' : ''} ${this.props.articleTimeout ? 'timeout' : ''}`} style={{display:'none'}}>\n          <h2 className=\"major\">連絡先</h2>\n          <p>アプリについてのご意見ご感想は作者のツイッターか下記メールアドレスにお寄せください。多くのフィードバックをお待ちしております。</p>\n          <p className=\"icon fa-mail-forward\"> grafhouse.staff@gmail.com</p>\n          <ul className=\"icons\">\n            <li><a href=\"https://twitter.com/votepurchase\" className=\"icon fa-twitter\"><span className=\"label\">Twitter</span></a></li>\n          </ul>\n          {close}\n        </article>\n\n      </div>\n    )\n  }\n}\n\nMain.propTypes = {\n  route: PropTypes.object,\n  article: PropTypes.string,\n  articleTimeout: PropTypes.bool,\n  onCloseArticle: PropTypes.func,\n  timeout: PropTypes.bool,\n  setWrapperRef: PropTypes.func.isRequired,\n}\n\nexport default Main","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst Footer = (props) => (\n    <footer id=\"footer\" style={props.timeout ? {display: 'none'} : {}}>\n        <p className=\"copyright\">&copy; Grafhouse @votepurchase. Powered with: <a href=\"https://reactnative.dev\">React Native</a> Built with: <a href=\"https://www.gatsbyjs.org/\">Gatsby.js</a></p>\n    </footer>\n)\n\nFooter.propTypes = {\n    timeout: PropTypes.bool\n}\n\nexport default Footer\n","import React from 'react'\nimport Layout from '../components/layout'\n\nimport Header from '../components/Header'\nimport Main from '../components/Main'\nimport Footer from '../components/Footer'\n\nclass IndexPage extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      isArticleVisible: false,\n      timeout: false,\n      articleTimeout: false,\n      article: '',\n      loading: 'is-loading'\n    }\n    this.handleOpenArticle = this.handleOpenArticle.bind(this)\n    this.handleCloseArticle = this.handleCloseArticle.bind(this)\n    this.setWrapperRef = this.setWrapperRef.bind(this);\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n  }\n\n  componentDidMount () {\n    this.timeoutId = setTimeout(() => {\n        this.setState({loading: ''});\n    }, 100);\n    document.addEventListener('mousedown', this.handleClickOutside);\n  }\n\n  componentWillUnmount () {\n    if (this.timeoutId) {\n        clearTimeout(this.timeoutId);\n    }\n    document.removeEventListener('mousedown', this.handleClickOutside);\n  }\n\n  setWrapperRef(node) {\n    this.wrapperRef = node;\n  }\n\n  handleOpenArticle(article) {\n\n    this.setState({\n      isArticleVisible: !this.state.isArticleVisible,\n      article\n    })\n\n    setTimeout(() => {\n      this.setState({\n        timeout: !this.state.timeout\n      })\n    }, 325)\n\n    setTimeout(() => {\n      this.setState({\n        articleTimeout: !this.state.articleTimeout\n      })\n    }, 350)\n\n  }\n\n  handleCloseArticle() {\n\n    this.setState({\n      articleTimeout: !this.state.articleTimeout\n    })\n\n    setTimeout(() => {\n      this.setState({\n        timeout: !this.state.timeout\n      })\n    }, 325)\n\n    setTimeout(() => {\n      this.setState({\n        isArticleVisible: !this.state.isArticleVisible,\n        article: ''\n      })\n    }, 350)\n\n  }\n\n  handleClickOutside(event) {\n    if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\n      if (this.state.isArticleVisible) {\n        this.handleCloseArticle();\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Layout location={this.props.location}>\n        <div className={`body ${this.state.loading} ${this.state.isArticleVisible ? 'is-article-visible' : ''}`}>\n          <div id=\"wrapper\">\n            <Header onOpenArticle={this.handleOpenArticle} timeout={this.state.timeout} />\n            <Main\n              isArticleVisible={this.state.isArticleVisible}\n              timeout={this.state.timeout}\n              articleTimeout={this.state.articleTimeout}\n              article={this.state.article}\n              onCloseArticle={this.handleCloseArticle}\n              setWrapperRef={this.setWrapperRef}\n            />\n            <Footer timeout={this.state.timeout} />\n          </div>\n          <div id=\"bg\"></div>\n        </div>\n      </Layout>\n    )\n  }\n}\n\nexport default IndexPage\n"],"sourceRoot":""}