-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-blog-jsx-f7f8805f036f354a9e25.js.map
1 lines (1 loc) · 34.3 KB
/
component---src-pages-blog-jsx-f7f8805f036f354a9e25.js.map
1
{"version":3,"sources":["webpack:///./src/pages/blog.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","blogpageQuery","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__","Blog","_ref","data","title","site","siteMetadata","a","createElement","keywords","notes","allMarkdownRemark","edges","viewCount","step","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","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__","arrayOf","header","Header","subtitle","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","node","NoteListContainer","fields","slug","frontmatter","dangerouslySetInnerHTML","__html","excerpt","_ref3","_useState","useState","count","setCount","NoteList_NoteList","PullMoreButton","onClick","onMouseDown","e","preventDefault"],"mappings":"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","file":"component---src-pages-blog-jsx-f7f8805f036f354a9e25.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\n\nimport Layout from 'components/Layout';\nimport NoteList from 'components/NoteList';\nimport Header from 'components/Header';\nimport SEO from 'components/SEO';\n\nconst Blog = ({ data }) => {\n const { title } = data.site.siteMetadata;\n return (\n <Layout>\n <SEO title={title} keywords={['blog', 'gatsby', 'javascript', 'react']} />\n <Header title=\"Blogs\" />\n <NoteList notes={data.allMarkdownRemark.edges} viewCount={15} step={5} />\n </Layout>\n );\n};\n\nBlog.defaultProps = {\n data: {\n site: {\n siteMetadata: '',\n },\n allMarkdownRemark: {\n edges: [],\n },\n },\n};\n\nBlog.propTypes = {\n data: PropTypes.shape({\n site: {\n siteMetadata: PropTypes.string,\n },\n allMarkdownRemark: PropTypes.shape({\n edges: PropTypes.array,\n }),\n }),\n};\n\nexport default Blog;\n\nexport const blogpageQuery = graphql`\n query {\n site {\n siteMetadata {\n title\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, '"') + '\"';\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":""}