1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{6851:function(e,n,t){"use strict";t.d(n,{g:function(){return i}});var i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.1;return{animate:{transition:{staggerChildren:e}}}}},80531:function(e,n,t){"use strict";t.d(n,{Z:function(){return a}});var i=t(85893),r=t(65988),s=t(11770);t(67294);function a(e){var n=e.children;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.E.div,{exit:"exit",initial:"initial",animate:"animate",style:{minHeight:"calc(100vh - 160px)"},children:n}),(0,i.jsx)(r.default,{id:"3707986771",children:[]})]})}},71076:function(e,n,t){"use strict";t.d(n,{Z:function(){return u}});var i=t(85893),r=t(65988),s=t(72215),a=t(6851),c=t(80531),l=t(11770),d=t(41664),o=(t(67294),t(60155));function u(e){var n=e.title,t=e.children,u=e.next,x=e.prev;return(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("div",{className:"jsx-2712744499 mainpage",children:(0,i.jsx)("div",{className:"jsx-2712744499 container",children:(0,i.jsxs)("div",{className:"jsx-2712744499 page",children:[(0,i.jsx)("div",{className:"jsx-2712744499 title ",children:(0,i.jsx)(l.E.h2,{variants:s.p.inUp,children:n})}),(0,i.jsx)("div",{className:"jsx-2712744499 body",children:t}),(0,i.jsx)("div",{className:"jsx-2712744499 footer ",children:(0,i.jsx)("div",{className:"jsx-2712744499 inner",children:(0,i.jsxs)(l.E.div,{variants:(0,a.g)(1),children:[(0,i.jsx)(l.E.div,{variants:s.p.inRight,className:"next",children:u&&(0,i.jsx)(d.default,{href:u.route,children:(0,i.jsxs)("a",{className:"jsx-2712744499 button",children:[u.text,(0,i.jsx)("span",{className:"jsx-2712744499 icon m_l_xs",children:(0,i.jsx)(o.nQU,{})})]})})}),(0,i.jsx)(l.E.div,{variants:s.p.inLeft,className:"prev",children:x&&(0,i.jsx)(d.default,{href:x.route,children:(0,i.jsxs)("a",{className:"jsx-2712744499 button naked",children:[(0,i.jsx)("span",{className:"jsx-2712744499 icon m_r_xs",children:(0,i.jsx)(o.$Ku,{})}),x.text]})})})]})})})]})})}),(0,i.jsx)(r.default,{id:"2712744499",children:[".button.jsx-2712744499 .icon.jsx-2712744499{color:var(--color-text);line-height:0;}",".mainpage.jsx-2712744499{overflow-x:hidden;}",".title.jsx-2712744499{margin-bottom:var(--xxxl);}","@media screen and (max-width:800px){.title.jsx-2712744499{font-size:2em;text-align:center;margin-bottom:var(--md);}}"]})]})}},68130:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return j},default:function(){return v}});var i=t(85893),r=t(65988),s=t(71076),a=t(72215),c=t(6851),l=t(58260),d=t(11770),o=t(9008),u=t(41664),x=t(67294),h=t(60155),f=t(17704);function m(e){var n=e.articles,t=(0,f.Z)().width,r=n.sort((function(e,n){return new Date(e.module.meta.publishedAt).getTime()<new Date(n.module.meta.publishedAt).getTime()?1:-1})),s=n.map((function(e){return e.module.meta.publishedAt}));return console.log({dates:s}),(0,i.jsxs)("div",{className:"article-list p_b_xxxl",children:[(0,i.jsx)(o.default,{children:(0,l.Z)({title:"Ahmed Abdelsalam's Blog - Software Engineer"})}),(0,i.jsx)(d.E.ul,{variants:(0,c.g)(.1),transition:{duration:.01,ease:[.6,.01,-.05,.9]},children:r.map((function(e,n){var r=e.slug,s=e.module.meta;return(0,i.jsx)(d.E.div,{variants:a.p.inUp,whileTap:{scale:.95},children:(0,i.jsx)(u.default,{href:"/blog/".concat(r),children:(0,i.jsx)("a",{children:(0,i.jsxs)("div",{className:"list-item",children:[(0,i.jsxs)("div",{className:"left",title:s.title,children:[(0,i.jsx)("div",{className:"img",children:(0,i.jsx)("img",{src:s.icon?"/cdn/blog/icons/".concat(s.icon):"/mine/logo-64.png"})}),(0,i.jsxs)("div",{className:"txt",children:[s.draft&&"\ud83d\udcdd",s.title]})]}),t>708&&(0,i.jsxs)("div",{className:"right",children:[(0,i.jsx)("div",{className:"sources",children:(0,i.jsx)("span",{children:(0,i.jsx)(h.plg,{})})}),(0,i.jsx)("div",{className:"time",children:new Date(s.publishedAt).toLocaleDateString()})]})]})})})},"article-".concat(n))}))})]})}var j=!0;function v(e){var n=(0,x.useState)([]),t=n[0],a=n[1];return(0,x.useEffect)((function(){a(JSON.parse(e.articles))}),[e.articles]),(0,i.jsx)(s.Z,{title:"Blog",next:{route:"/contact",text:"Reach Me"},prev:{route:"/work",text:"Back to Projects"},children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"jsx-3565512614 categories"}),(0,i.jsx)("div",{className:"jsx-3565512614 articles-column",children:t&&t.length>0?(0,i.jsx)(m,{articles:t}):(0,i.jsx)(i.Fragment,{children:"Loading..."})}),(0,i.jsx)(r.default,{id:"3565512614",children:[]})]})})}},30677:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return t(68130)}])},17704:function(e,n,t){"use strict";t.d(n,{Z:function(){return l}});var i=t(67294),r=function(e){(0,i.useEffect)(e,[])},s=function(e){var n=(0,i.useRef)(e);n.current=e,r((function(){return function(){return n.current()}}))},a=function(e){var n=(0,i.useRef)(0),t=(0,i.useState)(e),r=t[0],a=t[1],c=(0,i.useCallback)((function(e){cancelAnimationFrame(n.current),n.current=requestAnimationFrame((function(){a(e)}))}),[]);return s((function(){cancelAnimationFrame(n.current)})),[r,c]};var c="undefined"!==typeof window,l=function(e,n){void 0===e&&(e=1/0),void 0===n&&(n=1/0);var t=a({width:c?window.innerWidth:e,height:c?window.innerHeight:n}),r=t[0],s=t[1];return(0,i.useEffect)((function(){if(c){var e=function(){s({width:window.innerWidth,height:window.innerHeight})};return function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];e&&e.addEventListener&&e.addEventListener.apply(e,n)}(window,"resize",e),function(){!function(e){for(var n=[],t=1;t<arguments.length;t++)n[t-1]=arguments[t];e&&e.removeEventListener&&e.removeEventListener.apply(e,n)}(window,"resize",e)}}}),[]),r}}},function(e){e.O(0,[9774,2888,179],(function(){return n=30677,e(e.s=n);var n}));var n=e.O();_N_E=n}]);
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.