component---src-pages-index-jsx-906e4f94806777f59e25.js.map

{"version":3,"sources":["webpack:///./src/pages/index.jsx","webpack:///./src/utils/changeColor.js","webpack:///./src/theme/variables.js","webpack:///./.cache/gatsby-browser-entry.js","webpack:///./src/utils/media.js","webpack:///./.cache/public-page-renderer.js","webpack:///./.cache/public-page-renderer-prod.js","webpack:///./src/theme/reset.js","webpack:///./src/theme/typography.js","webpack:///./src/theme/prism.js","webpack:///./src/theme/background.js","webpack:///./src/theme/global.js","webpack:///./src/theme/containers/BodyContainer.js","webpack:///./src/components/Line.js","webpack:///./src/theme/containers/NavContainer.js","webpack:///./src/components/Nav.jsx","webpack:///./src/theme/containers/FooterContainer.js","webpack:///./src/components/Footer.jsx","webpack:///./src/components/Layout.jsx","webpack:///./src/components/SEO.jsx","webpack:///./src/theme/containers/HeaderContainer.js","webpack:///./src/components/Header.jsx","webpack:///./node_modules/core-js/modules/es6.string.link.js","webpack:///./node_modules/core-js/modules/_string-html.js","webpack:///./src/theme/containers/NoteListContainer.js","webpack:///./src/theme/containers/PullMoreButton.js","webpack:///./src/components/NoteList.jsx"],"names":["__webpack_require__","r","__webpack_exports__","d","indexpageQuery","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","prop_types__WEBPACK_IMPORTED_MODULE_1__","prop_types__WEBPACK_IMPORTED_MODULE_1___default","components_Layout__WEBPACK_IMPORTED_MODULE_2__","components_NoteList__WEBPACK_IMPORTED_MODULE_3__","components_Header__WEBPACK_IMPORTED_MODULE_4__","components_SEO__WEBPACK_IMPORTED_MODULE_5__","Index","_ref","data","_data$site$siteMetada","site","siteMetadata","title","bio","a","createElement","keywords","subtitle","notes","allMarkdownRemark","edges","viewCount","defaultProps","propTypes","PropTypes","shape","string","arrayOf","node","excerpt","fields","slug","frontematter","date","changeColor","color","num","slice","lastIndexOf","parseFloat","Colors","Fonts","h","p","border","code","background","linkHover","link","subNav","basic","graphql","StaticQueryContext","StaticQuery","useStaticQuery","gatsby_link__WEBPACK_IMPORTED_MODULE_2__","gatsby_link__WEBPACK_IMPORTED_MODULE_2___default","_public_page_renderer__WEBPACK_IMPORTED_MODULE_3__","_public_page_renderer__WEBPACK_IMPORTED_MODULE_3___default","_parse_path__WEBPACK_IMPORTED_MODULE_4__","React","createContext","props","Consumer","staticQueryData","query","render","children","useContext","context","Error","object","isRequired","func","sizes","monitor","desktop","tablet","phone","tiny","none","Object","keys","reduce","acc","label","css","apply","arguments","m","module","exports","require","default","ProdPageRenderer","location","pageResources","loader","getResourcesForPathnameSync","pathname","InternalPageRenderer","assign","json","theme_reset","typography","prism","createGlobalStyle","_templateObject","resets","styled","div","withConfig","displayName","componentId","media","BodyContainer_templateObject","Wrapper","Line","react_default","Component","activeClassName","PATHS","Li","locationSlug","gatsby_browser_entry","to","length","split","Nav","NavContainer","map","path","Nav_Li","key","footer","FooterContainer_templateObject","Footer","FooterContainer","entries","name","rel","target","href","_4011262072","Fragment","global","Line_Line","BodyContainer","SEO","description","lang","meta","react__WEBPACK_IMPORTED_MODULE_1___default","gatsby__WEBPACK_IMPORTED_MODULE_4__","metaDescription","react_helmet__WEBPACK_IMPORTED_MODULE_3___default","htmlAttributes","titleTemplate","content","property","author","concat","join","_public_static_d_1667383364_json__WEBPACK_IMPORTED_MODULE_0__","header","Header","HeaderContainer","createHTML","url","this","$export","fails","defined","quot","tag","attribute","value","S","String","p1","replace","NAME","exec","O","P","F","test","toLowerCase","styled_components__WEBPACK_IMPORTED_MODULE_0__","theme_variables__WEBPACK_IMPORTED_MODULE_1__","Button","_templateObject2","number","NoteList","filter","_","i","_ref2","NoteListContainer","frontmatter","dangerouslySetInnerHTML","__html","_ref3","step","_useState","useState","count","setCount","NoteList_NoteList","PullMoreButton","onClick","onMouseDown","e","preventDefault"],"mappings":"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","file":"component---src-pages-index-jsx-906e4f94806777f59e25.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\n// import ReactAudioPlayer from 'react-audio-player';\n\nimport Layout from 'components/Layout';\nimport NoteList from 'components/NoteList';\nimport Header from 'components/Header';\nimport SEO from 'components/SEO';\n\nconst Index = ({ data }) => {\n  const { title, bio } = data.site.siteMetadata;\n  return (\n    <Layout>\n      <SEO title={title} keywords={['blog', 'gatsby', 'javascript', 'react']} />\n      <Header title={title} subtitle={bio} />\n      {/*<ReactAudioPlayer*/}\n      {/*  src=\"/audio/123.m4a\"*/}\n      {/*  autoPlay*/}\n      {/*  controls*/}\n      {/*/>*/}\n      <NoteList notes={data.allMarkdownRemark.edges} viewCount={3} />\n    </Layout>\n  );\n};\n\nIndex.defaultProps = {\n  data: {\n    site: {\n      siteMetadata: {\n        title: '',\n        bio: '',\n      },\n    },\n    allMarkdownRemark: {\n      edges: [],\n    },\n  },\n};\n\nIndex.propTypes = {\n  data: PropTypes.shape({\n    site: PropTypes.shape({\n      siteMetadata: PropTypes.shape({\n        title: PropTypes.string,\n        bio: PropTypes.string,\n      }),\n    }),\n    allMarkdownRemark: PropTypes.shape({\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            excerpt: PropTypes.string,\n            fields: PropTypes.shape({\n              slug: PropTypes.string,\n            }),\n            frontematter: PropTypes.shape({\n              date: PropTypes.string,\n              title: PropTypes.string,\n            }),\n          }),\n        })\n      ),\n    }),\n  }),\n};\n\nexport default Index;\n\nexport const indexpageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n        bio\n      }\n    }\n    allMarkdownRemark(\n      limit: 1000\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { draft: { ne: true } } }\n    ) {\n      edges {\n        node {\n          excerpt\n          fields {\n            slug\n          }\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n          }\n        }\n      }\n    }\n  }\n`;\n","export default (color, num) =>\n  `${color.slice(0, color.lastIndexOf(','))}, ${parseFloat(\n    color.slice(color.lastIndexOf(',') + 1, color.lastIndexOf(')'))\n  ) * num})`;\n","import changeColor from 'utils/changeColor';\n\nconst h = 'hsla(0, 0%, 0%, 1)';\nconst background = 'hsla(0, 0%, 100%, 1)';\nconst linkHover = 'hsla(192, 100%, 50%, 1)';\n\nexport const Colors = {\n  h,\n  p: changeColor(h, 0.8),\n  border: changeColor(h, 0.15),\n  code: changeColor(h, 0.1),\n  background,\n  linkHover,\n  link: changeColor(h, 0.35),\n  subNav: changeColor(h, 0.2),\n};\n\nexport const Fonts = {\n  basic:\n    '-apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif, Georgia, serif, sans-serif',\n  code: \"'Source Code Pro', monospace\",\n};\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n  withPrefix,\n  navigate,\n  push,\n  replace,\n  navigateTo,\n} from \"gatsby-link\"\nimport PageRenderer from \"./public-page-renderer\"\nimport parsePath from \"./parse-path\"\n\nconst StaticQueryContext = React.createContext({})\n\nconst StaticQuery = props => (\n  <StaticQueryContext.Consumer>\n    {staticQueryData => {\n      if (\n        props.data ||\n        (staticQueryData[props.query] && staticQueryData[props.query].data)\n      ) {\n        return (props.render || props.children)(\n          props.data ? props.data.data : staticQueryData[props.query].data\n        )\n      } else {\n        return <div>Loading (StaticQuery)</div>\n      }\n    }}\n  </StaticQueryContext.Consumer>\n)\n\nconst useStaticQuery = query => {\n  if (\n    typeof React.useContext !== `function` &&\n    process.env.NODE_ENV === `development`\n  ) {\n    throw new Error(\n      `You're likely using a version of React that doesn't support Hooks\\n` +\n        `Please update React and ReactDOM to 16.8.0 or later to use the useStaticQuery hook.`\n    )\n  }\n  const context = React.useContext(StaticQueryContext)\n  if (context[query] && context[query].data) {\n    return context[query].data\n  } else {\n    throw new Error(\n      `The result of this StaticQuery could not be fetched.\\n\\n` +\n        `This is likely a bug in Gatsby and if refreshing the page does not fix it, ` +\n        `please open an issue in https://github.com/gatsbyjs/gatsby/issues`\n    )\n  }\n}\n\nStaticQuery.propTypes = {\n  data: PropTypes.object,\n  query: PropTypes.string.isRequired,\n  render: PropTypes.func,\n  children: PropTypes.func,\n}\n\nfunction graphql() {\n  throw new Error(\n    `It appears like Gatsby is misconfigured. Gatsby related \\`graphql\\` calls ` +\n      `are supposed to only be evaluated at compile time, and then compiled away,. ` +\n      `Unfortunately, something went wrong and the query was left in the compiled code.\\n\\n.` +\n      `Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.`\n  )\n}\n\nexport {\n  Link,\n  withPrefix,\n  graphql,\n  parsePath,\n  navigate,\n  push, // TODO replace for v3\n  replace, // TODO remove replace for v3\n  navigateTo, // TODO: remove navigateTo for v3\n  StaticQueryContext,\n  StaticQuery,\n  PageRenderer,\n  useStaticQuery,\n}\n","import { css } from 'styled-components';\n\nconst sizes = {\n  monitor: 1600,\n  desktop: 992,\n  tablet: 700,\n  phone: 425,\n  tiny: 340,\n  none: 320,\n};\n\n// Iterate through the sizes and create a media template\nexport default Object.keys(sizes).reduce((acc, label) => {\n  acc[label] = (...args) => css`\n    @media (max-width: ${sizes[label]}px) {\n      ${css(...args)};\n    }\n  `;\n  return acc;\n}, {});\n","const preferDefault = m => (m && m.default) || m\n\nif (process.env.BUILD_STAGE === `develop`) {\n  module.exports = preferDefault(require(`./public-page-renderer-dev`))\n} else if (process.env.BUILD_STAGE === `build-javascript`) {\n  module.exports = preferDefault(require(`./public-page-renderer-prod`))\n} else {\n  module.exports = () => null\n}\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport InternalPageRenderer from \"./page-renderer\"\nimport loader from \"./loader\"\n\nconst ProdPageRenderer = ({ location }) => {\n  const pageResources = loader.getResourcesForPathnameSync(location.pathname)\n  return React.createElement(InternalPageRenderer, {\n    location,\n    pageResources,\n    ...pageResources.json,\n  })\n}\n\nProdPageRenderer.propTypes = {\n  location: PropTypes.shape({\n    pathname: PropTypes.string.isRequired,\n  }).isRequired,\n}\n\nexport default ProdPageRenderer\n","import { Colors, Fonts } from 'theme/variables';\n\nexport default `\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  html {\n    font-family: ${Fonts.basic};\n    font-size: 100%;\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    image-rendering: optimizequality;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  body {\n    transition: all .2s ease;\n  }\n\n  nav,\n  header,\n  footer,\n  section {\n    display: block;\n  }\n\n  del {\n    text-decoration: line-through;\n  }\n\n  button,\n  input,\n  select[multiple],\n  textarea {\n    background-image: none;\n  }\n\n  img {\n    border: 0;\n  }\n\n  button {\n    appearance: none;\n    cursor: pointer;\n    background: none;\n    border: none;\n    outline: none;\n    margin-top: .5em;\n  }\n\n  header {\n    clear: both;\n  }\n\n  a {\n    text-decoration: none;\n    color: ${Colors.h};\n  }\n\n  .gatsby-resp-image-link,\n  img {\n    width: 100%;\n  }\n\n  .gatsby-resp-image-wrapper {\n    z-index: 10;\n    margin: 0!important;\n  }\n\n  input {\n    background: ${Colors.background};\n    font-size: 3em;\n    display: block;\n    width: 50%;\n    border: none;\n    border-bottom: 2px solid ${Colors.background}\n  }\n\n  input:focus,\n  select:focus,\n  textarea:focus,\n  button:focus {\n    outline: none;\n    background: ${Colors.background};\n    font-size: 3em;\n    display: block;\n    width: 50%;\n    border: none;\n    border-bottom: 2px solid ${Colors.background}\n  }\n\n  hr {\n    border: none;\n    display: block;\n    margin: 2em 0 1em;\n    font-size: .9rem;\n    :before {\n      display: block;\n      content: '';\n      width: 3px;\n      height: 3px;\n      margin: 2em 2em 2em;\n      border-radius: 50%;\n      background: black;\n      box-shadow: calc(3px*8) 0 0 0 black, calc(3px*-8) 0 0 0 black;\n    }\n  }\n`;\n","import { Colors } from './variables';\n\nexport default `\n  html,\n  body {\n    font-size: 17px;\n    @media screen and (max-width: 700px) {\n      font-size: 15px;\n    }\n    @media screen and (min-width: 1600px) {\n      font-size: 19px;\n    }\n  }\n\n  h1,\n  h2,\n  h3,\n  h4 {\n    color: ${Colors.h};\n    line-height: 1.25;\n    font-weight: 600;\n    text-rendering: optimizeLegibility;\n    margin-top: 2.8em;\n    margin-bottom: 1.2em;\n    @media screen and (max-width: 700px) {\n      // text-align: center;\n    }\n  }\n\n  h4 {\n    margin-top: 2.2em;\n    font-size: .966em;\n  }\n\n  h5 {\n    font-size: 1em;\n  }\n\n  h6 {\n    font-size: 0.72em;\n  }\n\n  p,\n  .message {\n    color: ${Colors.p};\n    margin: 0 auto 1.2em;\n    line-height: 1.5;\n    letter-spacing: normal;\n  }\n\n  .gatsby-resp-image-link,\n  img,\n  video,\n  iframe,\n  figure {\n    display: block;\n    margin: 1.1em 0;\n  }\n\n  table {\n    margin-top: 2.8em;\n    color: ${Colors.h};\n    margin-bottom: 2.2em;\n    max-width: 100%;\n  }\n\n  th, td {\n    text-align: left;\n    padding-bottom: 1em;\n    padding-right: 1em;\n  }\n\n`;\n","import { Colors } from 'theme/variables';\n\nexport default `\n  /*\n  @author Song Wang\n  */\n\n  .token.comment,\n  .token.block-comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    // color: #7D8B99;\n  }\n\n  .token.punctuation {\n    // color: #5F6364;\n  }\n\n  .token.property,\n  .token.tag,\n  .token.boolean,\n  .token.number,\n  .token.function-name,\n  .token.constant,\n  .token.symbol,\n  .token.deleted {\n    // color: #c92c2c;\n  }\n\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.function,\n  .token.builtin,\n  .token.inserted {\n    // color: #2f9c0a;\n  }\n\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .token.variable {\n    // color: ${Colors.h};\n  }\n\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword,\n  .token.class-name {\n    color: ${Colors.p};\n    font-weight: 600;\n  }\n\n  .token.regex,\n  .token.important {\n    // color: #e90;\n  }\n\n  .language-css .token.string,\n  .style .token.string {\n    // color: #a67f59;\n  }\n\n  .token.important {\n    font-weight: normal;\n  }\n\n  .token.bold {\n    font-weight: bold;\n  }\n  .token.italic {\n    font-style: italic;\n  }\n\n  .token.entity {\n    cursor: help;\n  }\n\n  .namespace {\n    opacity: .7;\n  }\n\n  /* Plugin styles */\n  .token.tab:not(:empty):before,\n  .token.cr:before,\n  .token.lf:before {\n    // color: #e0d7d1;\n  }\n\n  /* Plugin styles: Line Numbers */\n  pre[class*=\"language-\"].line-numbers {\n    padding-left: 0;\n  }\n\n  pre[class*=\"language-\"].line-numbers code {\n    padding-left: 3.8em;\n  }\n\n  pre[class*=\"language-\"].line-numbers .line-numbers-rows {\n    left: 0;\n  }\n\n  /* Plugin styles: Line Highlight */\n  pre[class*=\"language-\"][data-line] {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-left: 0;\n  }\n  pre[data-line] code {\n    position: relative;\n    padding-left: 4em;\n  }\n  pre .line-highlight {\n    margin-top: 0;\n  }\n`;\n","import { Colors } from 'theme/variables';\n\nexport default `\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  z-index: -1000;\n  background-color: ${Colors.background};\n`;\n","import { createGlobalStyle } from 'styled-components';\nimport resets from 'theme/reset';\nimport typography from 'theme/typography';\nimport prism from 'theme/prism';\nimport background from 'theme/background';\n\nexport default createGlobalStyle`\n  ${resets}\n  ${typography}\n  ${prism}\n  ${background}\n`;\n","import styled from 'styled-components';\nimport media from 'utils/media';\n\nexport default styled.div`\n  width: 650px;\n  height: 100%;\n  margin: 0 auto;\n  ${media.tablet`\n    width: 88%;\n  `} @media screen and (min-width: 1600px) {\n    width: 900px;\n  }\n`;\n","import React, { Component } from 'react';\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div`\n  background: #289eda;\n  height: 2px;\n`;\n\nexport default class Line extends Component {\n  render() {\n    return <Wrapper />;\n  }\n}\n","import styled from 'styled-components';\nimport { Colors } from 'theme/variables';\n\nexport default styled.div`\n  display: block;\n  font-size: 0.8em;\n  font-weight: 600;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  ul {\n    overflow: auto;\n    li:first-child {\n      float: left;\n      padding-left: 0em;\n    }\n    li:nth-child(2) {\n      padding-right: 0em;\n    }\n    li {\n      float: right;\n      display: block;\n      vertical-align: middle;\n      line-height: 1;\n      list-style: none;\n      padding: 0.7em;\n      margin: 0em;\n\n      a {\n        text-transform: uppercase;\n        color: ${Colors.h};\n        text-decoration: none;\n        display: block;\n        // line-height: 1.9;\n        transition: opacity 0.5s ease-in;\n        :hover,\n        :active,\n        :focus {\n          filter: invert(40%);\n        }\n\n        &.${props => props.activeClassName} {\n        }\n        &.home {\n        }\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'gatsby';\nimport NavContainer from 'theme/containers/NavContainer';\n\nconst PATHS = ['/', '/search/', '/about/', '/blog/'];\nconst getLinkName = locationSlug => {\n  if (locationSlug.length === 1) {\n    return 'Devall';\n  }\n\n  return locationSlug.split('/')[1];\n};\n\nconst Li = ({ location }) => (\n  <li>\n    <Link to={location}>{getLinkName(location)}</Link>\n  </li>\n);\n\nLi.defaultProps = {\n  location: '',\n};\n\nLi.propTypes = {\n  location: PropTypes.string,\n};\n\nexport default () => (\n  <NavContainer>\n    <ul>\n      {PATHS.map(path => (\n        <Li key={path} location={path} />\n      ))}\n    </ul>\n  </NavContainer>\n);\n","import styled from 'styled-components';\nimport media from 'utils/media';\n\nexport default styled.footer`\n  font-size: .9em;\n  margin-top: 4em;\n  ul {\n    overflow: auto;\n    margin-bottom: 2em;\n    float: right;\n    ${media.tablet`\n      width: 100%;\n      text-align: center;\n    `} li {\n      display: inline-block;\n      padding: 1em;\n      a {\n        position: relative;\n\n      li::after {\n        content: ' \\\\ ';\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport { StaticQuery, graphql } from 'gatsby';\nimport FooterContainer from 'theme/containers/FooterContainer';\n\nconst footerQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        github\n        linkedin\n      }\n    }\n  }\n`;\n\nexport default () => (\n  <StaticQuery\n    query={footerQuery}\n    render={data => (\n      <FooterContainer>\n        <ul>\n          {Object.entries(data.site.siteMetadata).map(([name, link]) => (\n            <li key={name}>\n              <a rel=\"noopener noreferrer\" target=\"__blank\" href={link}>\n                {name}\n              </a>\n            </li>\n          ))}\n        </ul>\n      </FooterContainer>\n    )}\n  />\n);\n","import React from 'react';\nimport 'typeface-source-code-pro';\nimport GlobalStyle from 'theme/global';\nimport BodyContainer from 'theme/containers/BodyContainer';\nimport Line from 'components/Line';\nimport Nav from 'components/Nav';\nimport Footer from 'components/Footer';\n\nexport default ({ children }) => (\n  <>\n    <GlobalStyle />\n    <Line />\n    <BodyContainer>\n      <Nav />\n      {children}\n      <Footer />\n    </BodyContainer>\n  </>\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Helmet from 'react-helmet';\nimport { StaticQuery, graphql } from 'gatsby';\n\nconst detailsQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n        description\n        author\n      }\n    }\n  }\n`;\n\nconst SEO = ({ description, lang, meta, keywords, title }) => (\n  <StaticQuery\n    query={detailsQuery}\n    render={data => {\n      const metaDescription = description || data.site.siteMetadata.description;\n      return (\n        <Helmet\n          htmlAttributes={{\n            lang,\n          }}\n          title={title}\n          titleTemplate={`%s | ${data.site.siteMetadata.title}`}\n          meta={[\n            {\n              name: 'description',\n              content: metaDescription,\n            },\n            {\n              property: 'og:title',\n              content: title,\n            },\n            {\n              property: 'og:description',\n              content: metaDescription,\n            },\n            {\n              property: 'og:type',\n              content: 'website',\n            },\n            {\n              name: 'twitter:card',\n              content: 'summary',\n            },\n            {\n              name: 'twitter:creator',\n              content: data.site.siteMetadata.author,\n            },\n            {\n              name: 'twitter:title',\n              content: title,\n            },\n            {\n              name: 'twitter:description',\n              content: metaDescription,\n            },\n          ]\n            .concat(\n              keywords.length > 0\n                ? {\n                    name: 'keywords',\n                    content: keywords.join(', '),\n                  }\n                : []\n            )\n            .concat(meta)}\n        />\n      );\n    }}\n  />\n);\n\nSEO.defaultProps = {\n  description: '',\n  lang: 'en',\n  meta: [],\n  keywords: [],\n};\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  keywords: PropTypes.arrayOf(PropTypes.string),\n  meta: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      content: PropTypes.string,\n    })\n  ),\n  title: PropTypes.string.isRequired,\n};\n\nexport default SEO;\n","import styled from 'styled-components';\nimport { Colors } from 'theme/variables';\n\nexport default styled.header`\n  max-width: 700px;\n  margin-top: 150px;\n  margin-bottom: 150px;\n  text-align: left;\n  @media screen and (min-width: 1600px) {\n    margin-top: 200px;\n    margin-bottom: 200px;\n  }\n  @media screen and (max-width: 700px) {\n    // text-align: center;\n  }\n  @media screen and (max-width: 440px) {\n    display: flex;\n    margin:0;\n    flex-direction: column;\n    justify-content: center;\n    min-height: 92vh;\n  }\n  div {\n    h1 {\n      letter-spacing: .01em;\n      font-size: 2.7em;\n      margin-top: 0em;\n      margin-bottom: 0;\n\n      @media screen and (max-width: 440px) {\n        font-size: 2em;\n      }\n      span {\n        opacity: .85;\n        font-size: 80%;\n      }\n    }\n    small {\n      display: block;\n      color: ${Colors.p}\n      margin-left: .3em;\n      margin-top: .5em;\n      }\n\n    p {\n      margin-top: 1em;\n      font-size: 1.4em;\n      color: ${Colors.h};\n      @media screen and (max-width: 540px) {\n        font-size: 1.3em;\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport HeaderContainer from 'theme/containers/HeaderContainer';\n\nconst Header = ({ title, subtitle }) => (\n  <HeaderContainer>\n    <div>\n      <h1>{title}</h1>\n      <p>{subtitle}</p>\n    </div>\n  </HeaderContainer>\n);\n\nHeader.defaultProps = {\n  title: '',\n  subtitle: '',\n};\n\nHeader.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n};\n\nexport default Header;\n","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n  return function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  };\n});\n","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n  var S = String(defined(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\nmodule.exports = function (NAME, exec) {\n  var O = {};\n  O[NAME] = exec(createHTML);\n  $export($export.P + $export.F * fails(function () {\n    var test = ''[NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  }), 'String', O);\n};\n","import styled from 'styled-components';\nimport { Colors } from 'theme/variables';\n\nexport default styled.div`\n  a {\n    position: relative;\n    :hover {\n      background-image: linear-gradient(\n        transparent,\n        transparent calc(1.1em),\n        ${Colors.p} 4px,\n        ${Colors.p}\n      );\n    }\n  }\n\n  p {\n    max-width: 660px;\n    margin: 0;\n    margin-bottom: 1em;\n  }\n\n  h3 {\n    margin-top: 0;\n  }\n`;\n","import styled from 'styled-components';\nimport media from 'utils/media';\nimport { Colors, Fonts } from 'theme/variables';\n\nexport const Button = styled.div`\n  font-family: ${Fonts.basic};\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  &:first-letter {\n    text-transform: uppercase;\n  }\n  position: relative;\n  cursor: pointer;\n  background-image: linear-gradient(\n    transparent,\n    transparent calc(1.1em),\n    ${Colors.link} 5px,\n    ${Colors.link}\n  );\n  :hover {\n    background-image: linear-gradient(\n      transparent,\n      transparent calc(1.02em),\n      ${Colors.p} 4px,\n      ${Colors.p}\n    );\n  }\n  ${media.phone`\n     border-bottom: 1px solid ${Colors.p};\n  `} margin-top: 0;\n  font-size: 92%;\n  ${media.tablet`\n    width: 100%;\n    text-align: left;\n  `};\n`;\n\nexport default styled(Button)`\n  display: ${props => (props.number >= props.length ? 'none' : 'inline')};\n`;\n","import React, { useState } from 'react';\nimport { Link } from 'gatsby';\nimport NoteListContainer from 'theme/containers/NoteListContainer';\nimport PullMoreButton from 'theme/containers/PullMoreButton';\n\nconst NoteList = ({ notes, viewCount }) =>\n  notes\n    .filter((_, i) => i < viewCount)\n    .map(({ node }) => (\n      <NoteListContainer key={node.fields.slug}>\n        <h2>\n          <Link to={node.fields.slug}>{node.frontmatter.title}</Link>\n        </h2>\n        {/* eslint-disable-next-line */}\n        <p dangerouslySetInnerHTML={{ __html: node.excerpt }} />\n      </NoteListContainer>\n    ));\n\nexport default ({ notes, viewCount, step }) => {\n  const [count, setCount] = useState(viewCount || 1);\n  return (\n    <>\n      <NoteList notes={notes} viewCount={count} />\n      <PullMoreButton\n        number={count}\n        length={notes.length}\n        onClick={() => setCount(count + (step || 3))}\n        onMouseDown={e => {\n          e.preventDefault();\n        }}\n      >\n        More...\n      </PullMoreButton>\n    </>\n  );\n};\n"],"sourceRoot":""}