{"version":3,"sources":["webpack:///./src/components/post-link.js","webpack:///./src/templates/tags.js"],"names":["Post","styled","div","Title","h2","Description","p","Date","span","StyledLink","Link","PostLink","post","to","frontmatter","slug","icon","faCalendarAlt","postedAt","updatedAt","faRedo","thumbnail","filename","title","description","excerpt","tags","SiteTitle","PageHeading","h1","PostList","Tags","pageContext","data","tag","allMarkdownRemark","edges","tagHeader","totalCount","Posts","filter","edge","node","map","key","id","xmlns","viewBox","data-name","d","faTags"],"mappings":"8FAAA,iGAqBMA,EAAOC,IAAOC,IAAV,qEAAGD,CAAH,0XA6BJE,EAAQF,IAAOG,GAAV,sEAAGH,CAAH,qCAKLI,EAAcJ,IAAOK,EAAV,4EAAGL,CAAH,oCAKXM,EAAON,IAAOO,KAAV,qEAAGP,CAAH,wCAKJQ,EAAaR,YAAOS,QAAV,2EAAGT,CAAH,yGAcDU,IAtEE,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACf,kBAACZ,EAAD,KACE,kBAACS,EAAD,CAAYI,GAAI,SAAWD,EAAKE,YAAYC,MAC1C,kBAAC,IAAD,CAAiBC,KAAMC,MAAgB,kBAACV,EAAD,KAAOK,EAAKE,YAAYI,UAAmBN,EAAKE,YAAYK,UAAa,oCAAE,kBAAC,IAAD,CAAiBH,KAAMI,MAAS,kBAACb,EAAD,KAAOK,EAAKE,YAAYK,YAAuB,GAC9LP,EAAKE,YAAYO,UAAa,kBAAC,IAAD,CAAOC,SAAUV,EAAKE,YAAYO,YAAe,kBAAC,IAAD,CAAOC,SAN/E,0BAOV,kBAACnB,EAAD,KAAQS,EAAKE,YAAYS,OACtBX,EAAKE,YAAYU,YAAe,kBAACnB,EAAD,KAAcO,EAAKE,YAAYU,aAA6B,kBAACnB,EAAD,KAAcO,EAAKa,UAEpH,kBAAC,IAAD,CAAKC,KAAMd,EAAKE,YAAYY,U,kCCjBhC,gIA0CMC,EAAY1B,IAAOC,IAAV,kEAAGD,CAAH,+BAKT2B,EAAc3B,IAAO4B,GAAV,oEAAG5B,CAAH,iEAOX6B,EAAW7B,IAAOC,IAAV,iEAAGD,CAAH,kCA4BC8B,UAvEF,SAAC,GAA2B,IAAzBC,EAAwB,EAAxBA,YAAaC,EAAW,EAAXA,KACnBC,EAAQF,EAARE,IAD8B,EAERD,EAAKE,kBAA3BC,EAF8B,EAE9BA,MACFC,EAAeH,EAAN,IAHuB,EAEvBI,WACA,IACTC,EAAQH,EACXI,QAAO,SAAAC,GAAI,QAAMA,EAAKC,KAAK5B,YAAYI,YACvCyB,KAAI,SAAAF,GAAI,OAAI,kBAAC,IAAD,CAAUG,IAAKH,EAAKC,KAAKG,GAAIjC,KAAM6B,EAAKC,UAEvD,OACE,oCACA,kBAAC,IAAD,KACE,kBAAC,OAAD,CAAM7B,GAAG,KACP,kBAACc,EAAD,KACE,yBAAKmB,MAAM,6BAA6BC,QAAQ,oBAAmB,uBAAGC,YAAU,UAAS,uBAAGA,YAAU,UAAS,0BAAMC,EAAE,wtGAA6tG,0BAAMA,EAAE,0QAGh2G,kBAACrB,EAAD,KAAa,kBAAC,IAAD,CAAiBZ,KAAMkC,MAAWb,IAEjD,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEd,MAAOc,IAGT,kBAACP,EAAD,KACGS","file":"component---src-templates-tags-js-0f9305dfd8d87df50d4d.js","sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\nimport styled from 'styled-components'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faCalendarAlt, faRedo } from '@fortawesome/free-solid-svg-icons'\nimport Image from \"./image\"\nimport Tag from \"./tag\"\nconst nothumb = 'thumbnail/nothumb.jpg'\n\nconst PostLink = ({ post }) => (\n \n \n {post.frontmatter.postedAt}{ (post.frontmatter.updatedAt) ? <>{post.frontmatter.updatedAt} : \"\" }\n { (post.frontmatter.thumbnail) ? : }\n {post.frontmatter.title}\n { (post.frontmatter.description) ? {post.frontmatter.description} : {post.excerpt} }\n \n \n \n)\n\nconst Post = styled.div`\n margin-bottom: 50px;\n background-color: #fff;\n padding: .5rem .8rem;;\n border: 1px solid #f1f1f1;\n border-radius: 5px;\n\n @media only screen and (min-width: 600px) {\n flex: 0 0 calc((100% - 15px) / 2);\n margin-right: 15px;\n\n &:nth-child(2n) {\n margin-right: 0;\n }\n }\n\n @media only screen and (min-width: 960px) {\n flex: 0 0 calc((100% - 30px) / 3);\n\n &:nth-child(2n) {\n margin-right: 15px;\n }\n\n &:nth-child(3n) {\n margin-right: 0;\n }\n }\n`\n\nconst Title = styled.h2`\n font-size: 1rem;\n margin: 1rem 0 0;\n`\n\nconst Description = styled.p`\n font-size: .7rem;\n margin: 1rem 0;\n`\n\nconst Date = styled.span`\n font-size: .8rem;\n margin-right: 1rem;\n`\n\nconst StyledLink = styled(Link)`\n text-decoration: none;\n color: inherit;\n\n &:hover {\n text-decoration: none;\n color: #4078c0;\n\n picture {\n opacity: .9;\n }\n }\n`\n\nexport default PostLink\n","import React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport styled from 'styled-components'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faTags } from '@fortawesome/free-solid-svg-icons'\nimport Layout from \"../components/layout\"\nimport HeaderContainer from \"../components/headerContainer\"\nimport PostLink from \"../components/post-link\"\nimport SEO from \"../components/seo\"\n\nconst Tags = ({ pageContext, data }) => {\n const { tag } = pageContext\n const { edges, totalCount } = data.allMarkdownRemark\n const tagHeader = `${tag} ${totalCount}件`\n const Posts = edges\n .filter(edge => !!edge.node.frontmatter.postedAt) // You can filter your posts based on some criteria\n .map(edge => )\n\n return (\n <>\n \n \n \n \n \n \n {tagHeader}\n \n \n \n\n \n {Posts}\n \n \n \n )\n}\n\nconst SiteTitle = styled.div`\n width: 100px;\n fill: #333231;\n`\n\nconst PageHeading = styled.h1`\n font-size: 1.5rem;\n margin-top: 1rem;\n color: #333231;\n border: none;\n`\n\nconst PostList = styled.div`\n display: flex;\n flex-wrap: wrap;\n`\n\nTags.propTypes = {\n pageContext: PropTypes.shape({\n tag: PropTypes.string.isRequired,\n }),\n data: PropTypes.shape({\n allMarkdownRemark: PropTypes.shape({\n totalCount: PropTypes.number.isRequired,\n edges: PropTypes.arrayOf(\n PropTypes.shape({\n node: PropTypes.shape({\n frontmatter: PropTypes.shape({\n title: PropTypes.string.isRequired,\n }),\n fields: PropTypes.shape({\n path: PropTypes.string.isRequired,\n }),\n }),\n }).isRequired\n ),\n }),\n }),\n}\n\nexport default Tags\n\nexport const pageQuery = graphql`\n query($tag: String) {\n allMarkdownRemark(\n sort: { fields: [frontmatter___postedAt], order: DESC }\n filter: { frontmatter: { tags: { in: [$tag] } } }\n ) {\n totalCount\n edges {\n node {\n id\n excerpt(pruneLength: 140)\n html\n frontmatter {\n title\n thumbnail\n postedAt(formatString: \"YYYY/MM/DD\")\n updatedAt(formatString: \"YYYY/MM/DD\")\n tags\n slug\n description\n }\n }\n }\n }\n }\n`\n"],"sourceRoot":""}