-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-blog-js-43d6c584e66e8830da97.js.map
1 lines (1 loc) · 20.8 KB
/
component---src-pages-blog-js-43d6c584e66e8830da97.js.map
1
{"version":3,"sources":["webpack:///component---src-pages-blog-js-43d6c584e66e8830da97.js","webpack:///./src/components/blog/BlogCard.js","webpack:///./src/components/blog/styles.js","webpack:///./src/pages/blog.js","webpack:///./src/pages/styles/blog/styles.js?c834"],"names":["webpackJsonp","263","module","exports","__webpack_require__","_interopRequireDefault","obj","__esModule","default","_react","_react2","_gatsbyLink","_gatsbyLink2","_propTypes","_propTypes2","_styles","BlogCard","_ref","post","createElement","BlogPostCard","BlogTitle","node","frontmatter","title","BlogDescription","description","BlogAuthorDetails","author","date","BlogTagIcons","tags","map","icon","i","key","BlogReadLink","to","path","propTypes","PropTypes","object","isRequired","264","_taggedTemplateLiteralLoose","strings","raw","undefined","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_styledComponents","_styledComponents2","_reactAnimations","_cssMediaTemplate","_cssMediaTemplate2","fadeUp","keyframes","fadeInUp","styled","div","media","medium","p","277","Blog","data","allMarkdownRemark","BlogPost","edges","blog","_BlogCard2","BlogPostsPageContainer","BlogCardContainer","BlogListQuery","_BlogCard","100"],"mappings":"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","file":"component---src-pages-blog-js-43d6c584e66e8830da97.js","sourcesContent":["webpackJsonp([212839066777427,56403823395330],{\n\n/***/ 263:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\t\n\tvar _react = __webpack_require__(2);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _gatsbyLink = __webpack_require__(41);\n\t\n\tvar _gatsbyLink2 = _interopRequireDefault(_gatsbyLink);\n\t\n\tvar _propTypes = __webpack_require__(4);\n\t\n\tvar _propTypes2 = _interopRequireDefault(_propTypes);\n\t\n\tvar _styles = __webpack_require__(264);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tvar BlogCard = function BlogCard(_ref) {\n\t var post = _ref.post;\n\t return _react2.default.createElement(\n\t _styles.BlogPostCard,\n\t null,\n\t _react2.default.createElement(\n\t _styles.BlogTitle,\n\t null,\n\t post.node.frontmatter.title\n\t ),\n\t _react2.default.createElement(\n\t _styles.BlogDescription,\n\t null,\n\t post.node.frontmatter.description\n\t ),\n\t _react2.default.createElement(\n\t _styles.BlogAuthorDetails,\n\t null,\n\t post.node.frontmatter.author,\n\t _react2.default.createElement(\n\t 'span',\n\t null,\n\t ' | '\n\t ),\n\t post.node.frontmatter.date\n\t ),\n\t _react2.default.createElement(\n\t _styles.BlogTagIcons,\n\t null,\n\t _react2.default.createElement(\n\t 'p',\n\t null,\n\t 'Tags | '\n\t ),\n\t post.node.frontmatter.tags.map(function (icon, i) {\n\t return _react2.default.createElement(\n\t 'p',\n\t { key: i },\n\t icon\n\t );\n\t })\n\t ),\n\t _react2.default.createElement(\n\t _styles.BlogReadLink,\n\t null,\n\t _react2.default.createElement(\n\t _gatsbyLink2.default,\n\t { to: post.node.frontmatter.path },\n\t ' Read '\n\t )\n\t )\n\t );\n\t};\n\t\n\tBlogCard.propTypes = {\n\t post: _propTypes2.default.object.isRequired\n\t};\n\t\n\texports.default = BlogCard;\n\tmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ 264:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\texports.BlogReadLink = exports.BlogTagIcons = exports.BlogAuthorDetails = exports.BlogDescription = exports.BlogTitle = exports.BlogPostCard = undefined;\n\t\n\tvar _templateObject = _taggedTemplateLiteralLoose(['', ''], ['', '']),\n\t _templateObject2 = _taggedTemplateLiteralLoose(['\\n min-height: 220px;\\n min-width: 50%;\\n box-shadow: 0px 0px 8px #b3b3b3;\\n border-radius: 2px;\\n transition: .1s;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n flex-direction: column;\\n background: #fff;\\n padding-top: 4px;\\n padding-bottom: 4px;\\n transition: all cubic-bezier(.42,.16,.26,1.4) 400ms;\\n margin-bottom: 14px;\\n position: relative;\\n animation: .5s ease ', ' forwards;\\n\\n & > p {\\n width: 80%;\\n }\\n \\n &:hover {\\n transition: all cubic-bezier(.42,.16,.26,1.4) 200ms;\\n box-shadow: 0px 0px 12px #a1bede;\\n transform: translateY(-1px);\\n }\\n\\n ', '\\n'], ['\\n min-height: 220px;\\n min-width: 50%;\\n box-shadow: 0px 0px 8px #b3b3b3;\\n border-radius: 2px;\\n transition: .1s;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n flex-direction: column;\\n background: #fff;\\n padding-top: 4px;\\n padding-bottom: 4px;\\n transition: all cubic-bezier(.42,.16,.26,1.4) 400ms;\\n margin-bottom: 14px;\\n position: relative;\\n animation: .5s ease ', ' forwards;\\n\\n & > p {\\n width: 80%;\\n }\\n \\n &:hover {\\n transition: all cubic-bezier(.42,.16,.26,1.4) 200ms;\\n box-shadow: 0px 0px 12px #a1bede;\\n transform: translateY(-1px);\\n }\\n\\n ', '\\n']),\n\t _templateObject3 = _taggedTemplateLiteralLoose(['\\n min-width: 80%;\\n '], ['\\n min-width: 80%;\\n ']),\n\t _templateObject4 = _taggedTemplateLiteralLoose(['\\n font-size: 1.4em;\\n color: #020202;\\n font-weight: 700;\\n margin-top: -5px;\\n\\n'], ['\\n font-size: 1.4em;\\n color: #020202;\\n font-weight: 700;\\n margin-top: -5px;\\n\\n']),\n\t _templateObject5 = _taggedTemplateLiteralLoose(['\\n font-size: .75em;\\n margin-top: -5px;\\n letter-spacing: .2px;\\n'], ['\\n font-size: .75em;\\n margin-top: -5px;\\n letter-spacing: .2px;\\n']),\n\t _templateObject6 = _taggedTemplateLiteralLoose(['\\n font-size: .6em;\\n color: #999999;\\n text-align: right;\\n letter-spacing: .1px;\\n\\n & > span {\\n font-size: 1em;\\n }\\n'], ['\\n font-size: .6em;\\n color: #999999;\\n text-align: right;\\n letter-spacing: .1px;\\n\\n & > span {\\n font-size: 1em;\\n }\\n']),\n\t _templateObject7 = _taggedTemplateLiteralLoose(['\\n width: 80%;\\n display: flex;\\n justify-content: flex-end;\\n\\n & > p {\\n margin-right: 6px;\\n color: #999999;\\n font-weight: 400;\\n letter-spacing: .1px;\\n font-size: .5em;\\n }\\n\\n & img {\\n margin-left: 10px;\\n width: 16px;\\n }\\n'], ['\\n width: 80%;\\n display: flex;\\n justify-content: flex-end;\\n\\n & > p {\\n margin-right: 6px;\\n color: #999999;\\n font-weight: 400;\\n letter-spacing: .1px;\\n font-size: .5em;\\n }\\n\\n & img {\\n margin-left: 10px;\\n width: 16px;\\n }\\n']),\n\t _templateObject8 = _taggedTemplateLiteralLoose(['\\n position: absolute;\\n bottom: 18px;\\n cursor: pointer;\\n\\n & > a {\\n text-decoration: none;\\n font-size: .8em;\\n font-weight: 500;\\n color: #020202;\\n transition: .2s;\\n\\n &:hover {\\n color: #3a6ea5;\\n transition: .2s;\\n }\\n }\\n'], ['\\n position: absolute;\\n bottom: 18px;\\n cursor: pointer;\\n\\n & > a {\\n text-decoration: none;\\n font-size: .8em;\\n font-weight: 500;\\n color: #020202;\\n transition: .2s;\\n\\n &:hover {\\n color: #3a6ea5;\\n transition: .2s;\\n }\\n }\\n']);\n\t\n\tvar _styledComponents = __webpack_require__(11);\n\t\n\tvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\t\n\tvar _reactAnimations = __webpack_require__(20);\n\t\n\tvar _cssMediaTemplate = __webpack_require__(14);\n\t\n\tvar _cssMediaTemplate2 = _interopRequireDefault(_cssMediaTemplate);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\t\n\tvar fadeUp = (0, _styledComponents.keyframes)(_templateObject, _reactAnimations.fadeInUp);\n\t\n\tvar BlogPostCard = exports.BlogPostCard = _styledComponents2.default.div(_templateObject2, fadeUp, _cssMediaTemplate2.default.medium(_templateObject3));\n\t\n\tvar BlogTitle = exports.BlogTitle = _styledComponents2.default.p(_templateObject4);\n\t\n\tvar BlogDescription = exports.BlogDescription = _styledComponents2.default.p(_templateObject5);\n\t\n\tvar BlogAuthorDetails = exports.BlogAuthorDetails = _styledComponents2.default.p(_templateObject6);\n\t\n\tvar BlogTagIcons = exports.BlogTagIcons = _styledComponents2.default.div(_templateObject7);\n\t\n\tvar BlogReadLink = exports.BlogReadLink = _styledComponents2.default.div(_templateObject8);\n\n/***/ }),\n\n/***/ 277:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\texports.BlogListQuery = undefined;\n\texports.default = Blog;\n\t\n\tvar _react = __webpack_require__(2);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _propTypes = __webpack_require__(4);\n\t\n\tvar _propTypes2 = _interopRequireDefault(_propTypes);\n\t\n\tvar _gatsbyLink = __webpack_require__(41);\n\t\n\tvar _gatsbyLink2 = _interopRequireDefault(_gatsbyLink);\n\t\n\tvar _styles = __webpack_require__(100);\n\t\n\tvar _BlogCard = __webpack_require__(263);\n\t\n\tvar _BlogCard2 = _interopRequireDefault(_BlogCard);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\t// Styled Components\n\tfunction Blog(_ref) {\n\t var data = _ref.data;\n\t var post = data.allMarkdownRemark;\n\t\n\t var BlogPost = post.edges.map(function (blog, i) {\n\t return _react2.default.createElement(_BlogCard2.default, { key: i, post: blog });\n\t });\n\t\n\t return _react2.default.createElement(\n\t _styles.BlogPostsPageContainer,\n\t null,\n\t _react2.default.createElement(\n\t _styles.BlogCardContainer,\n\t null,\n\t BlogPost\n\t )\n\t );\n\t}\n\t\n\t// Components\n\t\n\t\n\tBlog.propTypes = {\n\t data: _propTypes2.default.object.isRequired\n\t};\n\t\n\tvar BlogListQuery = exports.BlogListQuery = '** extracted graphql fragment **';\n\n/***/ }),\n\n/***/ 100:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\texports.BlogCardContainer = exports.BlogPostsPageContainer = undefined;\n\t\n\tvar _templateObject = _taggedTemplateLiteralLoose(['\\n height: 100vh;\\n width: 100%;\\n position: fixed;\\n top: 0;\\n z-index: -99;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n background-color: #FBFAFC;\\n background-image: url(\"data:image/svg+xml,%3Csvg width=\\'52\\' height=\\'26\\' viewBox=\\'0 0 52 26\\' xmlns=\\'http://www.w3.org/2000/svg\\'%3E%3Cg fill=\\'none\\' fill-rule=\\'evenodd\\'%3E%3Cg fill=\\'%233a6ea5\\' fill-opacity=\\'.1\\'%3E%3Cpath d=\\'M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z\\' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\\n'], ['\\n height: 100vh;\\n width: 100%;\\n position: fixed;\\n top: 0;\\n z-index: -99;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n background-color: #FBFAFC;\\n background-image: url(\"data:image/svg+xml,%3Csvg width=\\'52\\' height=\\'26\\' viewBox=\\'0 0 52 26\\' xmlns=\\'http://www.w3.org/2000/svg\\'%3E%3Cg fill=\\'none\\' fill-rule=\\'evenodd\\'%3E%3Cg fill=\\'%233a6ea5\\' fill-opacity=\\'.1\\'%3E%3Cpath d=\\'M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z\\' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\\n']),\n\t _templateObject2 = _taggedTemplateLiteralLoose(['\\n height: 75%;\\n width: 100%;\\n display: flex;\\n flex-direction: column;\\n overflow: auto;\\n justify-content: center;\\n align-items: center;\\n padding: 6px;\\n'], ['\\n height: 75%;\\n width: 100%;\\n display: flex;\\n flex-direction: column;\\n overflow: auto;\\n justify-content: center;\\n align-items: center;\\n padding: 6px;\\n']);\n\t\n\tvar _styledComponents = __webpack_require__(11);\n\t\n\tvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\t\n\tvar BlogPostsPageContainer = exports.BlogPostsPageContainer = _styledComponents2.default.div(_templateObject);\n\t\n\tvar BlogCardContainer = exports.BlogCardContainer = _styledComponents2.default.div(_templateObject2);\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// component---src-pages-blog-js-43d6c584e66e8830da97.js","import React from 'react';\nimport Link from 'gatsby-link';\nimport PropTypes from 'prop-types';\n\nimport {\n BlogPostCard,\n BlogTitle, BlogDescription, BlogAuthorDetails, BlogTagIcons, BlogReadLink,\n} from './styles';\n\nconst BlogCard = ({ post }) => (\n <BlogPostCard>\n <BlogTitle>\n { post.node.frontmatter.title }\n </BlogTitle>\n <BlogDescription>\n { post.node.frontmatter.description }\n </BlogDescription>\n <BlogAuthorDetails>\n { post.node.frontmatter.author }\n <span> | </span>\n { post.node.frontmatter.date }\n </BlogAuthorDetails>\n <BlogTagIcons>\n <p>Tags | </p>\n {\n post.node.frontmatter.tags.map((icon, i) => (\n <p key={i}>\n { icon }\n </p>\n ))\n }\n </BlogTagIcons>\n <BlogReadLink>\n <Link to={post.node.frontmatter.path}> Read </Link>\n </BlogReadLink>\n </BlogPostCard>\n);\n\nBlogCard.propTypes = {\n post: PropTypes.object.isRequired,\n};\n\nexport default BlogCard;\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/blog/BlogCard.js","import styled, { keyframes } from 'styled-components';\n\nimport { fadeInUp } from 'react-animations';\n\nimport media from '../../utils/cssMediaTemplate';\n\nconst fadeUp = keyframes`${fadeInUp}`;\n\nexport const BlogPostCard = styled.div`\n min-height: 220px;\n min-width: 50%;\n box-shadow: 0px 0px 8px #b3b3b3;\n border-radius: 2px;\n transition: .1s;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n background: #fff;\n padding-top: 4px;\n padding-bottom: 4px;\n transition: all cubic-bezier(.42,.16,.26,1.4) 400ms;\n margin-bottom: 14px;\n position: relative;\n animation: .5s ease ${fadeUp} forwards;\n\n & > p {\n width: 80%;\n }\n \n &:hover {\n transition: all cubic-bezier(.42,.16,.26,1.4) 200ms;\n box-shadow: 0px 0px 12px #a1bede;\n transform: translateY(-1px);\n }\n\n ${media.medium`\n min-width: 80%;\n `}\n`;\n\nexport const BlogTitle = styled.p`\n font-size: 1.4em;\n color: #020202;\n font-weight: 700;\n margin-top: -5px;\n\n`;\n\nexport const BlogDescription = styled.p`\n font-size: .75em;\n margin-top: -5px;\n letter-spacing: .2px;\n`;\n\nexport const BlogAuthorDetails = styled.p`\n font-size: .6em;\n color: #999999;\n text-align: right;\n letter-spacing: .1px;\n\n & > span {\n font-size: 1em;\n }\n`;\n\nexport const BlogTagIcons = styled.div`\n width: 80%;\n display: flex;\n justify-content: flex-end;\n\n & > p {\n margin-right: 6px;\n color: #999999;\n font-weight: 400;\n letter-spacing: .1px;\n font-size: .5em;\n }\n\n & img {\n margin-left: 10px;\n width: 16px;\n }\n`;\n\nexport const BlogReadLink = styled.div`\n position: absolute;\n bottom: 18px;\n cursor: pointer;\n\n & > a {\n text-decoration: none;\n font-size: .8em;\n font-weight: 500;\n color: #020202;\n transition: .2s;\n\n &:hover {\n color: #3a6ea5;\n transition: .2s;\n }\n }\n`;\n\n\n// WEBPACK FOOTER //\n// ./src/components/blog/styles.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport graphql from 'gatsby-link';\n\n// Styled Components\nimport {\n BlogPostsPageContainer,\n BlogCardContainer,\n} from './styles/blog/styles';\n\n// Components\nimport BlogCard from '../components/blog/BlogCard';\n\nexport default function Blog({ data }) {\n const { allMarkdownRemark: post } = data;\n const BlogPost = post.edges.map((blog, i) => <BlogCard key={i} post={blog} />);\n\n return (\n <BlogPostsPageContainer>\n <BlogCardContainer>\n { BlogPost }\n </BlogCardContainer>\n </BlogPostsPageContainer>\n );\n}\n\nBlog.propTypes = {\n data: PropTypes.object.isRequired,\n};\n\nexport const BlogListQuery = graphql`\n query BlogPosts {\n allMarkdownRemark {\n edges {\n node {\n frontmatter {\n path\n author\n date\n title\n tags\n description\n }\n }\n }\n }\n}\n`;\n\n\n\n// WEBPACK FOOTER //\n// ./src/pages/blog.js","import styled from 'styled-components';\n\nexport const BlogPostsPageContainer = styled.div`\n height: 100vh;\n width: 100%;\n position: fixed;\n top: 0;\n z-index: -99;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #FBFAFC;\n background-image: url(\"data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233a6ea5' fill-opacity='.1'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n`;\n\nexport const BlogCardContainer = styled.div`\n height: 75%;\n width: 100%;\n display: flex;\n flex-direction: column;\n overflow: auto;\n justify-content: center;\n align-items: center;\n padding: 6px;\n`;\n\n\n\n// WEBPACK FOOTER //\n// ./src/pages/styles/blog/styles.js"],"sourceRoot":""}