1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5557:function(e,r,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return s(4369)}])},6869:function(e,r,s){"use strict";var a=s(5893),t=s(1664),i=s.n(t),n=s(5675),o=s.n(n),l=s(120);r.Z=function(e){var r=e.posts,s=e.theme;return(0,a.jsx)(a.Fragment,{children:r.map(function(e){var r;return(0,a.jsxs)("article",{className:"post ".concat(s),children:[(0,a.jsx)(i(),{href:"/blog/".concat(e.slug),children:(0,a.jsx)(o(),{src:"/images/".concat(e.data.previewImage,".webp"),alt:e.data.title,width:"358",height:"188",style:{height:"auto",width:"100%"},sizes:"(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw",className:"full-width",priority:!0})}),(0,a.jsxs)("div",{className:"preview",children:[(0,a.jsx)(i(),{href:"/blog/".concat(e.slug),children:(0,a.jsx)("h3",{children:e.data.title})}),(0,a.jsxs)("div",{className:"postDetails",children:[(0,a.jsx)(o(),{src:"/images/luke-anderson.webp",alt:"Luke Anderson",width:"40",height:"40",priority:!0,className:"authorImage"}),(0,a.jsx)("h4",{className:"authorName",children:"Luke Anderson"}),(0,a.jsx)("h4",{className:"publishedDate",children:(r=e.data.date,l.ou.fromISO(r).setLocale("en-GB").toLocaleString(l.ou.DATE_FULL))})]}),(0,a.jsx)("p",{children:e.data.preview}),(0,a.jsx)(i(),{href:"/blog/".concat(e.slug),children:"Read post"})]})]},e.slug)})})}},7562:function(e,r,s){"use strict";s.d(r,{Z:function(){return v}});var a=s(7568),t=s(4924),i=s(6042),n=s(9396),o=s(603),l=s(655),c=s(5893),u=s(7294),d=function(e){var r=(0,o.Z)((0,u.useState)({email:{dirty:!1,error:!1,message:""}}),2),s=r[0],a=r[1],l=function(e){var r=e.form,s=e.field,t=e.errors,l=e.forceTouchErrors,c=!0,u=JSON.parse(JSON.stringify(t));void 0!==l&&l&&(u=Object.entries(t).reduce(function(e,r){var s=(0,o.Z)(r,2),a=s[0],t=s[1];return e[a]=(0,n.Z)((0,i.Z)({},t),{dirty:!0}),e},{}));var d=r.email;if(u.email.dirty&&(!s||"email"===s)){var m=d?RegExp(/\S+@\S+\.\S+/).test(d)?"":"Incorrect email format":"Email is required";u.email.error=!!m,u.email.message=m,m&&(c=!1)}return a(u),{isValid:c,errors:u}};return{validateForm:l,onBlurField:function(r){var a=r.target.name;if(!s[a].dirty){var o=(0,n.Z)((0,i.Z)({},s),(0,t.Z)({},a,(0,n.Z)((0,i.Z)({},s[a]),{dirty:!0})));l({form:e,field:a,errors:o})}},errors:s}},m=s(5675),h=s.n(m),p=s(6010),g=s(4603),f=s.n(g),x=s(8945),v=function(e){var r,s=e.message,m=e.location,g=(0,o.Z)((0,u.useState)({email:""}),2),v=g[0],j=g[1],b=(0,o.Z)((0,u.useState)("Subscribe"),2),w=b[0],y=b[1],_=d(v),N=_.errors,S=_.validateForm,F=_.onBlurField,k=(r=(0,a.Z)(function(e){var r,s;return(0,l.__generator)(this,function(a){switch(a.label){case 0:if(e.preventDefault(),!S({form:v,errors:N,forceTouchErrors:!0}).isValid)return[2];switch((r=e.target).classList.remove("success"),y("Sending..."),s=[],m){case"middleOfPost":default:s.push(3601975);break;case"endOfPost":s.push(3617774);break;case"aboutPage":s.push(3626182);break;case"homePage":s.push(3626894)}a.label=1;case 1:return a.trys.push([1,3,,4]),[4,x.Z.post("https://lukethewebdev.api.up.railway.app/addSubscriber",null,{params:{email:v.email,tags:s}})];case 2:return 200===a.sent().status?(r.classList.add("success"),y("Subscribed!")):y("Try again"),[3,4];case 3:return a.sent(),y("Try again"),[3,4];case 4:return[2]}})}),function(e){return r.apply(this,arguments)});return(0,c.jsxs)("form",{className:f().signup,children:[(0,c.jsx)(h(),{src:"/images/signup.svg",alt:"Newsletter icon",width:"50",height:"50",className:f().filterDarkBlue}),(0,c.jsxs)("div",{className:f().right,children:[(0,c.jsx)("p",{className:f().text,children:s}),(0,c.jsxs)("div",{className:f().formFieldsContainer,children:[(0,c.jsxs)("div",{className:f().inputContainer,children:[(0,c.jsx)("input",{type:"text",placeholder:"Email address",name:"email",className:(0,p.Z)(f().input,N.email.dirty&&N.email.error&&f().formFieldError),onChange:function(e){e.preventDefault();var r=e.target.name,s=(0,n.Z)((0,i.Z)({},v),(0,t.Z)({},r,e.target.value));j(s),N[r].dirty&&S({form:s,errors:N,field:r})},onBlur:F,value:v.email,noValidate:!0}),N.email.dirty&&N.email.error?(0,c.jsx)("p",{className:f().formFieldErrorMessage,children:N.email.message}):null]}),(0,c.jsx)("input",{id:"submit",type:"submit",value:w,className:"signupSubmit",onClick:k})]})]})]})}},4369:function(e,r,s){"use strict";s.r(r),s.d(r,{App:function(){return p},__N_SSG:function(){return h}});var a=s(5893),t=s(9008),i=s.n(t),n=s(1664),o=s.n(n),l=s(5675),c=s.n(l),u=s(6869),d=s(7562),m=s(120),h=!0,p=function(e){var r=e.featurePosts.sort(function(e,r){var s=m.ou.fromFormat(e.data.date,"yyyy-MM-dd");return m.ou.fromFormat(r.data.date,"yyyy-MM-dd")-s});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i(),{children:[(0,a.jsx)("title",{children:"Luke the Web Dev | Web Development Blog and Portfolio"}),(0,a.jsx)("meta",{name:"description",content:"Welcome to Luke the Web Dev
1! My name is Luke Anderson and by day I'm a web engineer at Flawless AI. By night (or weekends) I write blog posts and code cool stuff."})]}),(0,a.jsxs)("main",{className:"home",itemScope:"",itemType:"http://schema.org/Person",children:[(0,a.jsx)("section",{className:"first",children:(0,a.jsxs)("div",{className:"content",children:[(0,a.jsx)(c(),{src:"/images/luke-anderson.webp",alt:"Luke Anderson",width:"390",height:"390",style:{height:"auto",maxWidth:"500px",width:"100%"},sizes:"(max-width: 500px) 100vw, (max-width: 1400px) 50vw, 25vw",priority:!0,className:"portrait",itemProp:"image"}),(0,a.jsxs)("section",{className:"blue",children:[(0,a.jsxs)("p",{children:["Hey guys! My name's ",(0,a.jsx)("span",{itemProp:"givenName",children:"Luke"})," ",(0,a.jsx)("span",{itemProp:"familyName",children:"Anderson"})," and I'm a"," ",(0,a.jsx)("span",{itemProp:"jobTitle",children:"Web Engineer"})," at Flawless AI, having previously worked at ASOS and Sky."]}),(0,a.jsx)("p",{children:"I have been programming since 2015, and I just love the process of bringing something to life through code."}),(0,a.jsx)(o(),{href:"/about",className:"aboutLink button",children:"About Me"})]})]})}),(0,a.jsx)("section",{className:"blogPreview grey",children:(0,a.jsxs)("div",{className:"content",children:[(0,a.jsx)("h2",{children:"Blog"}),(0,a.jsx)("section",{className:"previews",children:(0,a.jsx)(u.Z,{posts:r,theme:"dark"})}),(0,a.jsx)(d.Z,{message:"Subscribe to receive an alert for each new post!",location:"homePage"}),(0,a.jsx)(o(),{href:"/blog",className:"button",children:"View Blog"})]})})]})]})};r.default=p},4603:function(e){e.exports={signup:"SignupForm_signup__iSQVy",text:"SignupForm_text___JD2B",filterDarkBlue:"SignupForm_filterDarkBlue__gQxa4",formFieldsContainer:"SignupForm_formFieldsContainer__xNz0F",inputContainer:"SignupForm_inputContainer__4cnJz",formFieldError:"SignupForm_formFieldError__8qswx",formFieldErrorMessage:"SignupForm_formFieldErrorMessage__p3P1f"}}},function(e){e.O(0,[881,456,774,888,179],function(){return e(e.s=5557)}),_N_E=e.O()}]);
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.