(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[841],{4651:function(e,n,r){"use strict";r.d(n,{Ee:function(){return h}});var t=r(6052),i=r(5031),c=r(7294),s=r(4697);function a(){return a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},a.apply(this,arguments)}function l(e,n){if(null==e)return{};var r,t,i={},c=Object.keys(e);for(t=0;t<c.length;t++)r=c[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}var o=["htmlWidth","htmlHeight","alt"],u=["fallbackSrc","fallback","src","srcSet","align","fit","loading","ignoreFallback","crossOrigin","fallbackStrategy","referrerPolicy"],d=c.forwardRef((function(e,n){var r=e.htmlWidth,t=e.htmlHeight,i=e.alt,s=l(e,o);return c.createElement("img",a({width:r,height:t,ref:n,alt:i},s))})),h=(0,t.Gp)((function(e,n){var r=e.fallbackSrc,o=e.fallback,h=e.src,f=e.srcSet,x=e.align,g=e.fit,j=e.loading,m=e.ignoreFallback,p=e.crossOrigin,b=e.fallbackStrategy,v=void 0===b?"beforeLoadOrError":b,k=e.referrerPolicy,y=l(e,u),_=null!=j||m||!(void 0!==r||void 0!==o),w=function(e){var n=e.loading,r=e.src,t=e.srcSet,i=e.onLoad,a=e.onError,l=e.crossOrigin,o=e.sizes,u=e.ignoreFallback,d=(0,c.useState)("pending"),h=d[0],f=d[1];(0,c.useEffect)((function(){f(r?"loading":"pending")}),[r]);var x=(0,c.useRef)(),g=(0,c.useCallback)((function(){if(r){j();var e=new Image;e.src=r,l&&(e.crossOrigin=l),t&&(e.srcset=t),o&&(e.sizes=o),n&&(e.loading=n),e.onload=function(e){j(),f("loaded"),null==i||i(e)},e.onerror=function(e){j(),f("failed"),null==a||a(e)},x.current=e}}),[r,l,t,o,i,a,n]),j=function(){x.current&&(x.current.onload=null,x.current.onerror=null,x.current=null)};return(0,s.a)((function(){if(!u)return"loading"===h&&g(),function(){j()}}),[h,g,u]),u?"loaded":h}(a({},e,{ignoreFallback:_})),E=function(e,n){return"loaded"!==e&&"beforeLoadOrError"===n||"failed"===e&&"onError"===n}(w,v),S=a({ref:n,objectFit:g,objectPosition:x},_?y:(0,i.CE)(y,["onError","onLoad"]));return E?o||c.createElement(t.m$.img,a({as:d,className:"chakra-image__placeholder",src:r},S)):c.createElement(t.m$.img,a({as:d,src:h,srcSet:f,crossOrigin:p,loading:j,referrerPolicy:k,className:"chakra-image"},S))}));i.Ts&&(h.displayName="Image")},3183:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects/tic-tac-toe",function(){return r(9533)}])},8598:function(e,n,r){"use strict";r.d(n,{Pg:function(){return d},i:function(){return u}});var t=r(5893),i=r(1664),c=r.n(i),s=r(5675),a=r.n(s),l=r(8527),o=r(917),u=function(e){var n=e.children,r=e.id,i=e.title,s=e.thumbnail;return(0,t.jsx)(l.xu,{w:"100%",align:"center",children:(0,t.jsx)(c(),{href:"/projects/".concat(r),passHref:!0,children:(0,t.jsxs)(l.fG,{cursor:"pointer",children:[(0,t.jsx)(a(),{src:s,alt:i,className:"grid-item-thumbnail",placeholder:"blur"}),(0,t.jsx)(l.AB,{href:"/projects/".concat(r),children:(0,t.jsx)(l.xv,{mt:2,fontSize:20,children:i})}),(0,t.jsx)(l.xv,{fontSize:14,children:n})]})})})},d=function(){return(0,t.jsx)(o.xB,{styles:"\n      .grid-item-thumbnail {\n        border-radius: 12px;\n      }\n    "})}},951:function(e,n,r){"use strict";var t=r(5893),i=r(8970),c=r(9008),s=r.n(c),a=r(8598),l={hidden:{opacity:0,x:0,y:20},enter:{opacity:1,x:0,y:0},exit:{opacity:0,x:0,y:20}};n.Z=function(e){var n=e.children,r=e.title;return(0,t.jsx)(i.E.article,{initial:"hidden",animate:"enter",exit:"exit",variants:l,transition:{duration:.4,type:"easeInOut"},style:{position:"relative"},children:(0,t.jsxs)(t.Fragment,{children:[r&&(0,t.jsx)(s(),{children:(0,t.jsxs)("title",{children:[r," - Manuel P\xf6ll"]})}),n,(0,t.jsx)(a.Pg,{})]})})}},5930:function(e,n,r){"use strict";function t(){var e,n,r=(e=["\n  text-align: justify;\n  text-indent: 1em;\n"],n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}})));return t=function(){return r},r}var i=r(5934).Z.p(t());n.Z=i},5599:function(e,n,r){"use strict";r.d(n,{Dx:function(){return o},KZ:function(){return u},h_:function(){return d}});var t=r(5893),i=r(1664),c=r.n(i),s=r(8527),a=r(4651),l=r(9876),o=function(e){var n=e.children;return(0,t.jsxs)(s.xu,{mt:10,children:[(0,t.jsx)(c(),{href:"/projects",passHref:!0,children:(0,t.jsx)(s.rU,{children:"Projekte"})}),(0,t.jsxs)("span",{children:["\xa0",(0,t.jsx)(l.XC,{}),"\xa0"]}),(0,t.jsx)(s.X6,{display:"inline-block",as:"h3",fontSize:20,mb:4,children:n})]})},u=function(e){var n=e.src,r=e.alt;return(0,t.jsx)(a.Ee,{borderRadius:"lg",w:"full",src:n,alt:r,mb:4})},d=function(e){var n=e.children;return(0,t.jsx)(s.Ct,{colorScheme:"green",mr:2,children:n})}},9533:function(e,n,r){"use strict";r.r(n);var t=r(5893),i=r(8527),c=r(9876),s=r(5599),a=r(5930),l=r(951);n.default=function(){return(0,t.jsx)(l.Z,{title:"Tic Tac Toe",children:(0,t.jsxs)(i.W2,{children:[(0,t.jsxs)(s.Dx,{children:["Tic Tac Toe ",(0,t.jsx)(i.Ct,{children:"2022"})]}),(0,t.jsxs)(a.Z,{children:["Meine L\xf6sung zur Tic Tac Toe Challenge von"," ",(0,t.jsx)(i.rU,{href:"https://www.frontendmentor.io/",target:"_blank",children:"Frontend Mentor"}),". Ziel der Challenge: Ein funktionsf\xe4higes Tic Tac Toe - Spiel m\xf6glichst genau nach dem bereitgestellten Responsive Design f\xfcr Desktop, Tablets und Smartphones umzusetzen."]}),(0,t.jsxs)(i.aV,{ml:4,my:4,children:[(0,t.jsxs)(i.HC,{children:[(0,t.jsx)(s.h_,{children:"Website"}),(0,t.jsxs)(i.rU,{href:"https://manuelpoell.github.io/tic-tac-toe/",target:"_blank",children:["https://manuelpoell.github.io/tic-tac-toe/"," ",(0,t.jsx)(c.h0,{mx:"2px"})]})]}),(0,t.jsxs)(i.HC,{children:[(0,t.jsx)(s.h_,{children:"Code"}),(0,t.jsxs)(i.rU,{href:"https://github.com/manuelpoell/tic-tac-toe",target:"_blank",children:["https://github.com/manuelpoell/tic-tac-toe"," ",(0,t.jsx)(c.h0,{mx:"2px"})]})]}),(0,t.jsxs)(i.HC,{children:[(0,t.jsx)(s.h_,{children:"Frontend Mentor"}),(0,t.jsxs)(i.rU,{href:"https://www.frontendmentor.io/solutions/tic-tac-toe-using-reactnextjs-Hy4aacES5",target:"_blank",children:["https://www.frontendmentor.io/solutions/tic-tac-toe-using-reactnextjs-Hy4aacES5"," ",(0,t.jsx)(c.h0,{mx:"2px"})]})]}),(0,t.jsxs)(i.HC,{children:[(0,t.jsx)(s.h_,{children:"Stack"}),(0,t.jsx)("span",{children:"React/NextJS, Styled Components, Github Pages"})]})]}),(0,t.jsx)(s.KZ,{src:"/images/projects/tic-tac-toe-menu.png",alt:"Advice Generator"}),(0,t.jsx)(s.KZ,{src:"/images/projects/tic-tac-toe-game.png",alt:"Advice Generator"}),(0,t.jsx)(s.KZ,{src:"/images/projects/tic-tac-toe-endscreen.png",alt:"Advice Generator"})]})})}}},function(e){e.O(0,[675,774,888,179],(function(){return n=3183,e(e.s=n);var n}));var n=e.O();_N_E=n}]);