https://www.taniarascia.com/component---src-templates-post-js-d05482ffc729143b7d16.js

1"use strict";(self.webpackChunktaniarascia_com=self.webpackChunktaniarascia_com||[]).push([[480],{2711:function(e,t,n){function a(e,t){return void 0===t&&(t={}),e.map((e=>{var n,a;return{id:e.node.id,date:e.node.frontmatter.date,slug:e.node.fields.slug,tags:e.node.frontmatter.tags,categories:e.node.frontmatter.categories,title:e.node.frontmatter.title,description:e.node.frontmatter.description,...t.thumbnails&&{thumbnail:null===(n=e.node.frontmatter)||void 0===n||null===(a=n.thumbnail)||void 0===a?void 0:a.publicURL}}}))}function r(e){return e&&`${e}`.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g).map((e=>e.toLowerCase())).join("-")}function s(){const e=document.getElementById("append-comments-here"),t=document.createElement("script"),n=window.localStorage.getItem("theme");t.async=!0,t.src="https://utteranc.es/client.js",t.setAttribute("repo","taniarascia/comments"),t.setAttribute("issue-term","pathname"),t.setAttribute("id","utterances"),t.setAttribute("theme","light"===n?"github-light":"github-dark"),t.setAttribute("crossorigin","anonymous"),e.firstChild?console.error("Error adding utterances comments"):e.appendChild(t)}function o(e,t){void 0===t&&(t=2);const n=e.split(" ");return n[1].startsWith("0")?n[1]=n[1].slice(1,2):n[1]=n[1].slice(0,2),1===t||(n[1]+=","),n[0]+" "+n[t]}function c(e){const t=new Date(e),n=new Date,a=Math.abs(n-t);if(Math.floor(a/864e5)<50)return!0}n.d(t,{GQ:function(){return a},Yv:function(){return r},po:function(){return o},re:function(){return s},vw:function(){return c}})},4151:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(6540),r=n(4794),s=n(8154),o=n(2532),c=n(5739),i=n(5288);const l=e=>{let{toc:t}=e;const{0:n,1:r}=(0,a.useState)([]);(0,a.useLayoutEffect)((()=>{const e=document.querySelector(".main-article").offsetTop;document.querySelector(".post-sidebar").setAttribute("style",`padding-top: ${e-24}px`);const t=document.querySelectorAll(".table-of-contents a"),n=["introduction"];t.forEach((e=>{n.push(e.hash.replace("#",""))}),[]),r(n)}),[t]);const{activeHash:s,setActiveHash:o}=function(e){void 0===e&&(e=[]);const{0:t,1:n}=(0,a.useState)("");return(0,a.useEffect)((()=>{const t=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&n(e.target.id)}))}),{rootMargin:"0% 0% -80% 0%"}),a=[];return e.forEach((e=>{a.push(document.getElementById(e))})),a.filter((e=>e)).forEach((e=>{t.observe(e)})),()=>{a.filter((e=>e)).forEach((e=>{t.unobserve(e)}))}}),[e]),{activeHash:t,setActiveHash:n}}(n);return(0,a.useEffect)((()=>{if(s){document.querySelectorAll(".table-of-contents a").forEach((e=>{e.classList.remove("active")}));const e=document.querySelector(`.table-of-contents a[href$="${"#"+s}"]`);e&&(e.scrollIntoView({block:"nearest",behavior:"smooth"}),e.classList.add("active"))}}),[s]),a.createElement("aside",{className:"post-sidebar"},a.createElement("div",{className:"post-sidebar-content"},t&&a.createElement("section",{className:"post-sidebar-section"},a.createElement("div",{className:"post-sidebar-card"},a.createElement("h2",null,"Table of Contents"),a.createElement("nav",{className:"table-of-contents"},a.createElement("ul",null,a.createElement("li",null,a.createElement("a",{href:"#introduction",onClick:()=>o("introduction")},"Introduction"))),a.createElement("div",{dangerouslySetInnerHTML:{__html:t}}))))))},m=e=>{let{post:t,isNote:n,children:r}=e;const s=t.tableOfContents;return a.createElement(a.Fragment,null,a.createElement("main",{className:"main-content"},r),s&&!n&&a.createElement(l,{toc:s}))};var u=n(2711);const d=()=>((0,a.useEffect)((()=>{(0,u.re)();const e=()=>{const e=window.localStorage.getItem("theme"),t=document.querySelector("iframe.utterances-frame");t&&t.contentWindow&&t.contentWindow.postMessage({type:"set-theme",theme:"light"===e?"github-light":"github-dark"},"https://utteranc.es")};e();const t=()=>e();return window.addEventListener("themechange",t),()=>{window.removeEventListener("themechange",t)}}),[]),a.createElement("div",{id:"append-comments-here"})),h=()=>a.createElement("aside",{className:"author-card"},a.createElement("img",{src:"/ram.png",alt:"",width:"80",height:"80"}

1),a.createElement("p",null,"Hey! I'm Tania, the software engineer tending to this digital garden. You can read ",a.createElement(r.Link,{to:"/me"},"more about me"),", or subscribe by"," ",a.createElement("a",{href:"https://taniarascia.substack.com",target:"_blank",rel:"noopener noreferrer"},"email"),"."));var f=n(9705),p=n(1310);function g(e){var t,n;let{data:c,pageContext:l}=e;const g=c.markdownRemark,{previous:E,next:v}=l,{title:b,date:w,dateISO:N,comments_off:k,thumbnail:y,tags:A,dated:I}=g.frontmatter,S=null===(t=g.frontmatter.categories)||void 0===t?void 0:t.includes("Personal");return a.createElement(a.Fragment,null,a.createElement(s.A,{title:`${g.frontmatter.title} | ${p.A.siteTitle}`}),a.createElement(i.k,{postPath:g.fields.slug,postNode:g,postSEO:!0}),a.createElement(m,{post:g,isNote:S},y&&a.createElement(o.G,{image:null==y||null===(n=y.childImageSharp)||void 0===n?void 0:n.gatsbyImageData,className:"main-article-thumbnail",alt:""}),a.createElement(f.l,{title:b,type:"post",date:a.createElement("div",{className:"small flex-align-center gap"},a.createElement("time",{dateTime:N},w),a.createElement("div",{className:"divider"}),a.createElement("a",{href:"#comments"},"Comments"))},A&&a.createElement("div",{className:"tags"},A.map((e=>a.createElement(r.Link,{key:e,to:`/topics/${(0,u.Yv)(e)}`,className:"tag",activeClassName:"active"},e))))),I&&a.createElement("blockquote",{className:"dated-banner"},a.createElement("b",null,"This post has been archived"),". It was written in"," ",N.slice(0,4),", and the tools and concepts it covers belong to an earlier era of the web."),a.createElement("div",{className:"main-article",id:g.fields.slug,dangerouslySetInnerHTML:{__html:`<div class="introduction" id="introduction"></div>${g.html}`}}),(E||v)&&a.createElement("nav",{className:"post-navigation","aria-label":"More posts"},E&&a.createElement(r.Link,{to:E.fields.slug,rel:"prev",className:"post-navigation-link"},a.createElement("span",{className:"small"},"← Older post"),E.frontmatter.title),v&&a.createElement(r.Link,{to:v.fields.slug,rel:"next",className:"post-navigation-link post-navigation-next"},a.createElement("span",{className:"small"},"Newer post →"),v.frontmatter.title)),a.createElement(h,null),!k&&a.createElement("section",{id:"comments",className:"comments"},a.createElement("h3",null,"Comments"),a.createElement(d,null))))}g.Layout=c.P}}]);
2//# sourceMappingURL=component---src-templates-post-js-d05482ffc729143b7d16.js.map