https://varun.ca/component---src-pages-index-js-dc57bd4a08d667f14382.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{"0EVa":function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a("zLVn"),r=a("q1tI"),o=a.n(r),i=a("Ek0j");const l=e=>{let t=e.date,a=e.timestamp,r=Object(n.a)(e,["date","timestamp"]);return o.a.createElement(i.E,Object.assign({as:"time",dateTime:a,lineHeight:"solid",color:"neutral.2",fontSize:1},r),t)}},RXBc:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),o=a("hTlr"),i=a("Ek0j"),l=a("vOnD");const c=Object(l.d)(i.q).withConfig({componentId:"sc-14pgnaz-0"})(["transition:background-color ",";"],e=>e.theme.animations.easeIn),s=Object(l.d)(i.b).withConfig({componentId:"sc-14pgnaz-1"})([":hover ","{background-color:",";}"],c,e=>e.theme.colors.brand.main),m=Object(l.d)(i.F).withConfig({componentId:"sc-14pgnaz-2"})([":focus ","{background-color:",";}"],c,e=>e.theme.colors.brand.main),p=l.d.audio.withConfig({componentId:"sc-14pgnaz-3"})(["display:none;"]),u=()=>{const e=Object(n.useRef)(null);return r.a.createElement(s,{as:"span"},"Varun Vachhar",r.a.createElement(p,{ref:e,src:"/varun.mp3"}),r.a.createElement(m,{fontSize:"inherit",fontWeight:"inherit","aria-label":"pronunciation",ml:1,onClick:()=>{e.current&&e.current.play()}},r.a.createElement(c,{role:"img",type:"speaker",borderRadius:"circle",color:"neutral.7",bg:"neutral.4",fontSize:2,p:"2px",width:"10px",height:"10px"})))},d=[{title:"BlueSky",to:"https://bsky.app/profile/varun.ca"},{title:"Instagram",to:"https://www.instagram.com/vvvrnv"},{title:"Github",to:"http://github.com/winkerVSbecks"},{title:"Newsletter",to:"https://buttondown.email/vrn"}],b=()=>r.a.createElement(i.b,{as:"nav",mb:6},r.a.createElement(i.C,{as:"h2"},"profile links"),d.map(e=>r.a.createElement(i.A,{key:e.to,to:e.to,rel:"me",fontWeight:5,px:3,py:[2,3],mb:0,mr:1,display:"inline-block"},e.title)));var k=a("W/9C"),E=a("zLVn"),g=a("0EVa");const w=e=>{let t=e.posts,a=Object(E.a)(e,["posts"]);return r.a.createElement(i.D,a,r.a.createElement(i.D.Title,{to:"/writing"},"Writing"),t.map(e=>r.a.createElement(i.D.Item,{key:e.id,to:e.fields.slug,justifyContent:"space-between"},r.a.createElement(i.b,{measure:"narrow",mr:3,flex:"1 1 auto",truncate:!0},e.frontmatter.title),r.a.createElement(g.a,{mb:0,fontSize:0,display:"block",style:{whiteSpace:"nowrap"},timestamp:e.frontmatter.timestamp,date:e.frontmatter.date}))),r.a.createElement(i.D.MoreLink,{to:"/writing"},"View all posts"))},h=e=>{let t=e.speaking,a=Object(E.a)(e,["speaking"]);return r.a.createElement(i.D,a,r.a.createElement(i.D.Title,{to:"/speaking"},"Speaking"),t.map(e=>r.a.createElement(i.D.Item,{key:e.id,to:e.link||"/",justifyContent:"space-between"},r.a.createElement(i.b,{measure:"narrow",mr:3,flex:"1 1 auto",truncate:!0},e.title),r.a.createElement(i.E,{as:"span",mb:0,style:{whiteSpace:"nowrap"},lineHeight:"solid",color:"neutral.2",fontSize:0},e.conference))),r.a.createElement(i.D.MoreLink,{to:"/speaking"},"View all speaking"))},f=Object(l.d)(i.A).withConfig({componentId:"k76ovb-0"})([":hover,:focus,:active{color:initial;text-decoration:none;}"]),y=e=>{let t=e.works,a=Object(E.a)(e,["works"]);return r.a.createElement(i.b,Object.assign({as:"section",mb:6},a),r.a.createElement(i.j,{fontSize:3,mb:0,mt:3,pl:3},r.a.createElement(f,{to:"/work"},"Work")),r.a.createElement(i.p,{p:3,mr:3},t.map(e=>r.a.createElement(i.c,{key:e.id,title:e.name,link:e.link,image:e.image,flex:"1 0 auto",mr:4})),r.a.createElement(i.D.MoreLink,{to:"/work",bg:"neutral.6",justifyContent:"center",width:5,mt:0,flex:"none"},"View all works")))},v=e=>{let t=e.sketches,a=Object(E.a)(e,["sketches"]);return r.a.createElement(i.b,Object.assign({as:"section",mb:6},a),r.a.createElement(i.j,{fontSize:3,mb:0,mt:3,pl:3},"Sketches"),r.a.createElement(i.p,{p:3,mr:3},t.map(e=>r.a.createElement(i.c,{key:e.id,title:e.name,link:e.link,image:e.image,flex:"1 0 auto",mr:4})),r.a.createElement(i.D.MoreLink,{to:"/sketches",bg:"neutral.6",justifyContent:"center",width:5,mt:0,flex:"none"},"View all sketches")))};var S=a("iD5W");t.default=e=>{let t=e.data;const a=t.site,n=t.writingFeatured.posts,l=t.speakingFeatured.speaking,c=t.worksFeatured.works,s=t.sketchesFeatured.sketches;return r.a.createElement(o.a,{title:"About",description:a.siteMetadata.description},r.a.createElement(i.b,{maxWidth:9,mx:"auto",px:[0,0,5],alignItems:"center"}

