https://polypane.app/component---src-templates-blog-list-jsx-13168c609ea476485e5c.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[70],{H2Ib:function(e,t,a){"use strict";var n=a("dI71"),r=a("Wbzz"),l=a("q1tI"),s=a.n(l),o=a("ykCa"),i=a("2/JU");const c=a("acuy");let u=function(e){function t(){return e.apply(this,arguments)||this}Object(n.a)(t,e);var a=t.prototype;return a.getPostList=function(){const e=[];return this.props.postEdges.forEach(t=>{e.push({path:t.node.fields.slug,tags:t.node.frontmatter.tags,cover:t.node.frontmatter.cover,title:t.node.frontmatter.title,date:t.node.fields.date,updated:t.node.fields.updated,excerpt:t.node.excerpt,timeToRead:t.node.timeToRead})}),e},a.render=function(){const e=this.getPostList(),{track:t}=this.props;return s.a.createElement("div",{className:c.wrap},e.map(e=>s.a.createElement("div",{className:[c.post,e.cover?"":c.nocover].join(" "),key:e.title},s.a.createElement("div",{className:e.cover?c.hasImg:null},e.cover?s.a.createElement("img",{src:e.cover,alt:""}):null,s.a.createElement("div",null,s.a.createElement("h3",null,s.a.createElement(r.Link,{to:e.path,onClick:t?()=>Object(i.d)(t,{destination:e.path,label:e.title}):void 0},e.title)),s.a.createElement("span",{className:c.meta},e.timeToRead," min read. Posted on"," ",new Date(e.updated).toLocaleDateString(void 0,{year:"numeric",month:"long",day:"numeric"})),s.a.createElement("p",null,e.excerpt),s.a.createElement("span",{className:c.button},"Read Article",s.a.createElement(o.a,{height:24,id:""})))))))},t}(s.a.Component);t.a=u},QLcK:function(e,t,a){e.exports={pagination:"blog-list-styles-module--pagination--2_1sB",active:"blog-list-styles-module--active--11rcS",p:"blog-list-styles-module--p--22uzN",subscribe:"blog-list-styles-module--subscribe--1uthj",subscribeButtons:"blog-list-styles-module--subscribe-buttons--1T6qX",rss:"blog-list-styles-module--rss--2__pR",paginate:"blog-list-styles-module--paginate--1Sldz",prev:"blog-list-styles-module--prev--2Plnu",next:"blog-list-styles-module--next--LC5Mg",disabled:"blog-list-styles-module--disabled--3kfW3"}},RgTv:function(e,t,a){"use strict";var n=a("q1tI"),r=a.n(n);t.a=function(e){return r.a.createElement("header",{className:["pageHeader",e.nobg?"nobg":"",e.overflow?"overflow":""].join(" ")},e.children)}},"Z+gw":function(e,t,a){"use strict";var n=a("q1tI"),r=a.n(n);t.a=function(e){var t=e.id,a=void 0===t?"i-feed":t,n=e.className,l=e.width,s=void 0===l?32:l,o=e.height,i=void 0===o?32:o,c=e.strokeWidth,u=void 0===c?"6.25%":c,m=e.strokeLinejoin,d=void 0===m?"round":m,p=e.strokeLinecap,g=void 0===p?"round":p,h=e.color,b=void 0===h?"currentcolor":h;return r.a.createElement("svg",{className:n,id:a,viewBox:"0 0 32 32",width:s,height:i,fill:"none",stroke:b,strokeLinecap:g,strokeLinejoin:d,strokeWidth:u},r.a.createElement("circle",{cx:"6",cy:"26",r:"2",fill:"currentColor"}),r.a.createElement("path",{d:"M4 15 C11 15 17 21 17 28 M4 6 C17 6 26 15 26 28"}))}},acuy:function(e,t,a){e.exports={post:"PostListing-styles-module--post--2OB5r",button:"PostListing-styles-module--button--33Uf_",hasImg:"PostListing-styles-module--hasImg--2eJIY",meta:"PostListing-styles-module--meta--2CorR",wrap:"PostListing-styles-module--wrap--25VqM"}},dAOn:function(e,t,a){"use strict";a.r(t);var n=a("dI71"),r=(e,t,a=1)=>{if(!Number.isInteger(e))throw new TypeError("start should be an integer");if(!Number.isInteger(t))throw new TypeError("end should be an integer");if(!Number.isInteger(a))throw new TypeError("step should be an integer");if(t<e)throw new RangeError("end should be greater than start");if(a<1)throw new RangeError("step should be a positive integer");return Array.from({length:(t-e)/a+1},(t,n)=>e+n*a)},l=(e={})=>

