(this.webpackJsonpjmldev=this.webpackJsonpjmldev||[]).push([[0],{54:function(e,t,n){},55:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),o=n(20),s=n.n(o),r=n(8),c=n(9),l=n(11),d=n(10),h=n(16),j=n(6),b=n(64),m=n(56),p=n(57),u=n(2),g=function(e){Object(l.a)(n,e);var t=Object(d.a)(n);function n(){var e;return Object(r.a)(this,n),(e=t.call(this)).typeWriter=function(){var t=e.state.content,n="Howdy. My name is Jeremiah Long. Micah is my middle name and there's the letters in JMLdev.com. I've been creating websites for a long time. I started right after we ironed out the bugs for Y2K. Since then, I've managed to get pretty good at a few things. JavaScript and PHP are a couple, HTML and CSS of course, then a bunch of other cool stuff like React, Node.js, MERN stack... I could go on for a long time, but I think I'll just create a page for those skills. Anyways, nice to meet you. Feel free to look around and get to know me a little better.";e.state.content.length<n.length&&(t+=n.charAt(e.state.content.length),e.setState({content:t}),setTimeout(e.typeWriter,40))},e.state={content:""},e.aboutText=i.a.createRef(),e}return Object(c.a)(n,[{key:"componentDidMount",value:function(){this.typeWriter()}},{key:"render",value:function(){return Object(u.jsx)(i.a.Fragment,{children:Object(u.jsx)(m.a,{children:Object(u.jsxs)(p.a,{xs:12,children:[Object(u.jsx)("h1",{className:"page-title",children:"About Me"}),Object(u.jsx)("p",{className:"home-text",children:this.state.content})]})})})}}]),n}(a.Component),O=function(e){Object(l.a)(n,e);var t=Object(d.a)(n);function n(){return Object(r.a)(this,n),t.apply(this,arguments)}return Object(c.a)(n,[{key:"render",value:function(){return Object(u.jsx)(i.a.Fragment,{children:Object(u.jsxs)(m.a,{className:"about",children:[Object(u.jsx)(p.a,{xs:"12",children:Object(u.jsx)("h1",{className:"page-title",children:"About"})}),Object(u.jsx)(p.a,{xs:"4",children:Object(u.jsx)("img",{src:"/profile-picture.jpg",alt:"Profile portrait"})}),Object(u.jsxs)(p.a,{xs:"8",className:"text-block",children:[Object(u.jsx)("p",{children:"I'm a huge fantasy nerd, which has partially driven my desire to write code. I think of coding like spellcasting. By memorizing a series of cryptic words, I can exert my will on the digital world, turning mere thoughts into something physical, something tangible. That does sound quite nerdy when I type it out, but it's one of the ways I view coding."}),Object(u.jsx)("p",{children:"I started learning about website development in the very early 2000's. Back then we were still using the CSS2 standard, tables, and a lot of gimmicks to make things look cool. The internet has sure come a long way since then."}),Object(u.jsx)("p",{children:"Even though bandwidth is plentiful now a days, and web languages verbose, I still think it is important to code for performance. That means optimizing images, avoiding code repetition, and keeping scripts small. I am also a firm believer in the value of accessibility. The internet is the most powerful communication medium ever invented, bringing all corners of the world into our very living quarters, so I think it's important for it to be accessible to all. I am proud to have helped Microsoft work on its goal of total accessibility for all their products and now I continue that ambition with Expedia Group."}),Object(u.jsx)("p",{children:"Outside of work I enjoy rock climbing, backpacking, boating, archery, mathematics, electronics, ham radio, and building quadcopters from scratch. I guess I have a bit of ADD when it comes to hobbies. I will dive passionately into a hobby and pursue it for months, then drop it for a year or more before returning to it."}),Object(u.jsxs)("p",{children:["Anyways, that's a summary of what drives my motivation for website development, and a little about what I do with myself when away from work. Feel free to ",Object(u.jsx)(h.b,{to:"/Contact",children:"send me a message if you want"}),"."]})]})]})})}}]),n}(a.Component),f=O,x=n(17),w=function(e){Object(l.a)(n,e);var t=Object(d.a)(n);function n(e){var a;return Object(r.a)(this,n),(a=t.call(this,e)).expand=function(){var e=a.state.active;a.setState({active:!e})},a.expand=a.expand.bind(Object(x.a)(a)),a.state={active:!1,textShort:a.props.description},a}return Object(c.a)(n,[{key:"render",value:function(){return Object(u.jsxs)(p.a,{xs:12,md:6,className:"work-item "+(this.state.active?"expanded":""),children:[Object(u.jsx)("div",{className:"exit",children:"X"}),Object(u.jsx)("h3",{children:this.props.headline}),Object(u.jsx)("img",{src:this.props.image,alt:this.props.alt}),Object(u.jsx)("p",{children:this.state.textShort})]})}}]),n}(i.a.Component),v=function(e){Object(l.a)(n,e);var t=Object(d.a)(n);function n(){return Object(r.a)(this,n),t.apply(this,arguments)}return Object(c.a)(n,[{key:"render",value:function(){return Object(u.jsxs)(m.a,{className:"work",children:[Object(u.jsx)(p.a,{xs:"12",children:Object(u.jsx)("h1",{className:"page-title",children:"Some of my work"})}),Object(u.jsx)(w,{image:"/welcome.expe.jpg",alt:"Expedia Group Page",headline:"Expedia's welcome site",description:"This website is used for marketing to new partners. Partners for Expedia Group are the hotels and rental companies that list their properties with Expedia Group."}),Object(u.jsx)(w,{image:"/mkto.jpg",alt:"Marketo website",headline:"Marketo development and management",description:"Marketo landing page templates, email templates, utilities for automation of common tasks, etc."}),Object(u.jsx)(w,{image:"/dev-msft.jpg",alt:"Microsoft's Dev Center",headline:"Microsoft's developer website",description:"Microsoft's developer center website used by developers who build and market software for use in Microsoft's ecosystem."}),Object(u.jsx)(w,{image:"/msft-oobe.png",alt:"Microsoft's OOBE",headline:"Microsoft's 'Out Of Box Experience' software",description:"You've likely seen this interface any time you have installed Windows, purchased a new computer, or even looked at a Windows computer at the store."})]})}}]),n}(a.Component),y=v,k=n(15),I=n(58),M=n(59),N=n(60),C=n(65),S=n(61),E=n(62),W=n(63),T=n(1),D=n.n(T),L=function(e){Object(l.a)(n,e);var t=Object(d.a)(n);function n(e){var a;return Object(r.a)(this,n),(a=t.call(this,e)).toggle=a.toggle.bind(Object(x.a)(a)),a.closeNavbar=a.closeNavbar.bind(Object(x.a)(a)),a.state={isOpen:!1},a}return Object(c.a)(n,[{key:"toggle",value:function(){this.setState({isOpen:!this.state.isOpen})}},{key:"closeNavbar",value:function(){this.setState({isOpen:!1})}},{key:"render",value:function(){return Object(u.jsx)("div",{children:Object(u.jsxs)(I.a,{color:"dark",dark:!0,expand:"md",children:[Object(u.jsx)(M.a,{href:"/",children:Object(u.jsx)("img",{src:"./logo.png",alt:"JML dev logo and home button"})}),Object(u.jsx)(N.a,{onClick:this.toggle}),Object(u.jsx)(C.a,{isOpen:this.state.isOpen,navbar:!0,children:Object(u.jsxs)(S.a,{className:"ml-auto",navbar:!0,children:[Object(u.jsx)(E.a,{children:Object(u.jsxs)(W.a,{tag:h.b,to:"/about",onClick:this.closeNavbar,children:[Object(u.jsx)(k.e,{icon:k.b}),"About"]})}),Object(u.jsx)(E.a,{children:Object(u.jsxs)(W.a,{tag:h.b,to:"/work",onClick:this.closeNavbar,children:[Object(u.jsx)(k.e,{icon:k.a})," Work"]})}),Object(u.jsx)(E.a,{children:Object(u.jsxs)(W.a,{href:"https://github.com/JMLdev",children:[Object(u.jsx)(k.e,{icon:k.d})," GitHub"]})}),Object(u.jsx)(E.a,{children:Object(u.jsxs)(W.a,{tag:h.b,to:"/contact",onClick:this.closeNavbar,children:[Object(u.jsx)(k.e,{icon:k.c})," Contact"]})})]})})]})})}}]),n}(i.a.Component);I.a.propTypes={light:D.a.bool,dark:D.a.bool,fixed:D.a.string,color:D.a.string,role:D.a.string,expand:D.a.oneOfType([D.a.bool,D.a.string]),tag:D.a.oneOfType([D.a.func,D.a.string])};var A=function(e){Object(l.a)(n,e);var t=Object(d.a)(n);function n(){return Object(r.a)(this,n),t.apply(this,arguments)}return Object(c.a)(n,[{key:"componentDidMount",value:function(){var e=document.createElement("script");e.src="https://platform.linkedin.com/badges/js/profile.js",e.async=!0,document.body.appendChild(e)}},{key:"render",value:function(){return Object(u.jsx)(i.a.Fragment,{children:Object(u.jsxs)(m.a,{className:"contact",children:[Object(u.jsx)(p.a,{xs:"12",children:Object(u.jsx)("h1",{className:"page-title",children:"Contact"})}),Object(u.jsx)(p.a,{xs:"4",children:Object(u.jsx)("img",{src:"/profile-picture.jpg",alt:"Profile portrait"})}),Object(u.jsx)(p.a,{xs:"8",className:"text-block",children:Object(u.jsxs)("p",{children:["Go ahead and ",Object(u.jsx)("a",{href:"https://www.linkedin.com/in/jeremiahmlong/",children:"look me up on LinkedIn"}),". You can send me a message there, and take a look at my work history, volunteer work, endorsements, and certifications."]})})]})})}}]),n}(a.Component),G=A,H=(n(52),function(e){Object(l.a)(n,e);var t=Object(d.a)(n);function n(){var e;return Object(r.a)(this,n),(e=t.call(this)).updateWindowDimensions=function(){e.setState({width:window.innerHeight,height:window.innerHeight})},e.state={height:window.innerHeight,width:window.innerWidth,canvasStyle:{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:"-9999",width:"100%",height:"100%",background:"transparent"}},e}return Object(c.a)(n,[{key:"componentDidMount",value:function(){this.updateWindowDimensions(),window.addEventListener("resize",this.updateWindowDimensions);new(0,window.ConfettiGenerator)({target:"my-canvas",clock:1,colors:[0,0,0],rotate:!0}).render();["/welcome.expe.jpg","/mkto.jpg","/dev-msft.jpg","/msft-oobe.png"].forEach((function(e){var t=new Image;t.src=e,window[e]=t}))}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateWindowDimensions)}},{key:"render",value:function(){return Object(u.jsx)(h.a,{children:Object(u.jsxs)(b.a,{children:[Object(u.jsx)(m.a,{children:Object(u.jsx)(p.a,{xs:12,children:Object(u.jsx)(L,{})})}),Object(u.jsx)(j.a,{path:"/",exact:!0,component:g}),Object(u.jsx)(j.a,{path:"/about",exact:!0,component:f}),Object(u.jsx)(j.a,{path:"/work",component:y}),Object(u.jsx)(j.a,{path:"/contact",component:G}),Object(u.jsx)("canvas",{id:"my-canvas",style:this.state.canvasStyle})]})})}}]),n}(a.Component));Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));n(53),n(54);s.a.render(Object(u.jsx)(H,{}),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()}))}},[[55,1,2]]]);
//# sourceMappingURL=main.13e2c1a0.chunk.js.map