component---src-pages-index-jsx-760828e53aedbd63cb3e.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{138:function(e,t,a){"use strict";a.r(t);var n=a(7),r=a.n(n),i=a(0),o=a.n(i),l=a(167),c=a.n(l),s=a(4),d=a(168),m=a.n(d),u=function(e){var t=e.contactActive,a=e.onClick;return o.a.createElement("aside",{id:"aside-right",className:m.a.container,onClick:a,onKeyPress:a,role:"button",tabIndex:0},o.a.createElement("span",{className:(t?m.a.active:m.a.inActive)+" "+m.a.span},"kontakt"))};u.propTypes={contactActive:s.bool.isRequired,onClick:s.func.isRequired};var p=a(170),v=a.n(p),g=function(e){var t=e.aboutActive,a=e.contactActive,n=e.onClick,r=t||a;return o.a.createElement("div",{id:"top",className:v.a.top,onClick:n,onKeyPress:n,role:"button",tabIndex:0},o.a.createElement("span",{className:(r?v.a.inActive:v.a.active)+" "+v.a.span},"Välkommen"))};g.propTypes={contactActive:s.bool.isRequired,aboutActive:s.bool.isRequired,onClick:s.func.isRequired};var b=a(174),f=a(152),h=a(172),E=a.n(h),k=function(){return o.a.createElement("div",{id:"bottom",className:E.a.container},o.a.createElement(b.b.Provider,{value:{className:E.a.arrow}},o.a.createElement("div",null,o.a.createElement(f.a,null))))},y=a(175),C=a.n(y),N=a(179),w=a(177),x=a.n(w),j=function(e){var t=e.isOpen;function a(){window.location.href="mailto:jonathan.j.nilsson@gmail.com"}return o.a.createElement("div",{id:"contact",className:x.a.container+" "+(t?x.a.isOpening:x.a.isClosing)},o.a.createElement("div",{className:x.a.titleContainer},o.a.createElement("h1",{className:x.a.title},"Kontakta mig")),o.a.createElement("div",{className:x.a.bodyContainer},o.a.createElement("p",{className:x.a.body},"Vad trevligt att du vill prata med mig."),o.a.createElement("p",{className:x.a.body},"Det gör du enklast över mail,"),o.a.createElement("p",{className:x.a.body},"eller på LinkedIn."),o.a.createElement("div",{className:x.a.linksContainer},o.a.createElement("div",{className:x.a.mailContainer,onClick:a,onKeyPress:a,role:"button",tabIndex:0},o.a.createElement(b.b.Provider,{value:{className:x.a.mail}},o.a.createElement("div",null,o.a.createElement(N.a,null)))),o.a.createElement("div",{className:x.a.linkedInContainer},o.a.createElement("a",{href:"https://www.linkedin.com/in/jonathan-nilsson-263b70153/",target:"_blank",rel:"noopener noreferrer"},o.a.createElement(b.b.Provider,{value:{className:x.a.linkedin}},o.a.createElement("div",null,o.a.createElement(N.b,null))))))))};j.propTypes={isOpen:s.bool.isRequired};a(180);var A=a(182),q=a.n(A),R=function(e){var t=e.isOpen;return o.a.createElement("div",{className:q.a.container+" "+(t?q.a.isOpening:q.a.isClosing)},o.a.createElement("div",{className:q.a.titleContainer},o.a.createElement("h1",{className:q.a.title},"Hej,")),o.a.createElement("div",{className:q.a.bodyContainer},o.a.createElement("div",{className:q.a.openerText},o.a.createElement("p",{className:q.a.italic},"Jag heter ",o.a.createElement("span",{className:q.a.bold},"Jonathan Nilsson")),o.a.createElement("p",{className:q.a.italic},"Jag letar efter en ",o.a.createElement("span",{className:q.a.bold},"kul")," och ",o.a.createElement("span",{className:q.a.bold},"lärorik")," arbetsplats.")),o.a.createElement("p",{className:q.a.body},"Jag är en motiverad frontend och backend utvecklare som strävar efter att kunna röra mig obehindrat över hela stacken."),o.a.createElement("p",{className:q.a.body},"Bor för tillfället ett par mil utanför Ronneby men jag söker jobb i hela södra Sverige."),o.a.createElement("p",{className:q.a.body},"Om du läser detta skicka gärna ett meddelande och säg hej!")))};R.propTypes={isOpen:s.bool.isRequired};var T=a(184),P=a.n(T),O=function(e){var t=e.aboutActive,a=e.contactActive,n=t||a;return o.a.createElement("div",{className:P.a.container+" "+(n?P.a.isClosing:P.a.isOpening)},o.a.createElement("div",{className:P.a.wrapper},o.a.createElement("h1",{className:P.a.h1},o.a.createElement("span",{className:P.a.span1}),o.a.createElement("span",{className:P.a.span2}),o.a.createElement("span",{className:P.a.span3}),o.a.createElement("span",{className:P.a.span4}),o.a.createElement("span",{className:P.a.span5}),"HEJ.")),o.a.createElement("p",{className:P.a.inProgress},"Responsiv design - in progress!"))};O.propTypes={contactActive:s.bool.isRequired,aboutActive:s.bool.isRequired};var S=function(e){var t=e.contactActive,a=e.aboutActive;return o.a.createElement("div",{id:"landing",className:C.a.container},o.a.createElement(R,{isOpen:a}),o.a.createElement(O,{aboutActive:a,contactActive:t}),o.a.createElement(j,{isOpen:t}))};S.propTypes={aboutActive:s.bool.isRequired,contactActive:s.bool.isRequired};var L=a(143),M=(a(48),a(154)),I=a.n(M),_=(a(187),a(189),a(190)),B=a.n(_),H=function(e){var t=e.tags.map(function(e,t){return o.a.createElement("li",{key:t.toString()},o.a.createElement("span",{className:B.a.span},e))});return o.a.createElement("ul",{className:B.a.ul},t)};H.propTypes={tags:Object(s.arrayOf)(s.string).isRequired};a(192);var J=a(193),K=a.n(J),F=function(e){var t=e.url,a=e.name;return o.a.createElement("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:K.a.bttn},a)};F.propTypes={url:s.string.isRequired,name:s.string.isRequired};var G=a(195),V=a.n(G),Y=function(e){return o.a.createElement("div",{className:"even"===e.type?V.a.even:V.a.odd},o.a.createElement("div",{className:V.a.divider+" "+V.a.dividerFirst}),o.a.createElement("div",{className:V.a.divider+" "+V.a.dividerMiddle}),o.a.createElement("div",{className:V.a.divider+" "+V.a.dividerLast}))},D=function(e){var t=e.data,a=t.git,n=t.url,r=t.img,i=t.title,l=t.desc,c=t.tags;return o.a.createElement("div",{className:I.a.even+" "+I.a.projectContainer},o.a.createElement("div",{className:I.a.previewContainer},o.a.createElement("div",{className:I.a.imgContainer},o.a.createElement("img",{className:I.a.img,src:r,alt:"ds"}),o.a.createElement("div",{className:I.a.linksContainer},o.a.createElement(F,{url:a,name:"</Källa>"}),n?o.a.createElement(F,{url:n,name:"Besök"}):null)),o.a.createElement("div",{className:I.a.title},o.a.createElement("h2",{className:I.a.h2},i,o.a.createElement("span",{className:I.a.lastLetter},"."))),o.a.createElement("div",{className:I.a.body},o.a.createElement("p",{className:I.a.p},l)),o.a.createElement("div",{className:I.a.tagContainer},o.a.createElement(H,{tags:c}))),o.a.createElement("div",{className:I.a.dividerContainer},o.a.createElement(Y,{type:"even"})))};D.propTypes={data:Object(s.shape)({img:s.string.isRequired,title:s.string.isRequired,url:s.string,git:s.string.isRequired,desc:s.string.isRequired,tags:Object(s.arrayOf)(s.string).isRequired}).isRequired};var Q=function(e){var t=e.data,a=t.git,n=t.url,r=t.img,i=t.title,l=t.desc,c=t.tags;return o.a.createElement("div",{className:I.a.odd+" "+I.a.projectContainer},o.a.createElement("div",{className:I.a.previewContainer},o.a.createElement("div",{className:I.a.title},o.a.createElement("h2",{className:I.a.h2},i)),o.a.createElement("div",{className:I.a.imgContainer},o.a.createElement("img",{className:I.a.img,src:r,alt:"project"}),o.a.createElement("div",{className:I.a.linksContainer},o.a.createElement(F,{url:a,name:"</Källa>"}),n?o.a.createElement(F,{url:n,name:"Besök"}):null)),o.a.createElement("div",{className:I.a.body},o.a.createElement("p",{className:I.a.p},l)),o.a.createElement("div",{className:I.a.tagContainer},o.a.createElement(H,{tags:c}))),o.a.createElement("div",{className:I.a.dividerContainer},o.a.createElement(Y,{type:"odd"})))};Q.propTypes={data:Object(s.shape)({img:s.string.isRequired,title:s.string.isRequired,url:s.string,git:s.string.isRequired,desc:s.string.isRequired,tags:Object(s.arrayOf)(s.string).isRequired}).isRequired};var W=function(e){var t=e.data;return t.id%2?o.a.createElement(D,{data:t}):o.a.createElement(Q,{data:t})};W.propTypes={data:Object(s.shape)({id:s.number.isRequired,img:s.string.isRequired,title:s.string.isRequired,url:s.string,git:s.string.isRequired,desc:s.string.isRequired,tags:Object(s.arrayOf)(s.string).isRequired}).isRequired};var U=a(197),X=a.n(U),Z=a(198),z=a.n(Z),$=a(199),ee=a.n($),te=a(200),ae=a.n(te),ne=a(201),re=a.n(ne),ie=a(202),oe=[{id:0,url:"https://baleith.github.io/",git:"https://github.com/Baleith/Portfolio/tree/master",title:"Portfolio",img:a.n(ie).a,desc:"Den här sidan är utvecklad i React(Gatsby). Css är strukturerad med css-modules.",tags:["React","Gatsby","Css-modules","Scss"]},{id:1,url:"https://matforgiftad.se/",git:"https://bitbucket.org/Baleith/public-matforgiftad/src/master/",title:"Matförgiftad",img:ee.a,desc:"En tjänst för att anmäla en misstänkt matförgiftning. Användaren väljer den kommunen där matförgiftningen skett och fyller sedan i ett detaljerat formulär så hjälper vi till att maila den ansvariga instansen i aktuell kommun. Kodad i Laravel och Vue.js.",tags:["Vue.js","PHP","Laravel","Scss","MySql"]},{id:2,url:"https://tillnyktrad.se/",git:"https://bitbucket.org/Baleith/share-alkohol/src/master/",title:"Tillnyktrad",img:z.a,desc:"En alkoholförbrännings räknare byggd i Laravel och Vue.js. Med sökfunktion över hela systembolagets sortiment som hämtas över deras offentliga api.",tags:["Vue.js","PHP","Laravel","Scss","MySql"]},{id:3,url:"https://www.bostader.se/",git:"https://bitbucket.org/Baleith/share-styrbostad/src/master/",title:"Styrbostad",img:X.a,desc:"Samlingsida för hyreslägenheter. Lägenheterna samlas in med hjälp av en headless crawler i node.js, skrapar totalt ett 30tal bostadssidor. Utöver node.js så är backend byggd i Laravel och Vue.js för frontend.",tags:["Vue.js","PHP","Laravel","Node","PhantomJS","MySql"]},{id:4,url:null,git:"https://github.com/Baleith/Baleith.github.io/tree/dev",title:"Fotbolls vm",img:re.a,desc:"Ett api över fotbolls vm med inlogg över OAuth2. Endpoints för bl.a lägga till och uppdatera matchresultat/lag/spelare, hämta hem spelare/lag utefter t.ex grupper, mål, utvisningar.",tags:["PHP","Laravel","REST","OAuth2","MySql"]},{id:5,url:null,git:"https://bitbucket.org/Baleith/share-hypedgamers/src/master/",title:"Hypedgamers",img:ae.a,desc:"Social gaming community, utvecklad i Laravel. Features som uppladdning av bilder/video, inloggning, filtrering, upvoting, kommentering och, följa andra användare ",tags:["PHP","Laravel","JavaScript","JQuery","Scss","MySql"]}],le=a(203),ce=a.n(le),se=function(){var e=oe.map(function(e){return o.a.createElement(W,{data:e,key:e.id})});return o.a.createElement("div",{id:"projects",className:ce.a.container},o.a.createElement("h1",{className:ce.a.h1},o.a.createElement("span",{className:ce.a.span}),"Projects"),e)},de=(a(205),a(207)),me=a.n(de),ue=function(e){var t=e.onClick;return o.a.createElement("footer",{id:"footer",className:me.a.footer},o.a.createElement("button",{title:"Back to top",className:me.a.scroll,onClick:t,type:"button"},o.a.createElement(b.b.Provider,{value:{className:me.a.arrow}},o.a.createElement("div",null,o.a.createElement(f.b,null)))))};ue.propTypes={onClick:s.func.isRequired};var pe=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={intervalId:0},t}r()(t,e);var a=t.prototype;return a.scrollStep=function(){var e=this.state.intervalId;0===window.pageYOffset&&clearInterval(e),window.scroll(0,window.pageYOffset-50)},a.scrollToTop=function(){var e=setInterval(this.scrollStep.bind(this),16.66);this.setState({intervalId:e})},a.render=function(){var e=this;return o.a.createElement(ue,{onClick:function(){e.scrollToTop()}})},t}(o.a.Component),ve=a(209),ge=a.n(ve),be=function(e){var t=e.aboutActive,a=e.onClick;return o.a.createElement("aside",{id:"aside-left",className:ge.a.container,onClick:a,onKeyPress:a,role:"button",tabIndex:0},o.a.createElement("span",{className:(t?ge.a.active:ge.a.inActive)+" "+ge.a.span},"Om",o.a.createElement("span",{className:ge.a.hidden},"x"),"mig"))};be.propTypes={aboutActive:s.bool.isRequired,onClick:s.func.isRequired},a.d(t,"default",function(){return fe});var fe=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return(t=e.call.apply(e,[this].concat(n))||this).state={aboutActive:!1,contactActive:!1},t.handleClickAbout=function(){t.setState(function(e){return{contactActive:!1,aboutActive:!e.aboutActive}})},t.handleClickContact=function(){t.setState(function(e){return{aboutActive:!1,contactActive:!e.contactActive}})},t.handleClickHome=function(){t.setState({aboutActive:!1,contactActive:!1})},t}return r()(t,e),t.prototype.render=function(){var e=this.state,t=e.aboutActive,a=e.contactActive;return o.a.createElement(L.a,null,o.a.createElement(be,{aboutActive:t,onClick:this.handleClickAbout}),o.a.createElement(c.a,{query:"(min-width: 900px)"},o.a.createElement(g,{aboutActive:t,contactActive:a,onClick:this.handleClickHome})),o.a.createElement(u,{contactActive:a,onClick:this.handleClickContact}),o.a.createElement(S,{contactActive:a,aboutActive:t}),o.a.createElement(k,null),o.a.createElement(se,null),o.a.createElement(pe,null))},t}(i.Component)},141:function(e,t,a){var n;e.exports=(n=a(145))&&n.default||n},142:function(e,t,a){"use strict";a.r(t),a.d(t,"graphql",function(){return v}),a.d(t,"StaticQueryContext",function(){return u}),a.d(t,"StaticQuery",function(){return p});var n=a(0),r=a.n(n),i=a(4),o=a.n(i),l=a(139),c=a.n(l);a.d(t,"Link",function(){return c.a}),a.d(t,"withPrefix",function(){return l.withPrefix}),a.d(t,"navigate",function(){return l.navigate}),a.d(t,"push",function(){return l.push}),a.d(t,"replace",function(){return l.replace}),a.d(t,"navigateTo",function(){return l.navigateTo});var s=a(141),d=a.n(s);a.d(t,"PageRenderer",function(){return d.a});var m=a(35);a.d(t,"parsePath",function(){return m.a});var u=r.a.createContext({}),p=function(e){return r.a.createElement(u.Consumer,null,function(t){return e.data||t[e.query]&&t[e.query].data?(e.render||e.children)(e.data?e.data.data:t[e.query].data):r.a.createElement("div",null,"Loading (StaticQuery)")})};function v(){throw new Error("It appears like Gatsby is misconfigured. Gatsby related `graphql` calls are supposed to only be evaluated at compile time, and then compiled away,. Unfortunately, something went wrong and the query was left in the compiled code.\n\n.Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.")}p.propTypes={data:o.a.object,query:o.a.string.isRequired,render:o.a.func,children:o.a.func}},143:function(e,t,a){"use strict";var n=a(144),r=a(0),i=a.n(r),o=a(4),l=a.n(o),c=a(150),s=a.n(c),d=a(142),m=(a(146),function(e){var t=e.children;return i.a.createElement(d.StaticQuery,{query:"755544856",render:function(e){return i.a.createElement(i.a.Fragment,null,i.a.createElement(s.a,{title:e.site.siteMetadata.title,meta:[{name:"description",content:"Jonathan Nilsson - portfolio. Jag är en självlärd Backend och frontend utvecklare."},{name:"keywords",content:"portfolio, developer, frontend, backend, php, javascript"}]},i.a.createElement("html",{lang:"en"})),i.a.createElement("div",{id:"app"},t))},data:n})});m.propTypes={children:l.a.node.isRequired},t.a=m},144:function(e){e.exports={data:{site:{siteMetadata:{title:"Jonathan Nilsson"}}}}},145:function(e,t,a){"use strict";a.r(t);a(33);var n=a(0),r=a.n(n),i=a(4),o=a.n(i),l=a(52),c=a(2),s=function(e){var t=e.location,a=c.default.getResourcesForPathnameSync(t.pathname);return r.a.createElement(l.a,Object.assign({location:t,pageResources:a},a.json))};s.propTypes={location:o.a.shape({pathname:o.a.string.isRequired}).isRequired},t.default=s},146:function(e,t,a){},154:function(e,t,a){e.exports={projectContainer:"project-module--projectContainer--3WD0O",dividerContainer:"project-module--dividerContainer--10PYW",imgContainer:"project-module--imgContainer--3Qsz8",img:"project-module--img--19vnZ",linksContainer:"project-module--linksContainer--1Dlc4",title:"project-module--title--vou2H",body:"project-module--body--3uMYc",tagContainer:"project-module--tagContainer--f2Cn3",odd:"project-module--odd--12j8P",previewContainer:"project-module--previewContainer--3kjA9",even:"project-module--even--1p2ML"}},168:function(e,t,a){e.exports={container:"contact-module--container--2CNEj",navText:"contact-module--navText--e-SDn",span:"contact-module--span--2SiXc contact-module--navText--e-SDn",active:"contact-module--active--oA_XL",inActive:"contact-module--inActive--3pyuk"}},170:function(e,t,a){e.exports={top:"home-module--top--1llpT",span:"home-module--span--2QZ-5 _util--navText--2_TYG",active:"home-module--active--1_-S2",inActive:"home-module--inActive--8R17G"}},172:function(e,t,a){e.exports={container:"bottom-module--container--qOen_",arrow:"bottom-module--arrow--1jDFm",bounce:"bottom-module--bounce--2T8eP"}},175:function(e,t,a){e.exports={container:"landing-module--container--3PL32"}},177:function(e,t,a){e.exports={container:"contact-module--container--18upe",isClosing:"contact-module--isClosing--1cV3K",isOpening:"contact-module--isOpening--2vLDB",titleContainer:"contact-module--titleContainer--2Y4JJ",title:"contact-module--title--Lkl01 _util--crossedText--3AkAN",bodyContainer:"contact-module--bodyContainer--Af8ib",body:"contact-module--body--1t27t",mailContainer:"contact-module--mailContainer--3x3K4",mail:"contact-module--mail--nh9Ka",linkedin:"contact-module--linkedin--3OirC",linksContainer:"contact-module--linksContainer--3CYoF"}},182:function(e,t,a){e.exports={container:"about-module--container--1RY1j",isClosing:"about-module--isClosing--u6X5d",isOpening:"about-module--isOpening--1Qir9",titleContainer:"about-module--titleContainer--2Ywqu",title:"about-module--title--3NeWk _util--crossedText--3AkAN",bodyContainer:"about-module--bodyContainer--3Y-gO",italic:"about-module--italic--2TFmx",bold:"about-module--bold--VWMIR _util--crossedText--3AkAN",openerText:"about-module--openerText--2ykKP",body:"about-module--body--37W9-",h2:"about-module--h2--39fLI"}},184:function(e,t,a){e.exports={container:"welcome-text-module--container--2WtkZ",h1:"welcome-text-module--h1--3UPYK",isOpening:"welcome-text-module--isOpening--tme0g",isClosing:"welcome-text-module--isClosing--3Ixbp",span1:"welcome-text-module--span1--1cM2_",span2:"welcome-text-module--span2--7qyo1",span3:"welcome-text-module--span3--32Aow",span4:"welcome-text-module--span4--2aHud",span5:"welcome-text-module--span5--3E-qb",rotation3:"welcome-text-module--rotation3--20ZjW",rotation4:"welcome-text-module--rotation4--w-tEZ",rotation5:"welcome-text-module--rotation5--35cuZ",rotation6:"welcome-text-module--rotation6--1C0wJ",rotation7:"welcome-text-module--rotation7--3UcIk",rotation8:"welcome-text-module--rotation8--GV6e0",rotation9:"welcome-text-module--rotation9--2Fcd5",rotation10:"welcome-text-module--rotation10--2_duf",wrapper:"welcome-text-module--wrapper--2B5H8",inProgress:"welcome-text-module--inProgress--s5DkM"}},190:function(e,t,a){e.exports={ul:"tagList-module--ul--2kAuA",span:"tagList-module--span--3wVb9 _util--lightGrayText--2AvU4"}},193:function(e,t,a){e.exports={span:"anchor-module--span--1r2dG",a:"anchor-module--a--YrrX8",btn:"anchor-module--btn--3tkv8",first:"anchor-module--first--2-mz8",bttn:"anchor-module--bttn--MwT7M _util--mainBackgroundColorGreen--HprIc"}},195:function(e,t,a){e.exports={divider:"divider-module--divider--2LH5- _util--blackBackgroundColor--1tmEz",dividerFirst:"divider-module--dividerFirst--3FHfF",dividerMiddle:"divider-module--dividerMiddle--Vx-us",dividerLast:"divider-module--dividerLast--4mW7P",odd:"divider-module--odd--Di0oF",even:"divider-module--even--2HQvM"}},197:function(e,t,a){e.exports=a.p+"static/styrbostsad-69a888130ed9674d622ad92598841a7f.jpg"},198:function(e,t,a){e.exports=a.p+"static/tillnyktrad-b90e99bfb81a67c83d1cd8bda324027b.jpg"},199:function(e,t,a){e.exports=a.p+"static/matforgiftad-c6ff542b7c2362bcc2cb98fbc732a68b.jpg"},200:function(e,t,a){e.exports=a.p+"static/hyped-33be62437a11f10492d70c0d0a42bea2.jpg"},201:function(e,t,a){e.exports=a.p+"static/fotboll-855298ca38b9bbf79c1f18a9d9606bed.jpg"},202:function(e,t,a){e.exports=a.p+"static/portfolio-0aa39b8172906293835ad95e97867f86.jpg"},203:function(e,t,a){e.exports={container:"projects-module--container--3odt5 undefined",h1:"projects-module--h1--2KPME",span:"projects-module--span--3_c5x _util--crossedText--3AkAN"}},207:function(e,t,a){e.exports={footer:"footer-module--footer--1X1DK",scroll:"footer-module--scroll--1zULJ",arrow:"footer-module--arrow--1nCqR"}},209:function(e,t,a){e.exports={container:"about-module--container--2Kwbh",hidden:"about-module--hidden--35B5K",span:"about-module--span--DIIMt _util--navText--2_TYG",active:"about-module--active--36oGX",inActive:"about-module--inActive--sTjaM"}}}]);
//# sourceMappingURL=component---src-pages-index-jsx-760828e53aedbd63cb3e.js.map