_nuxt/7ff5175.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[30,14],{1085:function(t,e,o){"use strict";o(550)},1086:function(t,e,o){var n=o(107)(!1);n.push([t.i,".question-icon{height:21px;margin:0 5px}.question-link{color:#113343}@media only screen and (max-width:700px){.question-icon{height:19px}}",""]),t.exports=n},1087:function(t,e,o){"use strict";o(551)},1088:function(t,e,o){var n=o(107)(!1);n.push([t.i,".wrapper[data-v-324f9ad2]{max-width:700px;padding:0 30px;margin-left:auto;margin-right:auto;color:#113343}.question[data-v-324f9ad2]{font-size:24px;margin-bottom:20px;margin-top:120px}.result[data-v-324f9ad2]{padding:25px 20px 20px;background:#fff;border-radius:5px;text-align:center;line-height:1.5em;border:1px solid #2f5d72;box-shadow:7px 7px 0 #2f5d72}.result-text[data-v-324f9ad2]{font-size:20px}.options[data-v-324f9ad2]{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px}.option[data-v-324f9ad2]{padding:27px 17px;border:1px solid #2f5d72;box-shadow:5px 5px 0 #2f5d72;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;cursor:pointer;font-size:20px;border-radius:5px;color:#113343}.option[data-v-324f9ad2]:first-letter{text-transform:uppercase}.option[data-v-324f9ad2]:hover{transform:translateY(2px)}.bar[data-v-324f9ad2]{height:25px;border-radius:5px;margin-top:15px;overflow:hidden;position:relative;border:1px solid #2f5d72;background:#f7f9ff}.bar-inner[data-v-324f9ad2]{height:100%;width:0;background:url(/lets-settle-this/halftone.png);background-size:50px auto;transition:width 1s ease-in-out}.winner[data-v-324f9ad2]{color:#ff26a1}.percent[data-v-324f9ad2]{width:170px;white-space:nowrap}.bar-label[data-v-324f9ad2]{display:flex;justify-content:space-between;padding:0 3px;font-size:15px;margin-top:2px;position:relative}.bar-label .percent[data-v-324f9ad2]:first-child{text-align:left}.bar-label .percent[data-v-324f9ad2]:last-child{text-align:right}.percents[data-v-324f9ad2]{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:1px 7px 0;color:#fff}.decided[data-v-324f9ad2]{font-weight:700;font-size:20px;margin-bottom:10px;text-transform:uppercase}.icon[data-v-324f9ad2]{height:19px;position:relative;top:3px;left:-6px}@media only screen and (max-width:700px){.wrapper[data-v-324f9ad2]{padding:0 20px}.question[data-v-324f9ad2]{font-size:20px;line-height:1.3em;text-align:center;max-width:300px;margin:85px auto 15px;padding:0 10px}.option[data-v-324f9ad2],.options[data-v-324f9ad2]{display:block}.option[data-v-324f9ad2]{padding:23px 0;width:100%;margin-bottom:15px;font-size:20px}.result[data-v-324f9ad2]{padding:20px 15px 37px}.result-text[data-v-324f9ad2]{font-size:19px;padding:0 15px}.decided[data-v-324f9ad2]{font-size:11px;opacity:.6;margin-bottom:6px;margin-top:1px}.votes[data-v-324f9ad2]{position:absolute;top:23px;left:50%;transform:translateX(-50%);font-size:16px}.bar[data-v-324f9ad2]{height:25px;margin-top:5px}.result-text .icon[data-v-324f9ad2]{height:16px;left:-3px;top:1px}.bar-label[data-v-324f9ad2]{margin-top:0;font-size:13px}}",""]),t.exports=n},1089:function(t,e,o){"use strict";o(552)},1090:function(t,e,o){var n=o(107),r=o(200),d=o(1091),l=n(!1),c=r(d);l.push([t.i,'@font-face{font-family:"Rubik";src:url('+c+')}.container[data-v-00d67778]{background:url(/lets-settle-this/bg.svg);background-size:35px auto;color:#113343;font-family:"Rubik",sans-serif}.site[data-v-00d67778]{position:absolute;top:20px;left:110px;max-width:140px;text-decoration:none;color:#113343;z-index:2;cursor:pointer}.title[data-v-00d67778]{max-width:550px;margin-top:100px;width:100%}.header[data-v-00d67778]{text-align:center;pointer-events:none}.header[data-v-00d67778],.questions[data-v-00d67778]{position:relative;z-index:2}.questions[data-v-00d67778]{margin-bottom:70px}h1[data-v-00d67778]{padding-top:100px;text-transform:uppercase}h2[data-v-00d67778]{font-weight:400;margin-top:40px;line-height:1.45em}.side-img[data-v-00d67778]{position:absolute;z-index:0}.coke[data-v-00d67778]{top:2450px;right:-50px;width:215px}.coke[data-v-00d67778],.jif[data-v-00d67778]{transform:rotate(-10deg)}.jif[data-v-00d67778]{top:300px;right:-75px;width:225px}.toilet-paper[data-v-00d67778]{top:1900px;right:-50px;width:235px}.chicken[data-v-00d67778],.toilet-paper[data-v-00d67778]{transform:rotate(-5deg)}.chicken[data-v-00d67778]{top:900px;left:-160px;width:350px}.egg[data-v-00d67778]{top:1000px;right:-60px;width:220px}.cereal[data-v-00d67778],.egg[data-v-00d67778]{transform:rotate(10deg)}.cereal[data-v-00d67778]{top:1700px;left:-120px;width:330px}.sun[data-v-00d67778]{top:4950px;left:-220px;width:430px;transform:rotate(10deg)}.leo[data-v-00d67778]{top:3700px;left:-150px;width:350px;transform:rotate(30deg)}.ps5[data-v-00d67778]{top:5100px;right:-200px;width:440px;transform:rotate(-70deg)}.hotdog[data-v-00d67778]{top:4100px;right:-120px;width:400px;transform:rotate(-15deg) scaleY(-1)}.vader[data-v-00d67778]{top:3000px;left:-150px;width:350px;transform:rotate(0deg)}.side-wrapper[data-v-00d67778]{position:absolute;top:0;left:0;width:100%;height:1000%;overflow:hidden;pointer-events:none;opacity:.8;display:none}.batman[data-v-00d67778]{top:4250px;left:-150px;width:250px;transform:rotate(8deg)}.captain-america[data-v-00d67778]{top:4500px;right:-150px;width:300px;transform:rotate(-8deg) scaleX(-1)}.ship[data-v-00d67778]{top:3200px;right:-200px;width:550px;transform:rotate(100deg) scaleX(1)}.cup[data-v-00d67778]{top:7300px;left:-70px;width:220px}.brain[data-v-00d67778]{top:5600px;left:-160px;width:410px;transform:rotate(30deg)}.peanut[data-v-00d67778]{top:7500px;right:-100px;width:250px;transform:rotate(10deg)}.android[data-v-00d67778]{top:7000px;right:-120px;width:320px}.android[data-v-00d67778],.iphone[data-v-00d67778]{transform:rotate(-10deg)}.iphone[data-v-00d67778]{top:6700px;left:-100px;width:220px}.border-right[data-v-00d67778]{right:0;background-position:50px 0}.border-left[data-v-00d67778],.border-right[data-v-00d67778]{position:absolute;top:0;width:150px;background-image:url(/lets-settle-this/border.png);background-size:100% auto;background-repeat:repeat-y;opacity:.4;pointer-events:none}.border-left[data-v-00d67778]{left:0;background-position:50px 700px;transform:scaleX(-1)}.endnote[data-v-00d67778]{line-height:1.45em;font-size:2;font-size:1.3em;padding:0 15px;max-width:600px;margin:40px auto;text-align:center}@media only screen and (max-width:700px){.title[data-v-00d67778]{padding:0 30px}h2[data-v-00d67778]{font-size:20px;padding:0 25px;margin-top:20px;line-height:1.3em}h2 br[data-v-00d67778]{display:none}.border-left[data-v-00d67778],.border-right[data-v-00d67778]{width:120px;opacity:.25}.border-left[data-v-00d67778],.border-right[data-v-00d67778]{background-position:60px 700px}.header[data-v-00d67778]{margin-bottom:-15px}.endnote[data-v-00d67778]{margin-top:-10px;font-size:18px;max-width:350px}.site[data-v-00d67778]{top:15px;left:15px;max-width:105px}}',""]),t.exports=l},1091:function(t,e,o){t.exports=o.p+"fonts/Rubik-Regular.0f56ab0.ttf"},1312:function(t,e,o){"use strict";o.r(e);var n,r,d=o(10),l=(o(60),o(15),o(34),o(62),o(65),o(310)),c={props:{text:{type:String,required:!0},options:{type:Array,required:!0},icons:{type:Array,required:!0},results:{type:Array,required:!0},answer:{type:Array,required:!1,default:["",""]},id:{type:String,required:!0}},data:function(){return{showResults:!1,tween:null}},computed:{winnerIndex:function(){return this.results[0]>=this.results[1]?0:1},totalVotes:function(){return this.results[0]+this.results[1]},percent:function(){return Math.round(this.results[0]/this.totalVotes*100)},isEqual:function(){return 50===this.percent}},watch:{showResults:function(){this.showResults&&this.totalVotes>0&&this.animateResults()},results:function(){this.showResults&&this.totalVotes>0&&this.animateResults()}},mounted:function(){localStorage.getItem("lst-".concat(this.id))&&(this.showResults=!0)},methods:{animateResults:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1200,o={percent:0,votes:0},n=!1;this.tween=new l.c.Tween(o).to({percent:this.percent,votes:this.totalVotes},e).easing(l.c.Easing.Cubic.Out).onUpdate((function(){t.$refs.votes.innerText=Math.round(o.votes).toLocaleString(),t.$refs.leftPercent.innerText=Math.round(o.percent),t.$refs.rightPercent.innerText=Math.round(100-o.percent),t.$refs.barInner.style.width="".concat(Math.round(t.percent),"%")})).onComplete((function(){n=!0})).start();var animate=function animate(time){l.c.update(time),n||requestAnimationFrame(animate)};requestAnimationFrame(animate)},replaceLastSpace:function(s){if(s.includes("&nbsp;"))return s;var t=s.lastIndexOf(" ");return s.substring(0,t)+"&nbsp;"+s.substring(t+1)},selected:(n=Object(d.a)(regeneratorRuntime.mark((function t(i){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this.showResults=!0,localStorage.setItem("lst-".concat(this.id),!0),t.next=5,fetch("https://seahorse-app-w2ga6.ondigitalocean.app/vote",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({question:this.id,option:i})});case 5:case"end":return t.stop()}}),t,this)}))),function(t){return n.apply(this,arguments)})}},h=c,f=(o(1085),o(1087),o(28)),x={components:{question:Object(f.a)(h,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"wrapper",class:{"wrapper-results":t.showResults}},[e("div",{staticClass:"question",domProps:{innerHTML:t._s(t.replaceLastSpace(t.text))}}),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:t.showResults,expression:"showResults"}],staticClass:"result"},[e("div",{staticClass:"result-text"},[e("div",{staticClass:"decided"},[t._v("\n        "+t._s(t.isEqual?"The internet has NOT decided.":"The internet has decided.")+"\n      ")]),t._v(" "),e("img",{staticClass:"icon",attrs:{src:"/lets-settle-this/".concat(t.isEqual?"hand-shake":t.icons[t.winnerIndex],".svg")}}),t._v(" "),e("span",{domProps:{innerHTML:t._s(t.isEqual?"It's a tie.":t.replaceLastSpace(t.answer[t.winnerIndex]))}})]),t._v(" "),e("div",{staticClass:"bar"},[e("div",{ref:"barInner",staticClass:"bar-inner"})]),t._v(" "),e("div",{staticClass:"bar-label"},[e("div",{staticClass:"percent"},[t._v("\n        "+t._s(t.options[0])+" ("),e("span",{ref:"leftPercent"},[t._v("0")]),t._v("%)\n      ")]),t._v(" "),e("div",{staticClass:"votes"},[e("span",{ref:"votes"},[t._v("0")]),t._v(" votes")]),t._v(" "),e("div",{staticClass:"percent"},[t._v("\n        "+t._s(t.options[1])+" ("),e("span",{ref:"rightPercent"},[t._v("0")]),t._v("%)\n      ")])])]),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:!t.showResults,expression:"!showResults"}],staticClass:"options"},t._l(t.options,(function(option,i){return e("button",{key:i,staticClass:"option",class:{"option-1":0===i},on:{click:function(){return t.selected(i)}}},[e("img",{staticClass:"icon",attrs:{src:"/lets-settle-this/".concat(t.icons?t.icons[i]:"",".svg")}}),t._v("\n      "+t._s(option)+"\n    ")])})),0)])}),[],!1,null,"324f9ad2",null).exports},mounted:function(){var t=this;new ResizeObserver((function(e){t.bodyHeight=e[0].target.clientHeight})).observe(document.body);var e=[];this.questions.forEach((function(element){e.push(element.id)}))},created:(r=Object(d.a)(regeneratorRuntime.mark((function t(){var data;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=4,fetch("https://seahorse-app-w2ga6.ondigitalocean.app/getVotes",{method:"GET",headers:{"Content-Type":"application/json"}});case 4:return data=t.sent,t.next=7,data.json();case 7:this.results=t.sent,t.next=12;break;case 10:t.prev=10,t.t0=t.catch(0);case 12:case"end":return t.stop()}}),t,this,[[0,10]])}))),function(){return r.apply(this,arguments)}),data:function(){return{bodyHeight:window.innerHeight,results:[],questions:[{q:"How do you pronounce gif?",options:["Gif","Jif"],icons:["gif","jif"],id:"gif",answer:["It's pronounced gif.","It's pronounced jif."]},{q:"Is <a class='question-link' target='_blank' href='/lets-settle-this/the-dress.jpeg'>the dress</a> blue and black or white and gold?",options:["Blue & black","White & gold"],tooltip:"",id:"dress",icons:["blue-and-black","white-and-gold"],answer:["The dress is blue and black.","The dress is white and gold."]},{q:"What came first, the chicken or the egg?",options:["Chicken","Egg"],icons:["chicken","egg"],id:"chicken",answer:["The chicken came first.","The egg came first."]},{q:"Should a sandwich be cut diagonally or horizontally?",options:["Diagonally","Horizontally"],icons:["diagonal","horizontal"],id:"sandwich",answer:["A sandwich should be cut diagonally.","A sandwich should be cut horizontally."]},{q:"Is cereal a soup?",options:["Yes","No"],icons:["yes","no"],id:"cereal",answer:["Cereal is a soup.","Cereal is not a soup."]},{q:"Toilet paper over or under?",options:["Over","Under"],icons:["toilet-out","toilet-in"],id:"toilet",answer:["The correct way is over.","The correct way is under."]},{q:"Pepsi or Coke?",options:["Pepsi","Coke"],icons:["pepsi","coke"],id:"coke",answer:["Pepsi is better.","Coke is better."]},{q:"Is pineapple on pizza good?",options:["Yes","No"],icons:["yes","no"],id:"pineapple",answer:["Pineapple on pizza is good.","Pineapple on pizza is not good."]},{q:"Star Wars or Star Trek?",options:["Star Wars","Star Trek"],icons:["star-wars","star-trek"],id:"starwars",answer:["Star Wars is better.","Star Trek is better."]},{q:"Would a dog wear pants like this<img class='question-icon' src='/lets-settle-this/dog-first.svg'/>, or like&nbsp;this<img class='question-icon' src='/lets-settle-this/dog-second.svg'/>?",options:["Like this","No, like this"],icons:["dog-first","dog-second"],id:"dogpants",answer:["A dog would wear pants like this.","A dog would wear pants like this."]},{q:"Could Jack have fit on the door in the movie Titanic?",options:["Yes","No"],icons:["yes","no"],id:"titanic",answer:["Jack could have fit on that door.","Jack could not have fit on that door."]},{q:"Are hot dogs a sandwich?",options:["Yes","No"],icons:["yes","no"],id:"hotdog",answer:["Hot dogs are a sandwich.","Hot dogs are not a sandwich."]},{q:"Marvel or DC?",options:["Marvel","DC"],icons:["marvel","dc"],id:"comic",answer:["Marvel wins.","DC wins."]},{q:"Should we get rid of daylight saving?",options:["Yes","No"],icons:["yes","no"],id:"daylight",answer:["We should get rid of daylight saving.","We should not get rid of daylight saving."]},{q:"Xbox or Playstation?",options:["Xbox","Playstation"],icons:["xbox","playstation"],id:"console",answer:["Xbox is better.","Playstation is better."]},{q:"Are we living in a simulation?",options:["Yes","No"],icons:["yes","no"],id:"simulation",answer:["Yes, we are living in a simulation.","No, we are not living a simulation."]},{q:"Is Die Hard a Christmas movie?",options:["Yes","No"],icons:["yes","no"],id:"diehard",answer:["Yes, Die Hard is a Christmas movie.","No, Die Hard is not a Christmas movie."]},{q:"Middle brownie piece, or edge piece?",options:["Middle","Edge"],icons:["middle","edge"],id:"brownie",answer:["The middle piece is tastier.","The edge piece is tastier."]},{q:"Sock shoe sock shoe or sock sock shoe shoe?",options:["First","Second"],icons:["sock-shoe","sock-sock"],id:"sockshoe",answer:["Sock shoe sock shoe is the correct way.","Sock sock shoe shoe is the correct way."]},{q:"iPhone or Android?",options:["iPhone","Android"],icons:["apple","android"],id:"smartphone",answer:["iPhone wins.","Android wins."]},{q:"Does a straw have one hole or two?",options:["One","Two"],icons:["one-hole","two-holes"],id:"straw",answer:["A straw has one hole.","A straw has two holes."]},{q:"Smooth or chunky peanut butter?",options:["Smooth","Chunky"],icons:["smooth","chunky"],id:"peanutbutter",answer:["Smooth peanut butter is better.","Chunky peanut butter is better."]}]}}},v=x,m=(o(1089),Object(f.a)(v,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"container"},[e("nuxt-link",{staticClass:"site",attrs:{to:"/"}},[e("logo",{attrs:{color:"#284F61"}})],1),t._v(" "),t._m(0),t._v(" "),e("div",{staticClass:"questions"},t._l(t.questions,(function(o){return e("question",{key:o.id,attrs:{id:o.id,text:o.q,icons:o.icons,options:o.options,results:t.results[o.id]||[0,0],answer:o.answer}})})),1),t._v(" "),e("div",{staticClass:"border-right",style:{height:t.bodyHeight+"px"}}),t._v(" "),e("div",{staticClass:"border-left",style:{height:t.bodyHeight+"px"}}),t._v(" "),e("div",{staticClass:"endnote"},[t._v("\n    Now that the internet has decided the big questions, you are finally free\n    from the endless debates.\n  ")]),t._v(" "),e("Footer",{attrs:{bg:"none",color:"#113343"}})],1)}),[function(){var t=this,e=t._self._c;return e("div",{staticClass:"header"},[e("img",{staticClass:"title",attrs:{src:"/lets-settle-this/title.svg"}}),t._v(" "),e("h2",[t._v("\n      Internet debates have raged for too long."),e("br"),t._v("\n      It's time to settle the big questions so we can move on.\n    ")])])}],!1,null,"00d67778",null));e.default=m.exports;installComponents(m,{Logo:o(287).default,Footer:o(295).default})},277:function(t,e,o){var content=o(286);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(108).default)("f68e4eaa",content,!0,{sourceMap:!1})},278:function(t,e,o){var content=o(291);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(108).default)("db35a8f0",content,!0,{sourceMap:!1})},279:function(t,e,o){var content=o(294);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(108).default)("c9434642",content,!0,{sourceMap:!1})},280:function(t,e,o){"use strict";o.r(e);o(276);var n={props:{slotId:{type:String,required:!0},adFormat:{type:String,required:!0},isResponsive:{type:Boolean,required:!1,default:!1},adStyle:{type:String,required:!0},minWidth:{type:Number,required:!1,default:-1},maxWidth:{type:Number,required:!1,default:-1}},data:function(){return{hideAd:!1,shouldShow:this.shouldShowAd()}},mounted:function(){var t=this;this.createAds(),this.$addEventListener("resize",(function(){t.hideAd=!t.shouldShowAd()}))},watch:{$route:function(){this.firstLoad=!1,this.createAds()}},methods:{createAds:function(){var t=this;this.$nextTick((function(){t.shouldShowAd()&&(window.adsbygoogle=window.adsbygoogle||[],adsbygoogle.push({}))}))},shouldShowAd:function(){return(-1===this.minWidth||window.innerWidth>=this.minWidth)&&(-1===this.maxWidth||window.innerWidth<this.maxWidth)}},beforeDestroy:function(){window.top.__vm_remove=window.top.__vm_remove||[],window.top.__vm_remove.push(this.$refs.adPlacement)}},r=(o(285),o(28)),component=Object(r.a)(n,(function(){var t=this,e=t._self._c;return e("client-only",[t.shouldShow?e("ins",{staticClass:"adsbygoogle",class:{hide:t.hideAd},style:t.adStyle,attrs:{"data-ad-client":"ca-pub-4556406968269041","data-ad-slot":t.slotId,"data-ad-format":t.adFormat,"data-full-width-responsive":t.isResponsive}}):e("div")])}),[],!1,null,"8af1cc2e",null);e.default=component.exports},285:function(t,e,o){"use strict";o(277)},286:function(t,e,o){var n=o(107)(!1);n.push([t.i,".hide[data-v-8af1cc2e]{display:none!important}",""]),t.exports=n},288:function(t,e,o){t.exports=o.p+"fonts/RobotoCondensed-Light.f982e4a.woff2"},290:function(t,e,o){"use strict";o(278)},291:function(t,e,o){var n=o(107)(!1);n.push([t.i,".link{border-radius:19px;aspect-ratio:391/145;display:block;position:relative;z-index:2}.link-img{max-width:100%;cursor:pointer;transition:transform .07s linear,filter .1s ease-out,opacity .15s linear;opacity:0}.link-img:hover{transform:scale(1.02);filter:drop-shadow(3px 3px 5px rgba(0,0,0,.17))}",""]),t.exports=n},292:function(t,e,o){"use strict";o.r(e);var n={props:{title:{required:!0,type:String},path:{required:!0,type:String},preload:{required:!1,type:Boolean,default:!1}},data:function(){return{imageLoaded:!1}}},r=(o(290),o(28)),component=Object(r.a)(n,(function(){var t=this,e=t._self._c;return e("nuxt-link",{staticClass:"link",style:{background:t.imageLoaded?"none":"#f1f2f6"},attrs:{prefetch:t.preload,to:"/".concat(t.path,"/")}},[e("img",{staticClass:"link-img",style:{opacity:t.imageLoaded?1:0},attrs:{onload:t.imageLoaded=!0,alt:t.title,src:"/link-images/".concat(t.path,".svg"),loading:"lazy"}})])}),[],!1,null,null,null);e.default=component.exports},293:function(t,e,o){"use strict";o(279)},294:function(t,e,o){var n=o(107),r=o(200),d=o(288),l=n(!1),c=r(d);l.push([t.i,"@font-face{font-family:RobotoCondensedLight;src:url("+c+")}.footer-wrapper[data-v-2b1aca38]{margin-top:15px;padding:30px 20px 45px;text-align:center;font-size:22px;font-family:RobotoCondensedLight,sans-serif}.related-text[data-v-2b1aca38]{font-size:22px}.site-title[data-v-2b1aca38]{margin-top:18px;max-width:140px}.related-posts[data-v-2b1aca38],.site-title[data-v-2b1aca38]{margin-left:auto;margin-right:auto}.related-posts[data-v-2b1aca38]{display:grid;max-width:870px;grid-template-columns:repeat(2,1fr);grid-gap:16px 18px;margin-top:15px;font-size:0}.made-by[data-v-2b1aca38]{font-size:16px;margin-top:15px;opacity:.6;display:none}.made-by a[data-v-2b1aca38]{color:#000}.heart[data-v-2b1aca38]{width:17px;height:17px;position:relative;top:4px}.site-title-logo[data-v-2b1aca38]{height:25px}.newsletter-text[data-v-2b1aca38]{font-size:19px;margin-bottom:8px}.newsletter-img[data-v-2b1aca38]{height:16px;position:relative;top:3px;margin-right:7px}.newsletter-input[data-v-2b1aca38]{font-size:17px;padding:7px 5px 7px 40px;border-radius:5px;border:1px solid #000;max-width:220px;width:100%;background-color:#fff;background-image:url(/general/mail.svg);background-repeat:no-repeat;background-size:auto 15px;background-position:10px;font-family:RobotoCondensedLight;outline:none;color:#000}.newsletter-input[data-v-2b1aca38]::-moz-placeholder{color:rgba(0,0,0,.8)}.newsletter-input[data-v-2b1aca38]::placeholder{color:rgba(0,0,0,.8)}.newsletter-subscribe[data-v-2b1aca38]{background:#fff5d9;font-size:17px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:1px solid #000;border-radius:5px;padding:7px 12px;margin-left:5px;height:100%;cursor:pointer;color:#000;font-family:RobotoCondensedLight}.newsletter-subscribe[data-v-2b1aca38]:hover{transform:scale(1.03)}.newsletter-box[data-v-2b1aca38]{padding:20px 10px;border-radius:5px;margin-left:auto;margin-right:auto;margin-top:10px}.newsletter-inner[data-v-2b1aca38]{display:flex;justify-content:center;height:42px}@media only screen and (max-width:700px){.footer-wrapper[data-v-2b1aca38]{padding-left:12px;padding-right:12px}.related-posts[data-v-2b1aca38]{grid-template-columns:repeat(1,1fr)}.site-title[data-v-2b1aca38]{max-width:145px;margin-top:25px}}",""]),t.exports=l},295:function(t,e,o){"use strict";o.r(e);var n,r=o(284),d=o(10),l=(o(45),o(15),o(203),o(60),o(297)),c=o.n(l),h=o(289),f={props:{color:{type:String,required:!1,default:"black"},bg:{type:String,required:!1,default:"white"}},data:function(){return{related:[],submittedEmail:!1,email:""}},mounted:function(){this.getRelated()},computed:{isValidEmail:function(){return h.validate(this.email)}},methods:{onEmailSubmit:(n=Object(d.a)(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!this.isValidEmail){t.next=4;break}return this.submittedEmail=!0,t.next=4,c()({url:"https://neal.fun/api/newsletter/subscribe",method:"POST",data:{email:this.email}});case 4:case"end":return t.stop()}}),t,this)}))),function(){return n.apply(this,arguments)}),getRelated:function(){var t=window.innerWidth>500?4:3,e=Object(r.a)(this.$store.state.posts),o=this.$route.path;e=e.filter((function(t){return"/".concat(t.path,"/")!==o&&!t.hidden&&!t.hideInRecommended}));for(var n=[],d=0;d<t;d++){var l=Math.floor(Math.random()*e.length);n.push(e[l]),e.splice(l,1)}this.related=n}}},x=f,v=(o(293),o(28)),component=Object(v.a)(x,(function(){var t=this,e=t._self._c;return e("div",[e("Ad",{attrs:{slotId:"2834998355",adStyle:"display: block; margin-left: auto; margin-right: auto; max-width: min(970px, calc(100% - 60px)); margin-top: 15px;",adFormat:"auto",isResponsive:!0,minWidth:800}}),t._v(" "),e("Ad",{attrs:{slotId:"2834998355",adStyle:"display: block; margin-left: auto; margin-right: auto; margin-top: 15px;",adFormat:"auto",isResponsive:!0,maxWidth:800}}),t._v(" "),e("div",{staticClass:"footer-wrapper",style:{color:t.color,background:t.bg}},[e("div",{staticClass:"related-text"},[t._v("You may also like")]),t._v(" "),e("div",{staticClass:"related-posts"},t._l(t.related,(function(t){return e("page-link",{key:t.title,attrs:{bg:"#f1f2f6",path:t.path,title:t.title,preload:t.preload}})})),1),t._v(" "),e("div",{staticClass:"newsletter-box"},[e("div",{staticClass:"newsletter-text"},[t._v("\n        "+t._s(t.submittedEmail?"Thanks for subscribing :)":"Get new posts!")+"\n      ")]),t._v(" "),t.submittedEmail?t._e():e("form",{staticClass:"newsletter-inner",on:{submit:function(e){return e.preventDefault(),t.onEmailSubmit.apply(null,arguments)}}},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.email,expression:"email"}],staticClass:"newsletter-input",attrs:{type:"email",placeholder:"Your email"},domProps:{value:t.email},on:{input:function(e){e.target.composing||(t.email=e.target.value)}}}),t._v(" "),e("button",{staticClass:"newsletter-subscribe"},[t._v("Subscribe")])])]),t._v(" "),e("div",{staticClass:"made-by"},[t._v("\n      Made with\n      "),e("svg",{staticClass:"heart",staticStyle:{"enable-background":"new 0 0 512 512"},attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","xmlns:svgjs":"http://svgjs.com/svgjs",version:"1.1",width:"512",height:"512",x:"0",y:"0",viewBox:"0 0 512.001 512","xml:space":"preserve"}},[e("g",[e("path",{attrs:{xmlns:"http://www.w3.org/2000/svg",d:"m256 455.515625c-7.289062 0-14.316406-2.640625-19.792969-7.4375-20.683593-18.085937-40.625-35.082031-58.21875-50.074219l-.089843-.078125c-51.582032-43.957031-96.125-81.917969-127.117188-119.3125-34.644531-41.804687-50.78125-81.441406-50.78125-124.742187 0-42.070313 14.425781-80.882813 40.617188-109.292969 26.503906-28.746094 62.871093-44.578125 102.414062-44.578125 29.554688 0 56.621094 9.34375 80.445312 27.769531 12.023438 9.300781 22.921876 20.683594 32.523438 33.960938 9.605469-13.277344 20.5-24.660157 32.527344-33.960938 23.824218-18.425781 50.890625-27.769531 80.445312-27.769531 39.539063 0 75.910156 15.832031 102.414063 44.578125 26.191406 28.410156 40.613281 67.222656 40.613281 109.292969 0 43.300781-16.132812 82.9375-50.777344 124.738281-30.992187 37.398437-75.53125 75.355469-127.105468 119.308594-17.625 15.015625-37.597657 32.039062-58.328126 50.167969-5.472656 4.789062-12.503906 7.429687-19.789062 7.429687zm-112.96875-425.523437c-31.066406 0-59.605469 12.398437-80.367188 34.914062-21.070312 22.855469-32.675781 54.449219-32.675781 88.964844 0 36.417968 13.535157 68.988281 43.882813 105.605468 29.332031 35.394532 72.960937 72.574219 123.476562 115.625l.09375.078126c17.660156 15.050781 37.679688 32.113281 58.515625 50.332031 20.960938-18.253907 41.011719-35.34375 58.707031-50.417969 50.511719-43.050781 94.136719-80.222656 123.46875-115.617188 30.34375-36.617187 43.878907-69.1875 43.878907-105.605468 0-34.515625-11.605469-66.109375-32.675781-88.964844-20.757813-22.515625-49.300782-34.914062-80.363282-34.914062-22.757812 0-43.652344 7.234374-62.101562 21.5-16.441406 12.71875-27.894532 28.796874-34.609375 40.046874-3.453125 5.785157-9.53125 9.238282-16.261719 9.238282s-12.808594-3.453125-16.261719-9.238282c-6.710937-11.25-18.164062-27.328124-34.609375-40.046874-18.449218-14.265626-39.34375-21.5-62.097656-21.5zm0 0",fill:t.color,"data-original":"#000000"}})])]),t._v("\n      by Neal Agarwal\n    ")]),t._v(" "),e("div",{staticClass:"site-title"},[e("nuxt-link",{attrs:{to:"/"}},[e("logo",{attrs:{color:t.color}})],1)],1)])],1)}),[],!1,null,"2b1aca38",null);e.default=component.exports;installComponents(component,{Ad:o(280).default,PageLink:o(292).default,Logo:o(287).default})},550:function(t,e,o){var content=o(1086);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(108).default)("430d9bfb",content,!0,{sourceMap:!1})},551:function(t,e,o){var content=o(1088);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(108).default)("2feac76f",content,!0,{sourceMap:!1})},552:function(t,e,o){var content=o(1090);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(108).default)("4f06c2b4",content,!0,{sourceMap:!1})}}]);