1,r.a.createElement(i.h,{as:"header",mt:6,mb:5,px:3},r.a.createElement(i.b,{flex:"1 1 auto"},r.a.createElement(i.j,{fontSize:3,mb:0,lineHeight:"copy"},r.a.createElement(u,null)),r.a.createElement(i.E,{mb:0,measure:"wide",fontSize:2},"finder of new ways to confuse myself")),r.a.createElement(S.a,null)),r.a.createElement("main",null,r.a.createElement(i.b,{as:"section",mb:4,px:3},r.a.createElement(i.j,{mb:1,fontSize:3},"About"),r.a.createElement(i.E,{measure:"wide",fontSize:[2,3]},"Hi, I'm Varun, a DX engineer and a generative artist."),r.a.createElement(i.E,{measure:"wide",fontSize:[2,3]},"I began my career as a front-end developer, specializing in UI engineering, CSS, and animation. My experience with"," ",r.a.createElement(i.t,{to:"https://componentdriven.org/"},"component-driven development")," ","and design systems led me to Developer Experience. Currently, I'm part of the DX team at"," ",r.a.createElement(i.t,{to:"https://www.chromatic.com/"},"Chromatic")," and contribute to"," ",r.a.createElement(i.t,{to:"https://storybook.js.org/"},"Storybook"),"."),r.a.createElement(i.E,{measure:"wide",fontSize:[2,3]},"As an artist, I combine minimalist geometry with dynamic color systems and looping motion. Using web technologies—Canvas, SVG, WebGL & Shaders—I explore the interplay of structure and fluidity through code."),r.a.createElement(i.E,{measure:"wide",fontSize:[2,3]},"Originally from New Delhi and now based in Toronto, I write about creative coding from a front-end developer's perspective.")),r.a.createElement(b,null),r.a.createElement(i.h,{flexWrap:"wrap",justifyContent:"space-between"},r.a.createElement(w,{posts:n,mr:[3,4]}),r.a.createElement(h,{speaking:l,mr:3})),r.a.createElement(y,{works:c}),r.a.createElement(v,{sketches:s})),r.a.createElement(k.a,{px:3})))}},"W/9C":function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a("q1tI"),r=a.n(n),o=a("Ek0j");const i=[{title:"About",to:"/"},{title:"Writing",to:"/writing"},{title:"Work",to:"/work"},{title:"RSS",to:"/rss.xml"}],l=[{title:"BlueSky",to:"https://bsky.app/profile/varun.ca"},{title:"Github",to:"http://github.com/winkerVSbecks"},{title:"Instagram",to:"https://www.instagram.com/vvvrnv"},{title:"Twitter",to:"http://twitter.com/winkerVSbecks"},{title:"CodePen",to:"http://codepen.io/winkerVSbecks"},{title:"Newsletter",to:"https://buttondown.email/vrn"}],c=e=>r.a.createElement(o.b,Object.assign({as:"footer",pt:[3,6],mb:6},e),r.a.createElement(o.g,null,i.map(e=>r.a.createElement(o.E,{key:e.to,as:"li",display:"inline-block",mb:0,mr:3},r.a.createElement(o.A,{letterSpacing:"tracked",display:"block",fontWeight:7,fontSize:1,to:e.to},e.title)))),r.a.createElement(o.g,{display:"block",mb:0},l.map(e=>r.a.createElement(o.E,{key:e.to,as:"li",display:"inline-block",mb:0,mr:3},r.a.createElement(o.A,{display:"block",fontSize:1,to:e.to},e.title)))))},iD5W:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a("q1tI"),r=a.n(n),o=a("Ek0j"),i=a("Gx5K");const l=e=>{const t=Object(n.useContext)(i.a).setColorMode;return r.a.createElement(o.F,Object.assign({title:"cycle colour mode",p:1,onClick:t},e),r.a.createElement(o.q,{display:"block",type:"themeMode",color:"neutral.1"}))}}}]);
2//# sourceMappingURL=component---src-pages-index-js-dc57bd4a08d667f14382.js.map