{"version":3,"sources":["webpack://gatsby-simple-tailwindcss-blog/./src/components/PostCard.js","webpack://gatsby-simple-tailwindcss-blog/./src/components/pagination.js","webpack://gatsby-simple-tailwindcss-blog/./src/templates/index.js"],"names":["post","postData","frontmatter","className","Link","to","fields","slug","title","date","description","excerpt","allPagesNum","nextPage","previousPage","nowPageNum","prevIcon","xmlns","viewBox","fill","fillRule","d","clipRule","nextIcon","items","i","push","key","pageContext","posts","sitedata","Layout","map","node","id"],"mappings":"4OAqBA,EAlBiB,SAAC,GAAc,IAAZA,EAAW,EAAXA,KACZC,EAAWD,EAAKE,YACtB,OACE,eAAKC,UAAU,uBACb,cAAIA,UAAU,0EACZ,QAAC,EAAAC,KAAD,CAAMC,GAAIL,EAAKM,OAAOC,MAAON,EAASO,SAExC,gBAAML,UAAU,4CACbF,EAASQ,OAGZ,aAAGN,UAAU,oCACVF,EAASS,aAAeV,EAAKW,W,UCyFtC,EArGmB,SAAC,GA+ClB,IA/C2E,IAAvDC,EAAsD,EAAtDA,YAAaC,EAAyC,EAAzCA,SAAUC,EAA+B,EAA/BA,aAAcC,EAAiB,EAAjBA,WAEnDC,GACJ,eACEb,UAAU,UACVc,MAAM,6BACNC,QAAQ,YACRC,KAAK,eACL,cAAY,SAEZ,gBACEC,SAAS,UACTC,EAAE,oHACFC,SAAS,aAITC,GACJ,eACEpB,UAAU,UACVc,MAAM,6BACNC,QAAQ,YACRC,KAAK,eACL,cAAY,SAEZ,gBACEC,SAAS,UACTC,EAAE,qHACFC,SAAS,aAkBTE,EAAQ,GACLC,EAAI,EAAGA,GAAKb,EAAaa,IAChCD,EAAME,KACJD,IAAMV,GACJ,gBAAMY,IAAKF,EAAGtB,UAdlB,8HAeOsB,IAGH,QAAC,EAAArB,KAAD,CAAMuB,IAAKF,EAAGpB,GAAU,IAANoB,EAAU,IAAV,SAAyBA,EAAKtB,UApBpD,kIAqBOsB,IAMT,OACE,eAAKtB,UAAU,iCACb,eAAKA,UAAU,4CACb,oBACE,eACEA,UAAU,4DACV,aAAW,cAGM,MAAhBW,GAEC,gBAAMX,UA9BhB,yIA+Baa,IAIH,QAAC,EAAAZ,KAAD,CAAMC,GAAIS,EAAcX,UAvClC,+IAwCaa,GAGJQ,EAEY,MAAZX,GAEC,gBAAMV,UAzChB,yIA0CaoB,IAIH,QAAC,EAAAnB,KAAD,CAAMC,GAAIQ,EAAUV,UAlD9B,+IAmDaoB,QCpEjB,EApBkB,SAAC,GAAqB,IAAnBK,EAAkB,EAAlBA,YACXC,EAAqED,EAArEC,MAAOC,EAA8DF,EAA9DE,SAAUlB,EAAoDgB,EAApDhB,YAAaC,EAAuCe,EAAvCf,SAAUC,EAA6Bc,EAA7Bd,aAAcC,EAAea,EAAfb,WAC9D,OACE,QAACgB,EAAA,EAAD,CAAQD,SAAUA,IAChB,QAAC,IAAD,CAAKtB,MAAM,UACX,gBAAML,UAAU,YACb0B,EAAMG,KAAI,SAACC,GAAD,OACT,QAAC,EAAD,CAAUN,IAAKM,EAAKC,GAAIlC,KAAMiC,SAGlC,QAAC,EAAD,CACErB,YAAaA,EACbC,SAAUA,EACVC,aAAcA,EACdC,WAAYA","file":"component---src-templates-index-js-a26a116b9e144f5422d1.js","sourcesContent":["import * as React from \"react\";\nimport { Link } from \"gatsby\";\n\nconst PostCard = ({ post }) => {\n  const postData = post.frontmatter;\n  return (\n    <div className=\"py-5 leading-loose\">\n      <h2 className=\"transition text-indigo-500 hover:text-indigo-800 dark:text-indigo-400\">\n        <Link to={post.fields.slug}>{postData.title}</Link>\n      </h2>\n      <span className=\"text-gray-500 dark:text-gray-200 text-sm\">\n        {postData.date}\n      </span>\n      {/* 无描述则抽正文截断 */}\n      <p className=\"text-gray-600 dark:text-gray-200\">\n        {postData.description || post.excerpt}\n      </p>\n    </div>\n  );\n};\n\nexport default PostCard;\n","import React from \"react\";\nimport { Link } from \"gatsby\";\n// 😵\nconst Pagination = ({ allPagesNum, nextPage, previousPage, nowPageNum }) => {\n  // icon\n  const prevIcon = (\n    <svg\n      className=\"h-5 w-5\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 20 20\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n  const nextIcon = (\n    <svg\n      className=\"h-5 w-5\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 20 20\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n  // btnStyle\n  const normalStyle =\n    \"bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium\";\n  const activeStyle =\n    \"z-10 bg-indigo-50 border-indigo-500 text-indigo-600 relative inline-flex items-center px-4 py-2 border text-sm font-medium\";\n  const prevBtnStyle =\n    \"relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50\";\n  const nextBtnStyle =\n    \"relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50\";\n  const prevBtnDisableStyle =\n    \"opacity-50 relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500\";\n  const nextBtnDisableStyle =\n    \"opacity-50 relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500\";\n  // render items btn\n    let items = [];\n  for (let i = 1; i <= allPagesNum; i++) {\n    items.push(\n      i === nowPageNum ? (\n        <span key={i} className={activeStyle}>\n          {i}\n        </span>\n      ) : (\n        <Link key={i} to={i === 1 ? \"/\" : `/page/${i}`} className={normalStyle}>\n          {i}\n        </Link>\n      )\n    );\n  }\n\n  return (\n    <div className=\"border-t p-5 border-gray-200\">\n      <div className=\"flex-1 flex items-center justify-center\">\n        <div>\n          <nav\n            className=\"relative z-0 inline-flex rounded-md shadow-sm -space-x-px\"\n            aria-label=\"Pagination\"\n          >\n            {/* prev btn */}\n            {previousPage == null ? (\n              // null prev\n              <span className={prevBtnDisableStyle}>\n                {prevIcon}\n              </span>\n            ) : (\n              // prev\n              <Link to={previousPage} className={prevBtnStyle}>\n                {prevIcon}\n              </Link>\n            )}\n            {items}\n            {/* next btn */}\n            {nextPage == null ? (\n              // null next\n              <span className={nextBtnDisableStyle}>\n                {nextIcon}\n              </span>\n            ) : (\n              // next\n              <Link to={nextPage} className={nextBtnStyle}>\n                {nextIcon}\n              </Link>\n            )}\n          </nav>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Pagination;\n","import * as React from \"react\";\nimport Layout from \"../components/Layout\";\nimport PostCard from \"../components/PostCard\";\nimport Seo from \"../components/seo\";\nimport Pagination from \"../components/pagination\";\n\nconst BlogIndex = ({ pageContext }) => {\n  const { posts, sitedata, allPagesNum, nextPage, previousPage, nowPageNum } = pageContext;\n  return (\n    <Layout sitedata={sitedata}>\n      <Seo title=\"所有文章\" />\n      <main className=\"divide-y\">\n        {posts.map((node) => (\n          <PostCard key={node.id} post={node} />\n        ))}\n      </main>\n      <Pagination\n        allPagesNum={allPagesNum}\n        nextPage={nextPage}\n        previousPage={previousPage}\n        nowPageNum={nowPageNum}\n      />\n    </Layout>\n  );\n};\n\nexport default BlogIndex;\n"],"sourceRoot":""}