component---src-templates-tag-page-jsx-cab5e2da78083cf40812.js.map

{"version":3,"sources":["webpack:///./src/templates/tag-page.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:///./src/theme/containers/NoteListContainer.js"],"names":["__webpack_require__","r","__webpack_exports__","d","tagpageQuery","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","gatsby__WEBPACK_IMPORTED_MODULE_2__","theme_containers_NoteListContainer__WEBPACK_IMPORTED_MODULE_3__","components_Layout__WEBPACK_IMPORTED_MODULE_4__","components_Header__WEBPACK_IMPORTED_MODULE_5__","components_SEO__WEBPACK_IMPORTED_MODULE_6__","TagPage","_ref","pageContext","data","allMarkdownRemark","tag","_data$allMarkdownRema","edges","totalCount","tagHeader","a","createElement","title","description","subtitle","map","_ref2","node","key","fields","slug","to","frontmatter","defaultProps","propTypes","PropTypes","shape","string","array","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","length","split","Nav","NavContainer","path","Nav_Li","footer","FooterContainer_templateObject","Footer","FooterContainer","entries","site","siteMetadata","name","rel","target","href","_4011262072","Fragment","global","Line_Line","BodyContainer","SEO","lang","meta","keywords","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__","arrayOf","header","Header","HeaderContainer","styled_components__WEBPACK_IMPORTED_MODULE_0__","theme_variables__WEBPACK_IMPORTED_MODULE_1__"],"mappings":"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","file":"component---src-templates-tag-page-jsx-cab5e2da78083cf40812.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link, graphql } from 'gatsby';\n\nimport NoteListContainer from 'theme/containers/NoteListContainer';\n\nimport Layout from 'components/Layout';\nimport Header from 'components/Header';\nimport SEO from 'components/SEO';\n\nconst TagPage = ({ pageContext, data }) => {\n  if (!data.allMarkdownRemark) return null;\n  const { tag } = pageContext;\n  const { edges, totalCount } = data.allMarkdownRemark;\n  const tagHeader = `${totalCount} post${\n    totalCount === 1 ? '' : 's'\n  } tagged with \"${tag}\"`;\n\n  return (\n    <Layout>\n      <SEO title={tag} description={tagHeader} />\n      <Header title={tag} subtitle={tagHeader} />\n      {edges.map(({ node }) => (\n        <NoteListContainer key={node.fields.slug}>\n          <h3>\n            <Link to={node.fields.slug}>{node.frontmatter.title}</Link>\n          </h3>\n        </NoteListContainer>\n      ))}\n      <Link to=\"/tags\">All tags</Link>\n    </Layout>\n  );\n};\n\nTagPage.defaultProps = {\n  pageContext: {\n    tag: '',\n  },\n  data: {\n    allMarkdownRemark: {\n      edges: [],\n    },\n  },\n};\n\nTagPage.propTypes = {\n  pageContext: PropTypes.shape({\n    tag: PropTypes.string,\n  }),\n  data: PropTypes.shape({\n    allMarkdownRemark: PropTypes.shape({\n      edges: PropTypes.array,\n    }),\n  }),\n};\n\nexport default TagPage;\n\n// eslint-disable-next-line\nexport const tagpageQuery = graphql`\n  query($tag: String) {\n    allMarkdownRemark(\n      limit: 2000\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { tags: { in: [$tag] } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          fields {\n            slug\n            tagSlugs\n          }\n          frontmatter {\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","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"],"sourceRoot":""}