-
Notifications
You must be signed in to change notification settings - Fork 1
/
161edb849f784c06ff2710753fb2ae881c988403-163021418b0c39f705f4.js
2 lines (2 loc) · 23.4 KB
/
161edb849f784c06ff2710753fb2ae881c988403-163021418b0c39f705f4.js
1
2
"use strict";(self.webpackChunkrecord_journey=self.webpackChunkrecord_journey||[]).push([[52],{860:function(e,t,n){n.r(t),n.d(t,{Head:function(){return O},NoImage:function(){return B},PostFull:function(){return X},default:function(){return R}});var o=n(758),a=n(5257),r=n(4388),i=n(8052),l=n(3595),s=n(1659),c=n(9778);function p(){const e=(0,o.createRef)(),{theme:t}=(0,o.useContext)(s.Z);return(0,o.useEffect)((()=>{var t;const n=document.createElement("script");n.src="https://giscus.app/client.js",n.async=!0,n.crossOrigin="anonymous",n.setAttribute("data-repo","pozafly/blog-comments"),n.setAttribute("data-repo-id","MDEwOlJlcG9zaXRvcnkyNjU3MTk2NDk="),n.setAttribute("data-category","Comments"),n.setAttribute("data-category-id","DIC_kwDOD9aPYc4CX-sv"),n.setAttribute("data-mapping","pathname"),n.setAttribute("data-strict","0"),n.setAttribute("data-reactions-enabled","1"),n.setAttribute("data-emit-metadata","0"),n.setAttribute("data-input-position","top"),n.setAttribute("data-theme","dark"===document.body.className?"dark":"light"),null===(t=e.current)||void 0===t||t.appendChild(n)}),[]),(0,o.useEffect)((()=>{var e;const n=document.querySelector("iframe.giscus-frame");null==n||null===(e=n.contentWindow)||void 0===e||e.postMessage({giscus:{setConfig:{theme:t}}},"https://giscus.app")}),[t]),(0,c.Y)("div",{ref:e})}var d=(0,o.memo)(p),m=n(8868),g=n(4421),u=n(8249),h=n(9625);function b({author:e}){const t=(0,r.c)(e.avatar);return(0,c.Y)(k,{className:"author-list-item"},(0,c.Y)(u.Link,{css:f,className:"author-avatar",to:"/about"},t&&(0,c.Y)(r.G,{image:t,css:h.M,className:"author-profile-image",alt:e.name})))}const k=(0,m.A)("li",{target:"e13xkhp00"})({name:"4q5div",styles:"position:relative;flex-shrink:0;margin:0;padding:0;:hover .author-name-tooltip{transform:translate(-10px, -2px);opacity:1;}"}),f={name:"aezf96",styles:"overflow:hidden;display:block;width:40px;height:40px;margin:0 -4px;border:2px solid var(--author-border);border-radius:100%;@media (max-width: 500px){width:36px;height:36px;}"};var x=n(7509),v=n(8252),y=n(5510);function w({tags:e,datetime:t,readingTime:n,author:a,excerpt:r,title:i}){return(0,c.Y)(v.XG,{className:"post-full-header"},(0,c.Y)(Y,{className:"post-full-tags"},e&&e.length>0&&y.A.showAllTags&&e.map(((e,t)=>(0,c.Y)(o.Fragment,{key:e},t>0&&(0,c.Y)(o.Fragment,null,", "),(0,c.Y)(u.Link,{to:`/tags/${(0,g.A)(e)}/`},e)))),e&&e.length>0&&!y.A.showAllTags&&(0,c.Y)(u.Link,{to:`/tags/${(0,g.A)(e[0])}/`},e[0])),(0,c.Y)(v.MH,{className:"post-full-title"},i),(0,c.Y)(A,{className:"post-full-custom-excerpt"},r),(0,c.Y)(z,{className:"post-full-byline"},(0,c.Y)("section",{className:"post-full-byline-content"},(0,c.Y)(N,{className:"author-list"},(0,c.Y)(b,{key:a[0].name,author:a[0]})),(0,c.Y)("section",{className:"post-full-byline-meta"},(0,c.Y)("div",{className:"author-name"},a.map((e=>(0,c.Y)(u.Link,{key:e.name,to:"/about"},e.name)))),(0,c.Y)("div",{className:"byline-meta-content"},(0,c.Y)("time",{className:"byline-meta-date",dateTime:t},t),(0,c.Y)("span",{className:"byline-reading-time"},(0,c.Y)("span",{className:"bull"},"•"),n.text))))))}const Y=(0,m.A)("section",{target:"emmlh0d3"})("display:flex;align-items:center;justify-content:flex-start;font-size:1.2rem;font-weight:600;line-height:1.4em;color:",x.T.midgrey,";a{font-size:1.2rem;color:var(--anchor-secondary-color);}"),A=(0,m.A)("p",{target:"emmlh0d2"})({name:"d62skr",styles:"margin:20px 0 0;font-size:2rem;font-weight:300;line-height:1.4em;color:var(--post-card-description);@media (max-width: 500px){font-size:1.9rem;line-height:1.5em;}"}),z=(0,m.A)("div",{target:"emmlh0d1"})({name:"r2irbu",styles:"display:flex;justify-content:space-between;margin:35px 0 0;padding-top:15px;border-top:1px solid var(--post-full-border);.post-full-byline-content{display:flex;flex-grow:1;align-items:flex-start;}.post-full-byline-content .author-list{justify-content:flex-start;padding:0 12px 0 0;}.post-full-byline-meta{margin:2px 0 0;font-size:1.4rem;line-height:1.2em;color:#768086;letter-spacing:0.2px;}.post-full-byline-meta .author-name{margin:0 0 3px;font-size:1.4rem;font-weight:500;line-height:1.3em;}.post-full-byline-meta .author-name a{font-size:13px;color:var(--post-full-meta-link);}.post-full-byline-meta .author-name a:hover{color:var(--post-full-meta-link-hover);}.post-full-byline-meta .byline-reading-time,.post-full-byline-meta .byline-meta-date{font-size:13px;}.post-full-byline-meta .bull{display:inline-block;margin:0 4px;opacity:0.6;}"}),N=(0,m.A)("ul",{target:"emmlh0d0"})({name:"12fmpzj",styles:"display:flex;flex-wrap:wrap;margin:0 0 0 4px;padding:0;list-style:none"});function P({imageSource:e,title:t,imageMeta:n}){var a,i;const[l,s,p]=(null===(a=n.photoAuthor)||void 0===a?void 0:a.split(">>"))||[void 0,void 0,void 0],[d,m]=(null===(i=n.photoVender)||void 0===i?void 0:i.split(">>"))||[void 0,void 0];return(0,c.Y)(T,null,(0,c.Y)("div",{className:"image-wrapper"},(0,c.Y)(r.G,{image:e,style:{height:"100%"},alt:t})),s&&(0,c.Y)(M,null,(0,c.Y)(o.Fragment,null,p?"Background photo by ":"Photo by "),(0,c.Y)("a",{href:s,target:"_blank",rel:"noreferrer"},l),d&&(0,c.Y)(o.Fragment,null," ","on"," ",m?(0,c.Y)("a",{href:m,target:"_blank",rel:"noreferrer"},d):(0,c.Y)("span",null,d))))}const T=(0,m.A)("figure",{target:"e16cwxex1"})({name:"1y1xnji",styles:"width:80%;max-height:800px;margin:25px auto 100px;background-size:cover;.image-wrapper{overflow:hidden;width:100%;border:1px solid var(--image-border-color);border-radius:8px;img{border-radius:8px;}}@media (max-width: 1170px){.image-wrapper{img{max-width:1170px;}}}@media (max-width: 800px){width:100%;margin:25px auto 60px;}"}),M=(0,m.A)("figcaption",{target:"e16cwxex0"})({name:"2cqlea",styles:"max-width:728px;margin:10px auto;font-size:12px;text-align:center;a,span{font-size:12px;color:var(--anchor-secondary-color);}@media (max-width: 800px){font-size:11px;a,span{font-size:11px;}}"});var j=e=>(0,c.AH)("*:not(pre)>code[class*='language-']{border-radius:0.3em;background:var(--little-code-background);border:1px solid var(--little-code-border);color:var(--main-color);padding:0.15em 0.5em;white-space:normal;font-size:13px;@media (max-width: 800px){display:inline;}}.gatsby-highlight-code-line{display:block;margin-right:-1.3125rem;margin-left:-1.3125rem;padding-right:1em;padding-left:1.25em;background-color:var(--prism-background);border-left:0.25em solid var(--prism-border-left);font-size:1.4rem;}.gatsby-highlight{margin-bottom:1.75rem;margin-left:-1.3125rem;margin-right:-1.3125rem;border-radius:10px;background:var(--highlight-background);box-shadow:inset 0 0 0 1px var(--highlight-border);-webkit-overflow-scrolling:touch;overflow:auto;}.gatsby-highlight pre[class*='language-']{float:left;min-width:100%;font-size:1.4rem;line-height:24px;}pre[class*='language-'],code[class*='language-']{color:var(--pre-code-color);text-shadow:none;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;&::-webkit-scrollbar{background-color:transparent;height:4px;}&::-webkit-scrollbar-thumb{border-radius:8px;background-color:hsla(230, 5%, 35%, 1);}@media (max-width: 800px){display:inline-block;}}pre[class*='language-']{overflow:auto;}.token{font-size:1.4rem;}pre[data-line]{padding:1em 0 1em 3em;position:relative;}@media print{pre[class*='language-'],code[class*='language-']{text-shadow:none;}}pre[class*='language-']{padding:1em;overflow:auto;margin:0;}:not(pre)>code[class*='language-']{padding:0.1em 0.3em;border-radius:0.3em;color:#c9d1d9;background:#343942;}pre[data-line]{position:relative;}pre[class*='language-']>code[class*='language-']{position:relative;z-index:1;}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:#2f2a1e;box-shadow:inset 5px 0 0 #674c16;z-index:0;pointer-events:none;line-height:inherit;white-space:pre;}.namespace{opacity:0.7;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8b949e;}.token.punctuation{color:#c9d1d9;}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#79c0ff;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a5d6ff;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a5d6ff;}.token.atrule,.token.attr-value,.token.keyword{color:#a5d6ff;}.token.function{color:#d2a8ff;}.token.regex,.token.important,.token.variable{color:#a8daff;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}","light"===e.mode?"\n .token.comment,\n .token.prolog,\n .token.cdata {\n color: hsl(230, 4%, 64%);\n }\n\n .token.doctype,\n .token.punctuation,\n .token.entity {\n color: hsl(230, 8%, 24%);\n }\n\n .token.attr-name,\n .token.class-name,\n .token.boolean,\n .token.constant,\n .token.number,\n .token.atrule {\n color: hsl(35, 99%, 36%);\n }\n\n .token.keyword {\n color: hsl(301, 63%, 40%);\n }\n\n .token.property,\n .token.tag,\n .token.symbol,\n .token.deleted,\n .token.important {\n color: hsl(5, 74%, 59%);\n }\n\n .token.selector,\n .token.string,\n .token.char,\n .token.builtin,\n .token.inserted,\n .token.regex,\n .token.attr-value,\n .token.attr-value > .token.punctuation {\n color: hsl(119, 34%, 47%);\n }\n\n .token.variable,\n .token.operator,\n .token.function {\n color: hsl(221, 87%, 60%);\n }\n\n .token.url {\n color: hsl(198, 99%, 37%);\n }\n\n .token.attr-value > .token.punctuation.attr-equals,\n .token.special-attr > .token.attr-value > .token.value.css {\n color: hsl(230, 8%, 24%);\n }\n\n .language-css .token.selector {\n color: hsl(5, 74%, 59%);\n }\n\n .language-css .token.property {\n color: hsl(230, 8%, 24%);\n }\n\n .language-css .token.function,\n .language-css .token.url > .token.function {\n color: hsl(198, 99%, 37%);\n }\n\n .language-css .token.url > .token.string.url {\n color: hsl(119, 34%, 47%);\n }\n\n .language-css .token.important,\n .language-css .token.atrule .token.rule {\n color: hsl(301, 63%, 40%);\n }\n\n .language-javascript .token.operator {\n color: hsl(301, 63%, 40%);\n }\n\n .language-javascript\n .token.template-string\n > .token.interpolation\n > .token.interpolation-punctuation.punctuation {\n color: hsl(344, 84%, 43%);\n }\n\n .language-json .token.operator {\n color: hsl(230, 8%, 24%);\n }\n\n .language-json .token.null.keyword {\n color: hsl(35, 99%, 36%);\n }\n\n .language-markdown .token.url,\n .language-markdown .token.url > .token.operator,\n .language-markdown .token.url-reference.url > .token.string {\n color: hsl(230, 8%, 24%);\n }\n\n .language-markdown .token.url > .token.content {\n color: hsl(221, 87%, 60%);\n }\n\n .language-markdown .token.url > .token.url,\n .language-markdown .token.url-reference.url {\n color: hsl(198, 99%, 37%);\n }\n\n .language-markdown .token.blockquote.punctuation,\n .language-markdown .token.hr.punctuation {\n color: hsl(230, 4%, 64%);\n }\n\n .language-markdown .token.code-snippet {\n color: hsl(119, 34%, 47%);\n }\n\n .language-markdown .token.bold .token.content {\n color: hsl(35, 99%, 36%);\n }\n\n .language-markdown .token.italic .token.content {\n color: hsl(301, 63%, 40%);\n }\n\n .language-markdown .token.strike .token.content,\n .language-markdown .token.strike .token.punctuation,\n .language-markdown .token.list.punctuation,\n .language-markdown .token.title.important > .token.punctuation {\n color: hsl(5, 74%, 59%);\n }\n\n .token.bold {\n font-weight: bold;\n }\n\n .token.entity {\n cursor: help;\n }\n\n .token.namespace {\n color: rgb(75 117 133);\n }\n\n .token.token.tab:not(:empty):before,\n .token.token.cr:before,\n .token.token.lf:before,\n .token.token.space:before {\n color: hsla(230, 8%, 24%, 0.2);\n }\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 6%, 44%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,\n div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {\n background: hsl(230, 1%, 78%);\n color: hsl(230, 8%, 24%);\n }\n\n .line-highlight.line-highlight {\n background: hsla(230, 8%, 24%, 0.05);\n }\n\n .line-highlight.line-highlight:before,\n .line-highlight.line-highlight[data-end]:after {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 8%, 24%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n\n pre[id].linkable-line-numbers.linkable-line-numbers\n span.line-numbers-rows\n > span:hover:before {\n background-color: hsla(230, 8%, 24%, 0.05);\n }\n\n .line-numbers.line-numbers .line-numbers-rows,\n .command-line .command-line-prompt {\n border-right-color: hsla(230, 8%, 24%, 0.2);\n }\n\n .line-numbers .line-numbers-rows > span:before,\n .command-line .command-line-prompt > span:before {\n color: hsl(230, 1%, 62%);\n }\n\n .rainbow-braces .token.token.punctuation.brace-level-1,\n .rainbow-braces .token.token.punctuation.brace-level-5,\n .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(5, 74%, 59%);\n }\n\n .rainbow-braces .token.token.punctuation.brace-level-2,\n .rainbow-braces .token.token.punctuation.brace-level-6,\n .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(119, 34%, 47%);\n }\n\n .rainbow-braces .token.token.punctuation.brace-level-3,\n .rainbow-braces .token.token.punctuation.brace-level-7,\n .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(221, 87%, 60%);\n }\n\n .rainbow-braces .token.token.punctuation.brace-level-4,\n .rainbow-braces .token.token.punctuation.brace-level-8,\n .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(301, 63%, 40%);\n }\n\n pre.diff-highlight > code .token.token.deleted:not(.prefix),\n pre > code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n\n pre.diff-highlight > code .token.token.inserted:not(.prefix),\n pre > code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n\n .prism-previewer.prism-previewer:before,\n .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(0, 0, 95%);\n }\n .prism-previewer.prism-previewer:after {\n border-top-color: hsl(0, 0, 95%);\n }\n\n .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(0, 0, 95%);\n }\n\n .prism-previewer-angle.prism-previewer-angle:before,\n .prism-previewer-time.prism-previewer-time:before,\n .prism-previewer-easing.prism-previewer-easing {\n background: hsl(0, 0%, 100%);\n }\n\n .prism-previewer-angle.prism-previewer-angle circle,\n .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(230, 8%, 24%);\n stroke-opacity: 1;\n }\n\n .prism-previewer-easing.prism-previewer-easing circle,\n .prism-previewer-easing.prism-previewer-easing path,\n .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(230, 8%, 24%);\n }\n\n .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n ":"",";","");var C=function({html:e}){return(0,c.Y)(v.jS,{className:"post-full-content",css:j},(0,c.Y)("div",{className:"post-content",dangerouslySetInnerHTML:{__html:e}}))},S=n(7600);function $(e){const t=e.relatedPosts.edges.filter((t=>t.node.fields.slug!==e.currentPageSlug)).slice(0,3);return(0,c.Y)(_,{className:"read-next-card"},(0,c.Y)("header",{className:"read-next-card-header"},(0,c.Y)(D,null,(0,c.Y)("span",null,"More in")," ",(0,c.Y)(u.Link,{to:`/tags/${(0,g.A)(e.tags[0])}/`},e.tags[0]))),(0,c.Y)(L,{className:"read-next-card-content"},(0,c.Y)("ul",null,t.map((e=>{const t=new Date(e.node.frontmatter.date),n=(0,a.GP)(t,"yyyy-MM-dd"),o=(0,a.GP)(t,"yyyy-MM-dd");return(0,c.Y)("li",{key:e.node.frontmatter.title},(0,c.Y)("h4",null,(0,c.Y)(u.Link,{to:e.node.fields.slug},e.node.frontmatter.title)),(0,c.Y)(q,{className:"read-next-card-meta"},(0,c.Y)("p",null,(0,c.Y)("time",{dateTime:n},o)," -"," ",e.node.fields.readingTime.text)))})))),(0,c.Y)(F,{className:"read-next-card-footer"},(0,c.Y)(u.Link,{to:`/tags/${(0,g.A)(e.tags[0])}/`},e.relatedPosts.totalCount>1&&`See all ${e.relatedPosts.totalCount} posts`,1===e.relatedPosts.totalCount&&"1 post",0===e.relatedPosts.totalCount&&"No posts"," →")))}const _=(0,m.A)("article",{target:"ez817vd4"})("position:relative;overflow:hidden;display:flex;flex:0 1 326px;flex-direction:column;margin:0 25px 50px;padding:25px;background:linear-gradient(\n ",(0,S.a)("0.02",x.T.darkgrey),",\n ",(0,S.a)("-0.05",x.T.darkgrey),"\n );border-radius:12px;a{transition:all 0.2s ease-in-out;}a:hover{text-decoration:none;}@media (max-width: 1170px){flex:1 1 261px;margin-bottom:5vw;}@media (max-width: 650px){display:none;flex:1 1 auto;margin:0 25px;padding:0;background:none;}"),D=(0,m.A)("h3",{target:"ez817vd3"})({name:"18chcim",styles:"margin:0;font-size:1.3rem;font-weight:300;line-height:1em;color:rgb(255 255 255 / 0.6);letter-spacing:0.4px;span,a{font-size:inherit;}a{font-weight:500;color:#fff;text-decoration:none;opacity:0.8;}a:hover{opacity:1;}"}),L=(0,m.A)("div",{target:"ez817vd2"})({name:"1vix6iq",styles:"font-size:1.3rem;ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;}li{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:20px 0;border-bottom:rgb(255 255 255 / 0.1);}li:last-of-type{padding-bottom:5px;border:none;}h4{margin:0;font-size:1.3rem;font-weight:600;line-height:1.6em;}li a{display:block;font-size:inherit;color:#fff;opacity:0.8;}li a:hover{opacity:1;}"}),q=(0,m.A)("div",{target:"ez817vd1"})({name:"1qhf9t",styles:"margin-top:2px;font-size:1.2rem;font-weight:400;line-height:1.4em;p{margin:0;font-size:inherit;color:rgb(255 255 255 / 0.6);time{font-size:inherit;}}"}),F=(0,m.A)("footer",{target:"ez817vd0"})("position:relative;margin:40px 0 5px;a{padding:7px 12px 8px 14px;font-size:1.3rem;color:rgb(255 255 255 / 0.6);border:1px solid rgb(255 255 255 / 0.6);border-radius:999px;transition:all 0.35s ease-in-out;}a:hover{color:",x.T.yellow,";text-decoration:none;border-color:",x.T.yellow,";}");function G({relatedPosts:e,currentPageSlug:t,tags:n,pageContext:o}){const a=e.totalCount>1;return(0,c.Y)(U,{className:"read-next",css:v.A7},(0,c.Y)("div",{css:v.vW},(0,c.Y)(E,{className:"read-next-feed"},a&&(0,c.Y)($,{currentPageSlug:t,tags:n,relatedPosts:e}),o.prev&&(0,c.Y)(h.A,{post:o.prev,isNext:!0}),o.next&&(0,c.Y)(h.A,{post:o.next,isNext:!0}))))}const U=(0,m.A)("aside",{target:"e7ky4j51"})("background:",(0,S.a)("-0.05",x.T.darkgrey),";.post-card{padding-bottom:0;border-bottom:none;}.post-card:after{display:none;}.post-card-primary-tag{color:#fff;opacity:0.6;}.post-card-title{color:#fff;word-break:keep-all;opacity:0.8;transition:all 0.2s ease-in-out;}.post-card:hover .post-card-image{opacity:1;}.post-card-excerpt{color:rgb(255 255 255 / 0.6);}.static-avatar{border-color:#000;}.post-card-byline-content{color:rgb(255 255 255 / 0.6);}.post-card-byline-content a{color:rgb(255 255 255 / 0.8);}.author-avatar{border-color:",(0,S.a)("-0.05",x.T.darkgrey),";}.author-profile-image{background:",(0,S.a)("-0.05",x.T.darkgrey),";}@media (max-width: 650px){.post-card{flex:1 1 auto;margin:25px;padding:25px 0 0;}}"),E=(0,m.A)("div",{target:"e7ky4j50"})({name:"2ud111",styles:"display:flex;flex-wrap:wrap;margin:0 -25px;padding:60px 0 0"});var H=n(5028),I=n(6075);const O=({data:e,location:t})=>{var n,a;const i=e.markdownRemark,l=i.frontmatter.image;let s,p;var d,m;l&&(s=null===(d=(0,r.c)(l))||void 0===d?void 0:d.width,p=null===(m=(0,r.c)(l))||void 0===m?void 0:m.height);const g=new Date(i.frontmatter.date).toISOString();return(0,c.Y)(o.Fragment,null,(0,c.Y)("title",null,i.frontmatter.title),(0,c.Y)("meta",{name:"description",content:i.frontmatter.excerpt||i.excerpt}),(0,c.Y)("meta",{property:"og:site_name",content:y.A.title}),(0,c.Y)("meta",{property:"og:type",content:"article"}),(0,c.Y)("meta",{property:"og:title",content:i.frontmatter.title}),(0,c.Y)("meta",{property:"og:description",content:i.frontmatter.excerpt||i.excerpt}),(0,c.Y)("meta",{property:"og:url",content:y.A.siteUrl+t.pathname}),l&&(0,c.Y)("meta",{property:"og:image",content:`${y.A.siteUrl}${(0,r.d)(l)}`}),(0,c.Y)("meta",{property:"article:published_time",content:g}),i.frontmatter.tags&&(0,c.Y)("meta",{property:"article:tag",content:i.frontmatter.tags[0]}),y.A.instagram&&(0,c.Y)("meta",{property:"article:publisher",content:y.A.instagram}),y.A.instagram&&(0,c.Y)("meta",{property:"article:author",content:y.A.instagram}),(0,c.Y)("meta",{name:"github:card",content:"summary_large_image"}),(0,c.Y)("meta",{name:"github:title",content:i.frontmatter.title}),(0,c.Y)("meta",{name:"github:description",content:i.frontmatter.excerpt||i.excerpt}),(0,c.Y)("meta",{name:"github:url",content:y.A.siteUrl+t.pathname}),l&&(0,c.Y)("meta",{name:"github:image",content:`${y.A.siteUrl}${(0,r.d)(l)}`}),(0,c.Y)("meta",{name:"github:label1",content:"Written by"}),(0,c.Y)("meta",{name:"github:data1",content:i.frontmatter.author[0].name}),(0,c.Y)("meta",{name:"github:label2",content:"Filed under"}),i.frontmatter.tags&&(0,c.Y)("meta",{name:"github:data2",content:i.frontmatter.tags[0]}),y.A.github&&(0,c.Y)("meta",{name:"github:site",content:`@${y.A.github.split("https://github.com/")[1]}`}),y.A.github&&(0,c.Y)("meta",{name:"github:creator",content:`@${y.A.github.split("https://github.com/")[1]}`}),s&&(0,c.Y)("meta",{property:"og:image:width",content:null===(n=s)||void 0===n?void 0:n.toString()}),p&&(0,c.Y)("meta",{property:"og:image:height",content:null===(a=p)||void 0===a?void 0:a.toString()}))};function R({data:e,pageContext:t,location:n}){const o=e.markdownRemark,s=o.frontmatter.image,p=(0,r.c)(s),m={photoAuthor:o.frontmatter.photoAuthor,photoVender:o.frontmatter.photoVender},g=new Date(o.frontmatter.date),u=(0,a.GP)(g,"yyyy-MM-dd");return(0,c.Y)(I.A,{className:"post-template"},(0,c.Y)(H.A,{css:V},(0,c.Y)(l.A,{isPost:!0,post:o.frontmatter}),(0,c.Y)("main",{id:"site-main",className:"site-main",css:[v.rg,v.A7,"",""]},(0,c.Y)("div",{css:v.vW},(0,c.Y)("article",{css:[X,!s&&B,"",""]},(0,c.Y)(w,{tags:o.frontmatter.tags,readingTime:o.fields.readingTime,datetime:u,author:o.frontmatter.author,excerpt:o.frontmatter.excerpt,title:o.frontmatter.title}),p&&(0,c.Y)(P,{imageSource:p,title:o.frontmatter.title,imageMeta:m}),(0,c.Y)(C,{html:o.html})),(0,c.Y)("div",{css:W},(0,c.Y)(d,null)))),(0,c.Y)(G,{currentPageSlug:n.pathname,tags:o.frontmatter.tags,relatedPosts:e.relatedPosts,pageContext:t}),(0,c.Y)(i.A,null)))}const W={name:"lhozv1",styles:"position:relative;box-sizing:border-box;width:100%;max-width:760px;margin-right:auto;margin-left:auto"},V={name:"vva9px",styles:".site-main{margin-top:64px;padding-bottom:4vw;background:var(--background-color);}"},X={name:"bjn8wh",styles:"position:relative"},B={name:"ftxusk",styles:".post-full-content{padding-top:0;padding-bottom:0;}.post-full-content:before,.post-full-content:after{display:none;}"}}}]);
//# sourceMappingURL=161edb849f784c06ff2710753fb2ae881c988403-163021418b0c39f705f4.js.map