(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[687],{4651:function(e,n,r){"use strict";r.d(n,{Ee:function(){return h}});var t=r(6052),i=r(5031),s=r(7294),a=r(4697);function l(){return l=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},l.apply(this,arguments)}function c(e,n){if(null==e)return{};var r,t,i={},s=Object.keys(e);for(t=0;t<s.length;t++)r=s[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=s.forwardRef((function(e,n){var r=e.htmlWidth,t=e.htmlHeight,i=e.alt,a=c(e,o);return s.createElement("img",l({width:r,height:t,ref:n,alt:i},a))})),h=(0,t.Gp)((function(e,n){var r=e.fallbackSrc,o=e.fallback,h=e.src,f=e.srcSet,g=e.align,x=e.fit,p=e.loading,j=e.ignoreFallback,m=e.crossOrigin,b=e.fallbackStrategy,v=void 0===b?"beforeLoadOrError":b,w=e.referrerPolicy,k=c(e,u),_=null!=p||j||!(void 0!==r||void 0!==o),y=function(e){var n=e.loading,r=e.src,t=e.srcSet,i=e.onLoad,l=e.onError,c=e.crossOrigin,o=e.sizes,u=e.ignoreFallback,d=(0,s.useState)("pending"),h=d[0],f=d[1];(0,s.useEffect)((function(){f(r?"loading":"pending")}),[r]);var g=(0,s.useRef)(),x=(0,s.useCallback)((function(){if(r){p();var e=new Image;e.src=r,c&&(e.crossOrigin=c),t&&(e.srcset=t),o&&(e.sizes=o),n&&(e.loading=n),e.onload=function(e){p(),f("loaded"),null==i||i(e)},e.onerror=function(e){p(),f("failed"),null==l||l(e)},g.current=e}}),[r,c,t,o,i,l,n]),p=function(){g.current&&(g.current.onload=null,g.current.onerror=null,g.current=null)};return(0,a.a)((function(){if(!u)return"loading"===h&&x(),function(){p()}}),[h,x,u]),u?"loaded":h}(l({},e,{ignoreFallback:_})),P=function(e,n){return"loaded"!==e&&"beforeLoadOrError"===n||"failed"===e&&"onError"===n}(y,v),E=l({ref:n,objectFit:x,objectPosition:g},_?k:(0,i.CE)(k,["onError","onLoad"]));return P?o||s.createElement(t.m$.img,l({as:d,className:"chakra-image__placeholder",src:r},E)):s.createElement(t.m$.img,l({as:d,src:h,srcSet:f,crossOrigin:m,loading:p,referrerPolicy:w,className:"chakra-image"},E))}));i.Ts&&(h.displayName="Image")},8831:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects/planets-facts",function(){return r(3114)}])},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),s=r.n(i),a=r(5675),l=r.n(a),c=r(8527),o=r(917),u=function(e){var n=e.children,r=e.id,i=e.title,a=e.thumbnail;return(0,t.jsx)(c.xu,{w:"100%",align:"center",children:(0,t.jsx)(s(),{href:"/projects/".concat(r),passHref:!0,children:(0,t.jsxs)(c.fG,{cursor:"pointer",children:[(0,t.jsx)(l(),{src:a,alt:i,className:"grid-item-thumbnail",placeholder:"blur"}),(0,t.jsx)(c.AB,{href:"/projects/".concat(r),children:(0,t.jsx)(c.xv,{mt:2,fontSize:20,children:i})}),(0,t.jsx)(c.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),s=r(9008),a=r.n(s),l=r(8598),c={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:c,transition:{duration:.4,type:"easeInOut"},style:{position:"relative"},children:(0,t.jsxs)(t.Fragment,{children:[r&&(0,t.jsx)(a(),{children:(0,t.jsxs)("title",{children:[r," - Manuel P\xf6ll"]})}),n,(0,t.jsx)(l.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),s=r.n(i),a=r(8527),l=r(4651),c=r(9876),o=function(e){var n=e.children;return(0,t.jsxs)(a.xu,{mt:10,children:[(0,t.jsx)(s(),{href:"/projects",passHref:!0,children:(0,t.jsx)(a.rU,{children:"Projekte"})}),(0,t.jsxs)("span",{children:["\xa0",(0,t.jsx)(c.XC,{}),"\xa0"]}),(0,t.jsx)(a.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)(l.Ee,{borderRadius:"lg",w:"full",src:n,alt:r,mb:4})},d=function(e){var n=e.children;return(0,t.jsx)(a.Ct,{colorScheme:"green",mr:2,children:n})}},3114:function(e,n,r){"use strict";r.r(n);var t=r(5893),i=r(8527),s=r(9876),a=r(5599),l=r(5930),c=r(951);n.default=function(){return(0,t.jsx)(c.Z,{title:"Planets Facts",children:(0,t.jsxs)(i.W2,{children:[(0,t.jsxs)(a.Dx,{children:["Planets Facts ",(0,t.jsx)(i.Ct,{children:"2022"})]}),(0,t.jsxs)(l.Z,{children:["Meine L\xf6sung zur Planets Facts Challenge von"," ",(0,t.jsx)(i.rU,{href:"https://www.frontendmentor.io/",target:"_blank",children:"Frontend Mentor"}),". Die Aufgabe war es, das bereitgestellte Responsive Design f\xfcr jeweils Desktop, Tablets und Smartphone Screens umzusetzen. \xdcber die Navigationsleiste soll der gew\xfcnschte Planet ausgew\xe4hlt und mittels Buttons die Ansicht gewechselt werden k\xf6nnen. Die dargestellten Informationen wurden von"," ",(0,t.jsx)(i.rU,{href:"https://www.wikipedia.org/",target:"_blank",children:"Wikipedia"})," ","bezogen."]}),(0,t.jsxs)(i.aV,{ml:4,my:4,children:[(0,t.jsxs)(i.HC,{children:[(0,t.jsx)(a.h_,{children:"Website"}),(0,t.jsxs)(i.rU,{href:"https://manuelpoell.github.io/planets-facts/",target:"_blank",children:["https://manuelpoell.github.io/planets-facts/"," ",(0,t.jsx)(s.h0,{mx:"2px"})]})]}),(0,t.jsxs)(i.HC,{children:[(0,t.jsx)(a.h_,{children:"Code"}),(0,t.jsxs)(i.rU,{href:"https://github.com/manuelpoell/planets-facts",target:"_blank",children:["https://github.com/manuelpoell/planets-facts"," ",(0,t.jsx)(s.h0,{mx:"2px"})]})]}),(0,t.jsxs)(i.HC,{children:[(0,t.jsx)(a.h_,{children:"Frontend Mentor"}),(0,t.jsxs)(i.rU,{href:"https://www.frontendmentor.io/solutions/angular-planets-facts-site-413aGZmjI",target:"_blank",children:["https://www.frontendmentor.io/solutions/angular-planets-facts-site-413aGZmjI"," ",(0,t.jsx)(s.h0,{mx:"2px"})]})]}),(0,t.jsxs)(i.HC,{children:[(0,t.jsx)(a.h_,{children:"Stack"}),(0,t.jsx)("span",{children:"Angular, Github Pages"})]})]}),(0,t.jsx)(a.KZ,{src:"/images/projects/planets-facts-earth-1.png",alt:"Planets Facts"}),(0,t.jsx)(a.KZ,{src:"/images/projects/planets-facts-earth-2.png",alt:"Planets Facts"}),(0,t.jsx)(a.KZ,{src:"/images/projects/planets-facts-earth-3.png",alt:"Planets Facts"})]})})}}},function(e){e.O(0,[675,774,888,179],(function(){return n=8831,e(e.s=n);var n}));var n=e.O();_N_E=n}]);