(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[874],{61228:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/guides",function(){return i(76325)}])},17202:function(e,t,i){"use strict";i.d(t,{F:function(){return o}});var n=i(85893),r=(i(67294),i(25115));function o(e){var t=e.title,i=e.subtitle,o=e.badgeText,s=e.icon,c=e.hideSubtitleOnMobile,l=void 0!==c&&c,x=e.href,a=e.target;return(0,n.jsxs)(r.rU,{target:a||"_self",href:x,fontSize:["14px","14px","15px"],py:"9px",d:"flex",flexDirection:["column","row","row"],fontWeight:500,color:"gray.600",alignItems:["flex-start","center"],justifyContent:"space-between",sx:{"@media (hover: none)":{"&:hover":{"& .list-item-title":{transform:"none"}}}},_hover:{textDecoration:"none",color:"blue.400","& .list-item-title":{transform:"translateX(10px)"}},isTruncated:!0,maxWidth:"100%",children:[(0,n.jsxs)(r.kC,{alignItems:"center",className:"list-item-title",transition:"200ms",children:[s,(0,n.jsx)(r.xv,{maxWidth:"345px",isTruncated:!0,as:"span",children:t}),o&&(0,n.jsx)(r.Ct,{pos:"relative",top:"1px",variant:"subtle",colorScheme:"purple",ml:"10px",children:o})]}),(0,n.jsx)(r.xv,{d:[l?"none":"inline","inline"],mt:["3px",0],as:"span",fontSize:["11px","11px","12px"],color:"gray.500",children:i})]})}},41259:function(e,t,i){"use strict";i.d(t,{G:function(){return o}});var n=i(85893),r=(i(67294),i(25115));function o(e){var t=e.children;return(0,n.jsx)(r.gC,{rounded:"5px",divider:(0,n.jsx)(r.cX,{borderColor:"gray.200"}),spacing:0,align:"stretch",children:t})}},81524:function(e,t,i){"use strict";i.d(t,{m:function(){return o}});var n=i(85893),r=i(25115);i(67294);function o(e){var t=e.title,i=e.subtitle,o=e.children,s=e.beforeTitle,c=void 0===s?null:s;return(0,n.jsxs)(r.xu,{pt:["25px","20px","45px"],pb:["20px","15px","30px"],borderBottomWidth:1,mb:"30px",children:[(0,n.jsxs)(r.W2,{maxW:"container.md",position:"relative",children:[c,(0,n.jsx)(r.X6,{as:"h1",color:"black",fontSize:["28px","33px","40px"],fontWeight:700,mb:["2px","2px","5px"],children:t}),(0,n.jsx)(r.xv,{fontSize:["13px","14px","15px"],children:i})]}),o&&(0,n.jsx)(r.W2,{maxW:"container.md",children:o})]})}},76325:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return f},default:function(){return m}});var n=i(85893),r=i(25115),o=i(82438),s=i(41259),c=i(17202),l=i(1832),x=i(80600),a=i(16673),d=["gray.700","purple.800"];function u(e){var t,i=e.title,o=e.subtitle,s=e.date,c=e.isNew,l=void 0!==c&&c,x=e.colorIndex,a=void 0===x?0:x,u=e.href;return(0,n.jsxs)(r.xu,{_hover:{textDecoration:"none",transform:"scale(1.02)"},as:r.rU,href:u,shadow:"xl",p:"20px",rounded:"10px",bg:null!==(t=d[a])&&void 0!==t?t:d[0],flex:1,children:[(0,n.jsxs)(r.xv,{mb:"10px",fontSize:"13px",color:"gray.400",children:[l&&(0,n.jsx)(r.Ct,{colorScheme:"yellow",mr:"10px",children:"New"}),s]}),(0,n.jsx)(r.X6,{color:"white",mb:"6px",fontSize:"20px",children:i}),(0,n.jsx)(r.xv,{color:"gray.300",fontSize:"14px",children:o})]})}var p=i(81524),h=i(80202),f=!0;function m(e){var t=e.guides,i=void 0===t?[]:t,d=i.slice(0,2),f=i.slice(2);return(0,n.jsxs)(r.xu,{bg:"white",minH:"100vh",children:[(0,n.jsx)(o.e,{}),(0,n.jsx)(h.Z,{title:"Visual Guides",description:"Succinct graphical explanations to engineering topics."}),(0,n.jsxs)(r.xu,{mb:"60px",children:[(0,n.jsx)(p.m,{title:"Visual Guides",subtitle:"Succinct graphical explanations to engineering topics."}),(0,n.jsxs)(r.W2,{maxW:"container.md",position:"relative",children:[(0,n.jsx)(r.MI,{columns:[1,1,2],mb:"30px",spacing:["10px","10px","15px"],children:d.map((function(e,t){return(0,n.jsx)(u,{href:"/guides/".concat(e.id),title:e.title,subtitle:e.description,date:e.formattedUpdatedAt,isNew:!0,colorIndex:t},e.id)}))}),(0,n.jsx)(s.G,{children:f.map((function(e){return(0,n.jsx)(c.F,{href:"/guides/".concat(e.id),title:e.title,badgeText:e.isPro?"PRO":"",subtitle:e.formattedUpdatedAt},e.id)}))})]})]}),(0,n.jsx)(l.z,{}),(0,n.jsx)(x.q,{}),(0,n.jsx)(a.$,{})]})}}},function(e){e.O(0,[680,515,774,888,179],(function(){return t=61228,e(e.s=t);var t}));var t=e.O();_N_E=t}]);