1{let{curPage:t=1,numPages:a=1,numPagesAtEdges:n=2,numPagesAroundCurrent:l=2,glue:s="…"}=e;return((e,t,a=2,n=2,l="…")=>{let s=1+2*n+2*a+2,o=Math.min(e,t),i=[];if(t<=s)i=r(1,t);else{let e=a>0?1:o,c={leftEdge:null,glueLeftCenter:null,centerPiece:null,glueCenterRight:null,rightEdge:null};o<s/2?(c.leftEdge=r(1,Math.ceil(s/2)+n),c.centerPiece=[l],a>0&&(c.rightEdge=r(t-(a-1),t))):o>t-s/2?(a>0&&(c.leftEdge=r(e,a)),c.centerPiece=[l],c.rightEdge=r(Math.min(t-Math.floor(s/2)-n,o-n),t)):(c.centerPiece=r(o-n,o+n),a>0&&(c.leftEdge=r(e,a)),a>0&&(c.rightEdge=r(t-(a-1),t)),c.glueLeftCenter=c.centerPiece[0]==a+2?[a+1]:[l],c.glueCenterRight=[l]),i=Object.values(c).filter(e=>null!==e).flat()}return i})(t,a,n,l,s)},s=a("q1tI"),o=a.n(s),i=a("Z+gw"),c=a("RgTv"),u=a("H2Ib"),m=a("hYuR"),d=a("ZJ91"),p=a("hpys"),g=a("rUGe");const h=a("QLcK");let b=function(e){function t(){return e.apply(this,arguments)||this}return Object(n.a)(t,e),t.prototype.render=function(){const{currentPage:e,numPages:t}=this.props.pageContext,a=1===e,n=e===t,r=a?"#":e-1==1?"/blog/":`/blog/${(e-1).toString()}/`,s=n?"#":`/blog/${(e+1).toString()}/`,b=this.props.data.allMdx.edges,E=l({curPage:e,numPages:t});return o.a.createElement(p.a,null,o.a.createElement(m.a,{title:"Blog",keywords:[""],pathname:this.props.location.pathname}),o.a.createElement(c.a,null,o.a.createElement("h1",null,"Blog"),o.a.createElement("h2",null,"The latest updates, web development tips and tricks, and in-depth articles about Polypane."),o.a.createElement("p",{className:h.paginate},o.a.createElement(d.a,{to:r,rel:"prev",className:[h.prev,a?h.disabled:""].join(" "),"aria-hidden":a},"← Previous Page"),o.a.createElement("span",null,"Page ",e," of ",t),o.a.createElement(d.a,{to:s,rel:"next",className:[h.next,n?h.disabled:""].join(" "),"aria-hidden":n},"Next Page →"))),o.a.createElement("div",{className:"index-container"},o.a.createElement(u.a,{postEdges:b})),o.a.createElement("p",{className:h.p},"Stay up to date by subscribing to our newsletter, our RSS or by following us on social media."),o.a.createElement("div",{className:h.subscribe},o.a.createElement("div",null,o.a.createElement(g.a,null)),o.a.createElement("div",{className:h.subscribeButtons},o.a.createElement("a",{href:"/rss.xml",className:h.rss},o.a.createElement(i.a,{width:16,height:16,color:"#f60",strokeWidth:4})," RSS"),o.a.createElement("a",{href:"https://bsky.app/profile/polypane.app"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:16,height:16,"aria-hidden":"true",fill:"dodgerblue"},o.a.createElement("path",{d:"M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z"}))," ","@Polypane.app"))),o.a.createElement("nav",{"aria-label":"Blog"},o.a.createElement("ul",{className:h.pagination},!a&&o.a.createElement("li",null,o.a.createElement(d.a,{to:r,rel:"prev"},"← Previous Page")),E.map((e,t)=>o.a.createElement("li",null,"…"===e?o.a.createElement("span",null,e):o.a.createElement(d.a,{key:"pagination-number"+(t+1),to:"/blog/"+(0===t?"":t+1+"/"),activeClassName:h.active},e))),!n&&o.a.createElement("li",null,o.a.createElement(d.a,{to:s,rel:"next"},"Next Page →")))))},t}(o.a.Component);t.default=b},"n+Lo":function(e,t,a){e.exports={newsletter:"newsletterForm-styles-module--newsletter--vNbxy",row:"newsletterForm-styles-module--row--2ddRI",recaptcha:"newsletterForm-styles-module--recaptcha--LG8Kh",errormsg:"newsletterForm-styles-module--errormsg--1TcE4",successmsg:"newsletterForm-styles-module--successmsg--3pF0x",button:"newsletterForm-styles-module--button--vcHCB",spinner:"newsletterForm-styles-module--spinner--RH2TR",spinAround:"newsletterForm-styles-module--spinAround--2pYIY"}},rUGe:function(e,t,a){"use strict";var n=a("q1tI"),r=a.n(n),l=a("qhky");const s=a("n+Lo");t.a=()=>{const{0:e,1:t}=Object(n.useState)("unsent"),{0:a,1:o}=Object(n.useState)(!1),{0:i,1:c}=Object(n.useState)(""),{0:u,1:m}=Object(n.useState)("");return r.a.createElement(r.a.Fragment,null,r.a.createElement(l.a,null,r.a.createElement("script",{src:"https://www.google.com/recaptcha/api.js",async:!0,defer:!0}

1)),a&&r.a.createElement("div",{className:"error"===u?s.errormsg:s.successmsg},r.a.createElement("div",{dangerouslySetInnerHTML:{__html:i}})),r.a.createElement("form",{className:s.newsletter,onSubmit:async e=>{e.preventDefault();e.target.elements[0].value;const a=new URLSearchParams(new FormData(e.target));t("sending");const n=await fetch("https://mails.firstversionist.com/subscribe",{method:"POST",body:a});"undefined"!=typeof window&&window.grecaptcha&&"function"==typeof window.grecaptcha.reset&&window.grecaptcha.reset(),t("sent"),o(!0),m(n.ok?"success":"error"),c(n.ok?"Thanks for subscribing! We've sent you a confirmation email.":"something went wrong. Please try again later."),"undefined"!=typeof window&&window.ga&&(window.ga("send","event","Newsletter","Newsletter Signup"),window.sa_event("Newsletter Signup"))}},r.a.createElement("div",{className:s.row},r.a.createElement("label",{style:{opacity:0,pointerEvents:"none",position:"absolute"},htmlFor:"email"},"Email"),r.a.createElement("input",{placeholder:"Your e-mail",type:"email",defaultValue:"",name:"email",id:"email",required:!0,autoComplete:"email",className:"required email",onFocus:()=>{o(!1)}}),r.a.createElement("div",{style:{display:"none"}},r.a.createElement("label",{htmlFor:"hp"}

1,"HP"),r.a.createElement("br",null),r.a.createElement("input",{type:"text",name:"hp",id:"hp"})),r.a.createElement("input",{type:"hidden",name:"list",value:"rJWYXoAMA758oOexwUZkeg"}),r.a.createElement("input",{type:"hidden",name:"subform",value:"yes"}),r.a.createElement("button",{type:"submit",value:"Subscribe",name:"subscribe",className:["button","sending"===e?s.spinner:""].join(" ")},"Subscribe")),r.a.createElement("div",{className:["g-recaptcha",s.recaptcha].join(" "),"data-sitekey":"6Leyg48tAAAAAJ-wl6klwGmbWAipgEKYFuCzuaOO"})))}}}]);
2//# sourceMappingURL=component---src-templates-blog-list-jsx-13168c609ea476485e5c.js.map