\n \n \n {typeof img === 'object' ? (\n \n \n
\n \n
\n \n {title} \n
\n \n 
\n
\n \n {authorName}\n \n {formattedDate}\n {timeToRead && {timeToRead} min }\n \n
\n \n
\n \n
\n \n Share\n
\n - \n
- \n
\n \n\n
\n - \n
\n \n\n
\n - \n
\n \n\n
\n
\n
\n \n
\n {authorName}
\n {!bio && {authorDesc}}\n {bio &&{bio}
}\n\n
\n \n {renderFacebookComments()}\n {renderRelatedList()}\n \n );\n};\n","/* eslint-disable prefer-const */\n/* eslint-disable func-names */\nexport default function initFBComments() {\n (function (d, s, id) {\n let js;\n const fjs = d.getElementsByTagName(s)[0];\n if (d.getElementById(id)) return;\n js = d.createElement(s);\n js.id = id;\n js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2&appId=926720414193529';\n fjs.parentNode.insertBefore(js, fjs);\n })(document, 'script', 'facebook-jssdk');\n}\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Recommendations = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _utils = require(\"./utils\");\n\nvar _constants = require(\"./constants\");\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n return function () {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nvar Recommendations = /*#__PURE__*/function (_React$Component) {\n _inherits(Recommendations, _React$Component);\n\n var _super = _createSuper(Recommendations);\n\n function Recommendations() {\n _classCallCheck(this, Recommendations);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Recommendations, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.loadInstance();\n }\n }, {\n key: \"shouldComponentUpdate\",\n value: function shouldComponentUpdate(nextProps) {\n if (this.props === nextProps) return false;\n return (0, _utils.shallowComparison)(this.props, nextProps);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n this.loadInstance();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.cleanInstance();\n }\n }, {\n key: \"getDisqusConfig\",\n value: function getDisqusConfig(config) {\n return function () {\n this.page.identifier = config.identifier;\n this.page.url = config.url;\n this.page.title = config.title;\n this.language = config.language;\n };\n }\n }, {\n key: \"loadInstance\",\n value: function loadInstance() {\n if (typeof window !== 'undefined' && window.document) {\n window.disqus_config = this.getDisqusConfig(this.props.config);\n\n if (window.document.getElementById(_constants.RECOMMENDATIONS_SCRIPT_ID)) {\n this.reloadInstance();\n } else {\n (0, _utils.insertScript)(\"https://\".concat(this.props.shortname, \".disqus.com/recommendations.js\"), _constants.RECOMMENDATIONS_SCRIPT_ID, window.document.body);\n }\n }\n }\n }, {\n key: \"reloadInstance\",\n value: function reloadInstance() {\n if (window && window.DISQUS_RECOMMENDATIONS) {\n window.DISQUS_RECOMMENDATIONS.reset({\n reload: true\n });\n }\n }\n }, {\n key: \"cleanInstance\",\n value: function cleanInstance() {\n (0, _utils.removeScript)(_constants.RECOMMENDATIONS_SCRIPT_ID, window.document.body);\n\n try {\n delete window.DISQUS_RECOMMENDATIONS;\n } catch (error) {\n window.DISQUS_RECOMMENDATIONS = undefined;\n }\n\n var recommendations = window.document.getElementById(_constants.RECOMMENDATIONS_ID);\n\n if (recommendations) {\n while (recommendations.hasChildNodes()) {\n recommendations.removeChild(recommendations.firstChild);\n }\n }\n\n (0, _utils.removeResources)();\n }\n }, {\n key: \"render\",\n value: function render() {\n // eslint-disable-next-line no-unused-vars\n var _this$props = this.props,\n shortname = _this$props.shortname,\n config = _this$props.config,\n rest = _objectWithoutProperties(_this$props, [\"shortname\", \"config\"]);\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", _extends({}, rest, {\n id: _constants.RECOMMENDATIONS_ID\n }));\n }\n }]);\n\n return Recommendations;\n}(_react[\"default\"].Component);\n\nexports.Recommendations = Recommendations;\nRecommendations.propTypes = {\n shortname: _propTypes[\"default\"].string.isRequired,\n config: _propTypes[\"default\"].shape({\n identifier: _propTypes[\"default\"].string,\n url: _propTypes[\"default\"].string,\n title: _propTypes[\"default\"].string,\n language: _propTypes[\"default\"].string\n })\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.DiscussionEmbed = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _utils = require(\"./utils\");\n\nvar _constants = require(\"./constants\");\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _createSuper(Derived) {\n var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n return function () {\n var Super = _getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = _getPrototypeOf(this).constructor;\n\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return _possibleConstructorReturn(this, result);\n };\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nvar DiscussionEmbed = /*#__PURE__*/function (_React$Component) {\n _inherits(DiscussionEmbed, _React$Component);\n\n var _super = _createSuper(DiscussionEmbed);\n\n function DiscussionEmbed() {\n _classCallCheck(this, DiscussionEmbed);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(DiscussionEmbed, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (typeof window !== 'undefined' && window.disqus_shortname && window.disqus_shortname !== this.props.shortname) this.cleanInstance();\n this.loadInstance();\n }\n }, {\n key: \"shouldComponentUpdate\",\n value: function shouldComponentUpdate(nextProps) {\n if (this.props === nextProps) return false;\n return (0, _utils.shallowComparison)(this.props, nextProps);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(nextProps) {\n if (this.props.shortname !== nextProps.shortname) this.cleanInstance();\n this.loadInstance();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.cleanInstance();\n }\n }, {\n key: \"loadInstance\",\n value: function loadInstance() {\n var doc = window.document;\n\n if (window && window.DISQUS && doc.getElementById(_constants.EMBED_SCRIPT_ID)) {\n window.DISQUS.reset({\n reload: true,\n config: this.getDisqusConfig(this.props.config)\n });\n } else {\n window.disqus_config = this.getDisqusConfig(this.props.config);\n window.disqus_shortname = this.props.shortname;\n (0, _utils.insertScript)(\"https://\".concat(this.props.shortname, \".disqus.com/embed.js\"), _constants.EMBED_SCRIPT_ID, doc.body);\n }\n }\n }, {\n key: \"cleanInstance\",\n value: function cleanInstance() {\n var doc = window.document;\n (0, _utils.removeScript)(_constants.EMBED_SCRIPT_ID, doc.body);\n if (window && window.DISQUS) window.DISQUS.reset({});\n\n try {\n delete window.DISQUS;\n } catch (error) {\n window.DISQUS = undefined;\n }\n\n var disqusThread = doc.getElementById(_constants.THREAD_ID);\n\n if (disqusThread) {\n while (disqusThread.hasChildNodes()) {\n disqusThread.removeChild(disqusThread.firstChild);\n }\n }\n\n (0, _utils.removeResources)();\n }\n }, {\n key: \"getDisqusConfig\",\n value: function getDisqusConfig(config) {\n return function () {\n var _this = this;\n\n this.page.identifier = config.identifier;\n this.page.url = config.url;\n this.page.title = config.title;\n this.page.category_id = config.categoryID;\n this.page.remote_auth_s3 = config.remoteAuthS3;\n this.page.api_key = config.apiKey;\n if (config.language) this.language = config.language;\n\n _constants.CALLBACKS.forEach(function (callbackName) {\n _this.callbacks[callbackName] = [config[callbackName]];\n });\n };\n }\n }, {\n key: \"render\",\n value: function render() {\n // eslint-disable-next-line no-unused-vars\n var _this$props = this.props,\n shortname = _this$props.shortname,\n config = _this$props.config,\n rest = _objectWithoutProperties(_this$props, [\"shortname\", \"config\"]);\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", _extends({}, rest, {\n id: _constants.THREAD_ID\n }));\n }\n }]);\n\n return DiscussionEmbed;\n}(_react[\"default\"].Component);\n\nexports.DiscussionEmbed = DiscussionEmbed;\nDiscussionEmbed.propTypes = {\n shortname: _propTypes[\"default\"].string.isRequired,\n config: _propTypes[\"default\"].shape({\n identifier: _propTypes[\"default\"].string,\n url: _propTypes[\"default\"].string,\n title: _propTypes[\"default\"].string,\n language: _propTypes[\"default\"].string,\n categoryID: _propTypes[\"default\"].string,\n remoteAuthS3: _propTypes[\"default\"].string,\n apiKey: _propTypes[\"default\"].string,\n preData: _propTypes[\"default\"].func,\n preInit: _propTypes[\"default\"].func,\n onInit: _propTypes[\"default\"].func,\n onReady: _propTypes[\"default\"].func,\n afterRender: _propTypes[\"default\"].func,\n preReset: _propTypes[\"default\"].func,\n onIdentify: _propTypes[\"default\"].func,\n beforeComment: _propTypes[\"default\"].func,\n onNewComment: _propTypes[\"default\"].func,\n onPaginate: _propTypes[\"default\"].func\n }).isRequired\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.CALLBACKS = exports.RECOMMENDATIONS_SCRIPT_ID = exports.RECOMMENDATIONS_ID = exports.COMMENT_EMBED_HEIGHT = exports.COMMENT_EMBED_WIDTH = exports.COMMENT_COUNT_SCRIPT_ID = exports.COMMENT_COUNT_CLASS = exports.EMBED_SCRIPT_ID = exports.THREAD_ID = void 0;\nvar THREAD_ID = 'disqus_thread';\nexports.THREAD_ID = THREAD_ID;\nvar EMBED_SCRIPT_ID = 'dsq-embed-scr';\nexports.EMBED_SCRIPT_ID = EMBED_SCRIPT_ID;\nvar COMMENT_COUNT_CLASS = 'disqus-comment-count';\nexports.COMMENT_COUNT_CLASS = COMMENT_COUNT_CLASS;\nvar COMMENT_COUNT_SCRIPT_ID = 'dsq-count-scr';\nexports.COMMENT_COUNT_SCRIPT_ID = COMMENT_COUNT_SCRIPT_ID;\nvar COMMENT_EMBED_WIDTH = 420;\nexports.COMMENT_EMBED_WIDTH = COMMENT_EMBED_WIDTH;\nvar COMMENT_EMBED_HEIGHT = 320;\nexports.COMMENT_EMBED_HEIGHT = COMMENT_EMBED_HEIGHT;\nvar RECOMMENDATIONS_ID = 'disqus_recommendations';\nexports.RECOMMENDATIONS_ID = RECOMMENDATIONS_ID;\nvar RECOMMENDATIONS_SCRIPT_ID = 'dsq-recs-scr';\nexports.RECOMMENDATIONS_SCRIPT_ID = RECOMMENDATIONS_SCRIPT_ID;\nvar CALLBACKS = ['preData', 'preInit', 'onInit', 'onReady', 'afterRender', 'preReset', 'onIdentify', 'beforeComment', 'onNewComment', 'onPaginate'];\nexports.CALLBACKS = CALLBACKS;","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkJsb2ciIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJCbG9nLUFydGljbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NjYuMDAwMDAwLCAtMzQ0NS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkFydGljbGUtU2hhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0My4wMDAwMDAsIDM0MDkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYzLjAwMDAwMCwgMzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzNCNTk5OCIgY3g9IjI0IiBjeT0iMjQiIHI9IjI0Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1Ljc2MzM5MjksMzMgTDI1Ljc2MzM5MjksMjQuNzczNDM3NSBMMjguNTA1NTgwNCwyNC43NzM0Mzc1IEwyOC45Mjc0NTU0LDIxLjU3NDIxODggTDI1Ljc2MzM5MjksMjEuNTc0MjE4OCBMMjUuNzYzMzkyOSwxOS41MzUxNTYyIEMyNS43NjMzOTI5LDE5LjAxOTUyODcgMjUuODc0NzE5OSwxOC42MzI4MTM4IDI2LjA5NzM3NzIsMTguMzc1IEMyNi4zMjAwMzQ2LDE4LjExNzE4NjIgMjYuNzM2MDQ2MSwxNy45ODgyODEyIDI3LjM0NTQyNDEsMTcuOTg4MjgxMiBMMjkuMDMyOTI0MSwxNy45ODgyODEyIEwyOS4wMzI5MjQxLDE1LjE0MDYyNSBDMjguNjU3OTIyMiwxNS4wNDY4NzQ1IDI3LjgzNzYxNzksMTUgMjYuNTcxOTg2NiwxNSBDMjUuMzA2MzU1MywxNSAyNC4zMDQ0MTIyLDE1LjM2OTEzNjkgMjMuNTY2MTI3MiwxNi4xMDc0MjE5IEMyMi44Mjc4NDIzLDE2Ljg0NTcwNjggMjIuNDU4NzA1NCwxNy44ODI4MDU4IDIyLjQ1ODcwNTQsMTkuMjE4NzUgTDIyLjQ1ODcwNTQsMjEuNTc0MjE4OCBMMTkuNjgxMzYxNiwyMS41NzQyMTg4IEwxOS42ODEzNjE2LDI0Ljc3MzQzNzUgTDIyLjQ1ODcwNTQsMjQuNzczNDM3NSBMMjIuNDU4NzA1NCwzMyBMMjUuNzYzMzkyOSwzMyBaIiBpZD0i7oGBIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=\"","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport Link from 'components/ui/link';\nimport Img from 'gatsby-image';\n\nexport const Title = styled.h2`\n margin: 0 0 16px;\n font-size: 22px;\n line-height: 34px;\n font-weight: 700;\n ${media.desktopWide} {\n margin: 0 0 8px;\n font-size: 18px;\n line-height: 24px;\n }\n ${media.desktop} {\n margin: 0 0 16px;\n font-size: 22px;\n line-height: 34px;\n }\n ${media.tablet} {\n font-size: 16px;\n line-height: 24px;\n }\n`;\n\nexport const Preview = styled.div`\n max-height: auto;\n display: flex;\n margin: 20px 0;\n flex-direction: ${(props) => (props.isList ? 'column' : 'row')};\n color: #000;\n ${media.desktop} {\n flex-direction: column;\n max-height: fit-content;\n margin: 0 0 13px;\n }\n`;\n\nexport const FirstPreview = styled.div`\n display: flex;\n flex-direction: column;\n color: #000;\n ${Title} {\n font-size: 36px;\n line-height: 50px;\n }\n ${media.tablet} {\n ${Title} {\n font-size: 26px;\n line-height: 38px;\n }\n & p:first-child,\n & p:last-child {\n font-size: 14px !important;\n }\n & .desc {\n font-size: 14px;\n }\n }\n`;\n\nexport const Content = styled.div`\n margin-left: ${(props) => (props.isList ? '0' : '24px')};\n margin-top: ${(props) => (props.isList ? '16px' : '0')};\n display: flex;\n flex-direction: column;\n & p {\n margin: 0;\n font-weight: 400;\n transition: none;\n }\n & p:first-child {\n font-size: 14px;\n color: #0a4ed6;\n text-transform: uppercase;\n margin: 0 0 8px;\n font-weight: 700;\n line-height: normal;\n }\n & p:last-child {\n font-size: 12px;\n color: #808080;\n font-weight: ${(props) => (props.isList ? '500' : '400')};\n margin-top: 6px;\n line-height: normal;\n margin-bottom: 0;\n }\n & p.name {\n margin-bottom: 0;\n font-size: 14px;\n line-height: normal;\n }\n & p.name.bigger {\n font-size: 16px;\n }\n ${media.desktop} {\n margin-left: 0;\n margin-top: 16px;\n }\n ${media.tablet} {\n & p:first-child,\n & p:last-child {\n font-size: 12px;\n line-height: normal;\n }\n }\n`;\n\nexport const FirstContent = styled(Content)`\n margin: 60px 0 0 0;\n & p {\n margin: 0 0 24px;\n font-size: 18px;\n }\n & .desc {\n line-height: 30px;\n }\n`;\n\nexport const FirstImg = styled.img`\n border-radius: 4px;\n transition: 0.3s;\n width: 100%;\n height: 100%;\n\n ${media.desktop} {\n min-height: auto;\n height: ${(props) => (props.isList ? '180px' : 'auto')};\n }\n ${media.mobile} {\n object-fit: cover;\n height: 150px;\n }\n`;\n\nexport const GatsbyImg = styled(Img)`\n border-radius: 4px;\n transition: 0.3s;\n width: 100%;\n height: 100%;\n\n ${media.desktop} {\n min-height: auto;\n height: ${(props) => (props.isList ? '180px' : 'auto')};\n }\n ${media.mobile} {\n object-fit: cover;\n height: 150px;\n }\n`;\n\nexport const CustomImg = styled.img`\n width: ${(props) => (props.isList ? '100%' : '150px')};\n height: ${(props) => (props.isList ? '210px' : '150px')};\n border-radius: 4px;\n transition: 0.3s;\n object-fit: cover;\n ${media.desktopWide} {\n object-fit: cover;\n }\n ${media.desktop} {\n min-height: auto;\n height: ${(props) => (props.isList ? '180px' : '150px')};\n width: 100%;\n }\n ${media.mobile} {\n height: 150px;\n }\n`;\n\nexport const CustomLink = styled(Link)`\n display: block;\n transition: none;\n &:hover {\n text-decoration: none;\n ${GatsbyImg}:not(.first),\n & ${CustomImg}, & ${FirstImg} {\n transform: scale(1.08);\n }\n & ${Title} {\n text-decoration: underline;\n }\n }\n`;\n\nexport const ImageBox = styled.div`\n overflow: hidden;\n min-width: 150px;\n min-height: ${(props) => (props.isList ? '210px' : '150px')};\n &.first {\n transform: scale(1.2) translateX(-7%);\n @media (max-width: 1440px) {\n transform: scale(1) translateX(0);\n }\n }\n ${media.desktop} {\n min-height: 150px;\n }\n`;\n\nexport const TimeToRead = styled.p`\n margin-bottom: 0;\n position: relative;\n &.bigger {\n font-size: 14px !important;\n }\n & span {\n position: relative;\n margin-left: 24px;\n &::before {\n content: '';\n width: 4px;\n height: 4px;\n border-radius: 50%;\n position: absolute;\n top: 8px;\n left: -14px;\n transform: translateY(-50%);\n background-color: #808080;\n }\n }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { format } from 'date-fns';\nimport * as Styled from './styled';\n\nconst ArticlePreview = ({\n first,\n title,\n description,\n img,\n url,\n date,\n blogDate,\n // category,\n author = {},\n imgStyle,\n group,\n isList,\n list,\n timeToRead,\n}) => {\n const { authorName } = author;\n\n const image =\n typeof img === 'object' ? (\n \n
\n {list || 'Articles'}
\n{description}
\nby {authorName}
\n{list || group || 'Articles'}
\nby {authorName}
\n