-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-templates-category-jsx-d49afdccf0e73383dc9e.js.map
1 lines (1 loc) · 21.1 KB
/
component---src-templates-category-jsx-d49afdccf0e73383dc9e.js.map
1
{"version":3,"sources":["webpack:///component---src-templates-category-jsx-d49afdccf0e73383dc9e.js","webpack:///./src/components/PostItem.js","webpack:///./src/components/PostListing/PostListing.jsx","webpack:///./src/templates/category.jsx"],"names":["webpackJsonp","223","module","exports","__webpack_require__","_interopRequireDefault","obj","__esModule","default","_classCallCheck","instance","Constructor","TypeError","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","_taggedTemplateLiteralLoose","strings","raw","_templateObject","_templateObject2","_templateObject3","_react","_react2","_styledComponents","_styledComponents2","breakpoint","Wrapper","div","props","extraStyle","Figure","figure","url","Content","PostItem","_Component","this","apply","arguments","render","_props","post","createElement","cover","title","date","excerpt","Component","224","_gatsbyLink","_gatsbyLink2","_PostItem","_PostItem2","PostListing","_React$Component","getPostList","postList","postEdges","forEach","postEdge","push","path","node","fields","slug","tags","frontmatter","timeToRead","map","to","key","230","pageQuery","undefined","_reactHelmet","_reactHelmet2","_PostListing","_PostListing2","_SiteConfig","_SiteConfig2","_Header","_Header2","CategoryTemplate","category","pathContext","data","allMarkdownRemark","edges","className","siteTitle","location","style","padding","margin","maxWidth"],"mappings":"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","file":"component---src-templates-category-jsx-d49afdccf0e73383dc9e.js","sourcesContent":["webpackJsonp([129745722219136],{\n\n/***/ 223:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\t\n\tvar _templateObject = _taggedTemplateLiteralLoose(['\\n display: flex;\\n height: 180px;\\n position: relative;\\n ', '\\n\\n @media screen and (max-width: ', 'px) {\\n height: 100px; \\n }\\n'], ['\\n display: flex;\\n height: 180px;\\n position: relative;\\n ', '\\n\\n @media screen and (max-width: ', 'px) {\\n height: 100px; \\n }\\n']),\n\t _templateObject2 = _taggedTemplateLiteralLoose(['\\n width: 180px;\\n height: 180px;\\n background-image: url(\"', '\");\\n background-repeat: no-repeat;\\n background-position: center;\\n background-size: cover;\\n background-color: #ccc;\\n\\n @media screen and (max-width: ', 'px) {\\n width: 100px;\\n height: 100px; \\n }\\n'], ['\\n width: 180px;\\n height: 180px;\\n background-image: url(\"', '\");\\n background-repeat: no-repeat;\\n background-position: center;\\n background-size: cover;\\n background-color: #ccc;\\n\\n @media screen and (max-width: ', 'px) {\\n width: 100px;\\n height: 100px; \\n }\\n']),\n\t _templateObject3 = _taggedTemplateLiteralLoose(['\\n flex: 1;\\n padding: 0 10px;\\n overflow: hidden;\\n\\n & > h4 {\\n margin: 0;\\n }\\n\\n & > span {\\n display: block;\\n color: #bbb;\\n }\\n\\n & > p {\\n margin: 0;\\n }\\n\\n @media screen and (max-width: ', 'px) {\\n & > p {\\n display: none;\\n }\\n }\\n'], ['\\n flex: 1;\\n padding: 0 10px;\\n overflow: hidden;\\n\\n & > h4 {\\n margin: 0;\\n }\\n\\n & > span {\\n display: block;\\n color: #bbb;\\n }\\n\\n & > p {\\n margin: 0;\\n }\\n\\n @media screen and (max-width: ', 'px) {\\n & > p {\\n display: none;\\n }\\n }\\n']);\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _styledComponents = __webpack_require__(18);\n\t\n\tvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\t\n\tvar breakpoint = 600;\n\t\n\tvar Wrapper = _styledComponents2.default.div(_templateObject, function (props) {\n\t return props.extraStyle || '';\n\t}, breakpoint);\n\tvar Figure = _styledComponents2.default.figure(_templateObject2, function (props) {\n\t return props.url;\n\t}, breakpoint);\n\tvar Content = _styledComponents2.default.div(_templateObject3, breakpoint);\n\t\n\tvar PostItem = function (_Component) {\n\t _inherits(PostItem, _Component);\n\t\n\t function PostItem() {\n\t _classCallCheck(this, PostItem);\n\t\n\t return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n\t }\n\t\n\t PostItem.prototype.render = function render() {\n\t var _props = this.props,\n\t post = _props.post,\n\t extraStyle = _props.extraStyle;\n\t\n\t\n\t return _react2.default.createElement(\n\t Wrapper,\n\t { extraStyle: extraStyle },\n\t _react2.default.createElement(Figure, { url: post.cover }),\n\t _react2.default.createElement(\n\t Content,\n\t null,\n\t _react2.default.createElement(\n\t 'h4',\n\t null,\n\t post.title\n\t ),\n\t _react2.default.createElement(\n\t 'span',\n\t null,\n\t post.date\n\t ),\n\t _react2.default.createElement(\n\t 'p',\n\t null,\n\t post.excerpt\n\t )\n\t )\n\t );\n\t };\n\t\n\t return PostItem;\n\t}(_react.Component);\n\t\n\texports.default = PostItem;\n\tmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ 224:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t\"use strict\";\n\t\n\texports.__esModule = true;\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _gatsbyLink = __webpack_require__(29);\n\t\n\tvar _gatsbyLink2 = _interopRequireDefault(_gatsbyLink);\n\t\n\tvar _PostItem = __webpack_require__(223);\n\t\n\tvar _PostItem2 = _interopRequireDefault(_PostItem);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tvar PostListing = function (_React$Component) {\n\t _inherits(PostListing, _React$Component);\n\t\n\t function PostListing() {\n\t _classCallCheck(this, PostListing);\n\t\n\t return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n\t }\n\t\n\t PostListing.prototype.getPostList = function getPostList() {\n\t var postList = [];\n\t this.props.postEdges.forEach(function (postEdge) {\n\t postList.push({\n\t path: postEdge.node.fields.slug,\n\t tags: postEdge.node.frontmatter.tags,\n\t cover: postEdge.node.frontmatter.cover,\n\t title: postEdge.node.frontmatter.title,\n\t date: postEdge.node.frontmatter.date,\n\t excerpt: postEdge.node.excerpt,\n\t timeToRead: postEdge.node.timeToRead\n\t });\n\t });\n\t return postList;\n\t };\n\t\n\t PostListing.prototype.render = function render() {\n\t var postList = this.getPostList();\n\t return _react2.default.createElement(\n\t \"div\",\n\t null,\n\t /* Your post list here. */\n\t postList.map(function (post) {\n\t return _react2.default.createElement(\n\t _gatsbyLink2.default,\n\t { to: post.path, key: post.title },\n\t _react2.default.createElement(_PostItem2.default, { post: post, extraStyle: 'margin-bottom: 15px;' })\n\t );\n\t })\n\t );\n\t };\n\t\n\t return PostListing;\n\t}(_react2.default.Component);\n\t\n\texports.default = PostListing;\n\tmodule.exports = exports[\"default\"];\n\n/***/ }),\n\n/***/ 230:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t\"use strict\";\n\t\n\texports.__esModule = true;\n\texports.pageQuery = undefined;\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _reactHelmet = __webpack_require__(31);\n\t\n\tvar _reactHelmet2 = _interopRequireDefault(_reactHelmet);\n\t\n\tvar _PostListing = __webpack_require__(224);\n\t\n\tvar _PostListing2 = _interopRequireDefault(_PostListing);\n\t\n\tvar _SiteConfig = __webpack_require__(26);\n\t\n\tvar _SiteConfig2 = _interopRequireDefault(_SiteConfig);\n\t\n\tvar _Header = __webpack_require__(62);\n\t\n\tvar _Header2 = _interopRequireDefault(_Header);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tvar CategoryTemplate = function (_React$Component) {\n\t _inherits(CategoryTemplate, _React$Component);\n\t\n\t function CategoryTemplate() {\n\t _classCallCheck(this, CategoryTemplate);\n\t\n\t return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n\t }\n\t\n\t CategoryTemplate.prototype.render = function render() {\n\t var category = this.props.pathContext.category;\n\t var postEdges = this.props.data.allMarkdownRemark.edges;\n\t return _react2.default.createElement(\n\t \"div\",\n\t { className: \"category-container\" },\n\t _react2.default.createElement(_reactHelmet2.default, {\n\t title: \"Posts in category \\\"\" + category + \"\\\" | \" + _SiteConfig2.default.siteTitle\n\t }),\n\t _react2.default.createElement(_Header2.default, { location: this.props.location }),\n\t _react2.default.createElement(\n\t \"div\",\n\t { style: { padding: '20px', margin: '0 auto', maxWidth: 900 } },\n\t _react2.default.createElement(_PostListing2.default, { postEdges: postEdges })\n\t )\n\t );\n\t };\n\t\n\t return CategoryTemplate;\n\t}(_react2.default.Component);\n\t\n\t/* eslint no-undef: \"off\"*/\n\t\n\t\n\texports.default = CategoryTemplate;\n\tvar pageQuery = exports.pageQuery = \"** extracted graphql fragment **\";\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// component---src-templates-category-jsx-d49afdccf0e73383dc9e.js","import React, {Component} from 'react'\nimport styled from 'styled-components'\n\nconst breakpoint = 600;\n\nlet Wrapper = styled.div`\n display: flex;\n height: 180px;\n position: relative;\n ${props => props.extraStyle || ''}\n\n @media screen and (max-width: ${breakpoint}px) {\n height: 100px; \n }\n`\nlet Figure = styled.figure`\n width: 180px;\n height: 180px;\n background-image: url(\"${props => props.url}\");\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n background-color: #ccc;\n\n @media screen and (max-width: ${breakpoint}px) {\n width: 100px;\n height: 100px; \n }\n`\nlet Content = styled.div`\n flex: 1;\n padding: 0 10px;\n overflow: hidden;\n\n & > h4 {\n margin: 0;\n }\n\n & > span {\n display: block;\n color: #bbb;\n }\n\n & > p {\n margin: 0;\n }\n\n @media screen and (max-width: ${breakpoint}px) {\n & > p {\n display: none;\n }\n }\n`\n\nclass PostItem extends Component {\n render() {\n let {post, extraStyle} = this.props;\n\n return (\n <Wrapper extraStyle={extraStyle}>\n <Figure url={post.cover} />\n <Content>\n <h4>{ post.title }</h4>\n <span>{ post.date }</span>\n <p>{ post.excerpt }</p>\n </Content>\n </Wrapper>\n )\n }\n}\n\nexport default PostItem;\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/PostItem.js","import React from \"react\";\nimport Link from \"gatsby-link\";\nimport PostItem from '../PostItem'\n\nclass PostListing extends React.Component {\n getPostList() {\n const postList = [];\n this.props.postEdges.forEach(postEdge => {\n postList.push({\n path: postEdge.node.fields.slug,\n tags: postEdge.node.frontmatter.tags,\n cover: postEdge.node.frontmatter.cover,\n title: postEdge.node.frontmatter.title,\n date: postEdge.node.frontmatter.date,\n excerpt: postEdge.node.excerpt,\n timeToRead: postEdge.node.timeToRead\n });\n });\n return postList;\n }\n render() {\n const postList = this.getPostList();\n return (\n <div>\n {/* Your post list here. */\n postList.map(post =>\n <Link to={post.path} key={post.title}>\n <PostItem post={post} extraStyle={'margin-bottom: 15px;'}/> \n </Link>\n )}\n </div>\n );\n }\n}\n\nexport default PostListing;\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/PostListing/PostListing.jsx","import React from \"react\";\nimport Helmet from \"react-helmet\";\nimport PostListing from \"../components/PostListing/PostListing\";\nimport config from \"../../data/SiteConfig\";\nimport SiteHeader from '../components/Layout/Header'\n\nexport default class CategoryTemplate extends React.Component {\n render() {\n const category = this.props.pathContext.category;\n const postEdges = this.props.data.allMarkdownRemark.edges;\n return (\n <div className=\"category-container\">\n <Helmet\n title={`Posts in category \"${category}\" | ${config.siteTitle}`}\n />\n\n <SiteHeader location={this.props.location}/>\n <div style={{padding: '20px', margin: '0 auto', maxWidth: 900}}>\n <PostListing postEdges={postEdges} />\n </div>\n </div>\n );\n }\n}\n\n/* eslint no-undef: \"off\"*/\nexport const pageQuery = graphql`\n query CategoryPage($category: String) {\n allMarkdownRemark(\n limit: 1000\n sort: { fields: [frontmatter___date], order: DESC }\n filter: { frontmatter: { category: { eq: $category } } }\n ) {\n totalCount\n edges {\n node {\n fields {\n slug\n }\n excerpt\n timeToRead\n frontmatter {\n title\n tags\n cover\n date\n }\n }\n }\n }\n }\n`;\n\n\n\n// WEBPACK FOOTER //\n// ./src/templates/category.jsx"],"sourceRoot":""}