1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[195],{7286:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return e(1144)}])},6710:function(n,t,e){"use strict";var r=e(2729),o=e(5893),i=e(1664),a=e.n(i),c=e(508),s=e(9099),l=e(2371);function f(){let n=(0,r._)(["\n height: var(--back-button-height);\n width: 6rem;\n display: flex;\n align-items: center;\n color: var(--color-text-muted);\n cursor: pointer;\n text-decoration: none;\n\n &:hover {\n color: var(--color-text-base);\n }\n\n &:hover span:last-of-type {\n display: revert;\n transform: translateX(var(--spacing-1x));\n opacity: revert;\n transition: transform var(--transition-fast), opacity var(--transition-fast);\n }\n"]);return f=function(){return n},n}function u(){let n=(0,r._)(["\n font-family: var(--font-sans);\n font-size: var(--font-size-m);\n margin-top: 2px;\n opacity: 0%;\n transition: transform var(--transition-default), opacity var(--transition-default);\n\n @media "," {\n font-size: var(--font-size-m);\n }\n\n @media "," {\n font-size: var(--font-size-s);\n }\n"]);return u=function(){return n},n}t.Z=n=>(0,o.jsx)(a(),{href:n.href,legacyBehavior:!0,children:(0,o.jsxs)(d,{...n,children:[(0,o.jsx)(l.Z,{size:20})," ",(0,o.jsx)(h,{children:n.children})]})});let d=c.ZP.a.withConfig({componentId:"sc-8ac48878-0"})(f()),h=c.ZP.span.withConfig({componentId:"sc-8ac48878-1"})(u(),s.vb.laptopAndBelow,s.vb.phoneAndBelow)},272:function(n,t,e){"use strict";e.d(t,{Z:function(){return a}});var r=e(5893),o=e(8420),i=e(4900);function a(n){let{dateString:t}=n,e=(0,o.Z)(t);return(0,r.jsx)("time",{dateTime:t,children:(0,i.Z)(e,"LLLL d, yyyy")})}},1144:function(n,t,e){"use strict";e.r(t),e.d(t,{__N_SSG:function(){return A}});var r=e(2729),o=e(5893),i=e(3368),a=e(9008),c=e.n(a),s=e(508),l=e(1664),f=e.n(l),u=e(272),d=e(6710),h=e(9099),v=e(8657);function m(){let n=(0,r._)(["\n /* display: flex;\n justify-content: center;
1\n align-items: flex-start; */\n min-height: calc(100vh - var(--footer-height) - var(--nav-height));\n\n & * {\n font-family: var(--font-sans);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-m);\n\n @media "," {\n font-size: var(--font-size-s);\n }\n }\n\n @media "," {\n min-height: calc(100vh - var(--footer-height));\n }\n"]);return m=function(){return n},n}function p(){let n=(0,r._)(["\n position: sticky;\n top: var(--spacing-5x);\n left: var(--spacing-6x);\n\n @media "," {\n position: relative;\n left: 0;\n }\n"]);return p=function(){return n},n}function g(){let n=(0,r._)(["\n grid-column: 7 / -1;\n width: min(30rem, 100%);\n margin-top: 10rem;\n margin-bottom: 10rem;\n\n @media "," {\n grid-column: 1 / -1;\n }\n"]);return g=function(){return n},n}function b(){let n=(0,r._)(["\n font-size: var(--font-size-l);\n font-weight: var(--font-weight-bold);\n margin-bottom: var(--spacing-s);\n color: var(--color-text-base);\n\n @media "," {\n font-size: var(--font-size-m);\n }\n"]);return b=function(){return n},n}function x(){let n=(0,r._)(["\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-normal);\n color: var(--color-text-muted);\n\n & a {\n font-size: var(--font-size-s);\n }\n"]);return x=function(){return n},n}function w(){let n=(0,r._)(["\n margin-bottom: var(--spacing-6x);\n animation: onload-fade var(--duration-load) var(--ease-out) both;\n\n @media "," {\n margin-bottom: var(--spacing-5x);\n }\n"]);return w=function(){return n},n}function y(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n gap: var(--spacing-3x);\n grid-column: 2 / -1;\n animation: onload-fade var(--duration-load) var(--ease-out) both;\n animation-delay: var(--stagger-1);\n"]);return y=function(){return n},n}function j(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-s);\n"]);return j=function(){return n},n}function _(){let n=(0,r._)(["\n color: var(--color-text-muted);\n"]);return _=function(){return n},n}let z=(0,s.ZP)(v.Z).withConfig({componentId:"sc-52cccab-0"})(m(),h.vb.tabletAndBelow,h.vb.tabletAndBelow);(0,s.ZP)(d.Z).withConfig({componentId:"sc-52cccab-1"})(p(),h.vb.phoneAndBelow);let Z=s.ZP.div.withConfig({componentId:"sc-52cccab-2"})(g(),h.vb.phoneAndBelow),P=s.ZP.h1.withConfig({componentId:"sc-52cccab-3"})(b(),h.vb.tabletAndBelow),C=s.ZP.p.withConfig({componentId:"sc-52cccab-4"})(x()),O=s.ZP.div.withConfig({componentId:"sc-52cccab-5"})(w(),h.vb.tabletAndBelow),B=s.ZP.ul.withConfig({componentId:"sc-52cccab-6"})(y()),I=s.ZP.li.withConfig({componentId:"sc-52cccab-7"})(j()),k=s.ZP.p.withConfig({componentId:"sc-52cccab-8"})(_());var A=!0;t.default=n=>{let{allPostsData:t}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c(),{children:(0,o.jsx)("title",{children:"Blog"})}),(0,o.jsx)(i.Z,{children:(0,o.jsx)(z,{children:(0,o.jsxs)(Z,{children:[(0,o.jsxs)(O,{children:[(0,o.jsx)(P,{children:"Blog"}),(0,o.jsxs)(C,{children:["Subscribe via ",(0,o.jsx)("a",{href:"/feed.xml",children:"RSS"})," or"," ",(0,o.jsx)("a",{href:"https://buttondown.email/charlsyang",children:"email"})]})]}),(0,o.jsx)(B,{children:t.map(n=>{let{slug:t,date:e,title:r}=n;return(0,o.jsxs)(I,{children:[(0,o.jsx)(f(),{href:"/blog/".concat(t),children:r}),(0,o.jsx)(k,{children:(0,o.jsx)(u.Z,{dateString:e})})]},t)})})]})})})]})}},2371:function(n,t,e){"use strict";var r=e(7294),o=e(5697),i=e.n(o);function a(){return(a=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n}).apply(this,arguments)}var c=(0,r.forwardRef)(function(n,t){var e=n.color,o=n.size,i=void 0===o?24:o,c=function(n,t){if(null==n)return{};var e,r,o=function(n,t){if(null==n)return{};var e,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)e=i[r],t.indexOf(e)>=0||(o[e]=n[e]);return o}(n,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)e=i[r],!(t.indexOf(e)>=0)&&Object.prototype.propertyIsEnumerable.call(n,e)&&(o[e]=n[e])}return o}(n,["color","size"]);return r.createElement("svg",a({ref:t,xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:void 0===e?"currentColor":e,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c),r.createElement("line",{x1:"19",y1:"12",x2:"5",y2:"12"}),r.createElement("polyline",{points:"12 19 5 12 12 5"}))});
1c.propTypes={color:i().string,size:i().oneOfType([i().string,i().number])},c.displayName="ArrowLeft",t.Z=c}},function(n){n.O(0,[932,774,888,179],function(){return n(n.s=7286)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.