{"version":3,"sources":["webpack:///./src/components/tag.js","webpack:///./src/pages/entry.tsx","webpack:///./src/components/thumb.js","webpack:///./src/components/cassette.js","webpack:///./src/components/tags.js"],"names":["Tag","tag","trim","to","value","style","backgroundColor","borderWidth","margin","padding","borderRadius","EntriesIndex","data","location","siteTitle","site","siteMetadata","title","posts","allMarkdownRemark","edges","map","node","link","fields","slug","substr","Thumb","hero","src","alt","width","height","objectFit","objectPosition","Cassette","frontmatter","key","href","boxShadow","textDecoration","color","marginBottom","display","paddingLeft","paddingRight","fontSize","dangerouslySetInnerHTML","__html","date","rhythm","paddingBottom","paddingTop","borderLeft","tags","description","flex","alignSelf","position","excerpt","Tags","str","split"],"mappings":"2FAAA,qCAwBeA,IArBH,SAAC,GAAW,IAAVC,EAAS,EAATA,IAGZ,OAFAA,EAAMA,EAAIC,OAGR,kBAAC,OAAD,CAAMC,GAAE,QAAUF,GAChB,4BACEG,MAAOH,EACPI,MAAO,CACLC,gBAAiB,UACjBC,YAAa,EACbC,OAAQ,EACRC,QAAS,EACTC,aAAc,IAGfT,M,kCClBT,gFAgCeU,UAjBqC,SAAC,GAAuB,IAArBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACrDC,EAAYF,EAAKG,KAAKC,aAAaC,MACnCC,EAAQN,EAAKO,kBAAkBC,MAErC,OACE,kBAAC,IAAD,CAAQP,SAAUA,EAAUI,MAAOH,GACjC,kBAAC,IAAD,CAAKG,MAAM,cACVC,EAAMG,KAAI,YAAc,IAAXC,EAAW,EAAXA,KACZ,OACE,kBAAC,IAAD,CAAUA,KAAMA,EAAMC,KAAMD,EAAKE,OAAOC,KAAKC,OAAO,QAG1D,kBAAC,IAAD,S,mFCXWC,EAdD,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAEf,OAAKA,EAED,yBAAKC,IAAMD,EAAOE,IAAM,iBAAmBzB,MAAO,CAAE0B,MAAO,OAAQC,OAAQ,OAAQC,UAAW,QAASC,eAAgB,SAIvH,yBAAKL,IAAK,eAAgBC,IAAM,iBAAoBzB,MAAO,CAAE0B,MAAO,OAAQC,OAAQ,OAAQC,UAAW,QAASC,eAAgB,UCmEvHC,IAvEE,SAAC,GAAoB,IAAlBb,EAAiB,EAAjBA,KAAMC,EAAW,EAAXA,KAElBN,EAAQK,EAAKc,YAAYnB,OAASK,EAAKE,OAAOC,KACpD,OACE,6BAASY,IAAKf,EAAKE,OAAOC,KAAMpB,MAAO,CAAEI,QAAS,WAAYD,OAAQ,aACpE,gCACE,uBAAG8B,KAAI,UAAYf,EAAQlB,MAAO,CAAEkC,UAAU,OAASC,eAAe,OAASC,MAAM,SACnF,6BACE,6BACEpC,MAAO,CACLqC,aAAc,EACdC,QAAS,eACTC,YAAa,EACbC,aAAc,EACdvC,gBAAiB,OACjBmC,MAAO,OACPK,SAAU,IAEZC,wBAAyB,CAACC,OAAQ1B,EAAKc,YAAYa,QAErD,wBACE5C,MAAO,CACLqC,aAAcQ,YAAO,EAAI,GACzBN,YAAa,OACbO,cAAe,OACfC,WAAY,OACZ9C,gBAAiB,OACjB+C,WAAY,mBAEdN,wBAAyB,CAACC,OAAQ/B,OAIxC,kBAAC,IAAD,CAAMqC,KAAOhC,EAAKc,YAAYmB,eAEhC,6BAASlD,MAAO,CAACG,OAAQ,oBACvB,uBAAG8B,KAAI,UAAYf,EAAQlB,MAAO,CAAEkC,UAAU,OAASC,eAAe,OAASC,MAAM,SACnF,yBACEpC,MAAO,CACLsC,QAAS,SAGX,yBACEtC,MAAO,CACLmD,KAAM,EACNb,QAAS,cACTc,UAAW,aACXC,SAAU,WACVN,WAAY,IAGd,kBAAC,EAAD,CAAOxB,KAAON,EAAKc,YAAYR,QAEjC,yBACEvB,MAAO,CACLmD,KAAM,EACNb,QAAS,cACTc,UAAW,aACXb,YAAa,GACbC,aAAc,IAEhBE,wBAAyB,CAACC,OAAQ1B,EAAKqC,iB,oCCnErD,qCAoBeC,IAjBF,SAAC,GAAY,IAAXN,EAAU,EAAVA,KACPO,EAAMP,GAAe,GAE3B,MAAY,KAARO,EAEA,gCAIA,+BACW,KAARA,EAAa,GAAK,UACjBA,EAAIC,MAAM,KAAKzC,KAAK,SAACpB,GAAS,OAAS,kBAAC,IAAD,CAAKA,IAAKA,EAAKoC,IAAKpC","file":"component---src-pages-entry-tsx-39906e8735210b362e76.js","sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\n\nconst Tag = ({tag}) => {\n  tag = tag.trim( )\n\n  return (\n    <Link to={`/tag/${tag}`}>\n      <button\n        value={tag}\n        style={{\n          backgroundColor: \"#eeeeee\",\n          borderWidth: 0,\n          margin: 1,\n          padding: 1,\n          borderRadius: 2,\n        }}\n      >\n        {tag}\n      </button>\n    </Link>\n  )\n}\n\nexport default Tag\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\n\nimport Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\n\nimport Cassette from \"../components/cassette\"\nimport { EntriesIndexQuery } from '../../types/graphql-types'\n\ninterface IEntriesIndexProps {\n  data: EntriesIndexQuery;\n  location: Location;\n}\n\nconst EntriesIndex: React.FC<IEntriesIndexProps>  = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata.title\n  const posts = data.allMarkdownRemark.edges\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <SEO title=\"All posts\" />\n      {posts.map(({ node }) => {\n        return (\n          <Cassette node={node} link={node.fields.slug.substr(1)} />\n        )\n      })}\n    <Bio />\n    </Layout>\n  )\n}\n\nexport default EntriesIndex\n\nexport const pageQuery = graphql`\n  query EntriesIndex {\n    site {\n      siteMetadata {\n        title\n        description\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n      edges {\n        node {\n          excerpt(truncate: true, pruneLength: 100)\n          fields {\n            slug\n          }\n          html\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n            description\n            hero\n          }\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\n\nconst Thumb = ({ hero }) => {\n\n  if ( hero ){\n    return(\n      <img src={ hero } alt={ \"blog thumbnail\" } style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'top'}} />\n    )\n  }else{\n    return(\n      <img src={\"/mustang.jpg\"} alt={ \"blog thumbnail\" }  style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'top'}} />\n    )\n  }\n\n}\n\nexport default Thumb\n","import React from \"react\"\n\nimport { rhythm } from \"../utils/typography\"\nimport Tags from \"./tags\"\nimport Thumb from \"./thumb\"\n\nconst Cassette = ({ node, link }) => {\n\n  const title = node.frontmatter.title || node.fields.slug\n  return(\n    <article key={node.fields.slug} style={{ padding: \"10px 0px\", margin: \"10px 0px\" }}>\n      <header>\n        <a href={`/entry/${link}`} style={{ boxShadow: `none`, textDecoration: `none`, color: `#000` }}>\n          <div>\n            <section\n              style={{\n                marginBottom: 5,\n                display: \"inline-block\",\n                paddingLeft: 4,\n                paddingRight: 4,\n                backgroundColor: \"#000\",\n                color: \"#fff\",\n                fontSize: 10,\n              }}\n              dangerouslySetInnerHTML={{__html: node.frontmatter.date}}\n            />\n            <h3\n              style={{\n                marginBottom: rhythm(1 / 4),\n                paddingLeft: '10px',\n                paddingBottom: '10px',\n                paddingTop: '10px',\n                backgroundColor: '#eee',\n                borderLeft: \"10px solid #111\",\n              }}\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n          </div>\n        </a>\n        <Tags tags={ node.frontmatter.description } />\n      </header>\n      <section style={{margin: \"5px 0px 0px 0px\"}}>\n        <a href={`/entry/${link}`} style={{ boxShadow: `none`, textDecoration: `none`, color: `#000` }}>\n          <div\n            style={{\n              display: 'flex',\n            }}\n          >\n            <div\n              style={{\n                flex: 1,\n                display: 'inline-flex',\n                alignSelf: 'flex-start',\n                position: 'relative',\n                paddingTop: 5\n              }}\n            >\n              <Thumb hero={ node.frontmatter.hero } />\n            </div>\n            <div\n              style={{\n                flex: 2,\n                display: 'inline-flex',\n                alignSelf: 'flex-start',\n                paddingLeft: 10,\n                paddingRight: 10\n              }}\n              dangerouslySetInnerHTML={{__html: node.excerpt}}\n            />\n          </div>\n        </a>\n      </section>\n\n  </article>\n  )\n}\n\nexport default Cassette\n","import React from \"react\"\nimport Tag from \"./tag\"\n\nconst Tags = ({tags}) => {\n  const str = tags ?  tags : \"\";\n\n  if (str === \"\"  ) {\n    return(\n      <small></small>\n    )\n  } else {\n    return(\n      <small>\n        {str === \"\" ? \"\" : \"カテゴリー: \"}\n        { str.split(',').map( (tag) => {return ( <Tag tag={tag} key={tag} /> )} ) }\n      </small>\n    )\n  }\n}\n\nexport default Tags\n"],"sourceRoot":""}