1(this.webpackJsonpfoont=this.webpackJsonpfoont||[]).push([[0],{154:function(e,t,n){"use strict";n.r(t);var s=n(1),o=n.n(s),a=n(53),r=n.n(a),i=(n(71),n(16)),c=n(17),l=n(54),u=n(55),m=n(26),d=n(65),f=n(64),h=[{question:"Which one is the **Roboto** ?",questionAnswer:"Roboto",fontURL:"https://fonts.google.com/specimen/Roboto",answers:[{font:"Roboto",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616094119/foontus/yzcoikyusvwbuxz1alrb.png"},{font:"Karla Tamil",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616094119/foontus/utcscu3yy3la5o0o4jlt.png"}]},{question:"Which one is the **Karla Tamil** ?",questionAnswer:"Karla Tamil",fontURL:"https://www.ffonts.net/Karla-Tamil.font",answers:[{font:"Roboto",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616094119/foontus/yzcoikyusvwbuxz1alrb.png"},{font:"Karla Tamil",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616094119/foontus/utcscu3yy3la5o0o4jlt.png"}]},{question:"Which one is the **Inter** ?",questionAnswer:"Inter",fontURL:"https://fonts.google.com/specimen/Inter",answers:[{font:"Inter",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616323875/foontus/lp7dvrmsnus7mnucbhsr.png"},{font:"Arial",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616323893/foontus/lgovgbufpticsjjprhz5.png"}]},{question:"Which one is the **Inter** ?",questionAnswer:"Inter",fontURL:"https://fonts.google.com/specimen/Inter",answers:[{font:"Inter",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616323875/foontus/lp7dvrmsnus7mnucbhsr.png"},{font:"Karla Tamil",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616094119/foontus/utcscu3yy3la5o0o4jlt.png"}]},{question:"Which one is the **Open Sans** ?",questionAnswer:"Open Sans",fontURL:"https://fonts.google.com/specimen/Open+Sans",answers:[{font:"Inter",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616323875/foontus/lp7dvrmsnus7mnucbhsr.png"},{font:"Open Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616324171/foontus/ickgc03d5nxmldfe7w87.png"}]},{question:"Which one is the **Arial** ?",questionAnswer:"Arial",fontURL:"https://docs.microsoft.com/en-us/typography/font-list/arial",answers:[{font:"Open Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616324171/foontus/ickgc03d5nxmldfe7w87.png"},{font:"Arial",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616323893/foontus/lgovgbufpticsjjprhz5.png"}]},{question:"Which one is the **Inter** ?",questionAnswer:"Inter",answers:[{font:"Inter",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616323875/foontus/lp7dvrmsnus7mnucbhsr.png"},{font:"Karla Tamil",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616094119/foontus/utcscu3yy3la5o0o4jlt.png"}]},{question:"Which one is the **Open Sans** ?",questionAnswer:"Open Sans",answers:[{font:"Open Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616324171/foontus/ickgc03d5nxmldfe7w87.png"},{font:"Jura",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616102525/foontus/up3ixs6qldlot08cwuaz.png"}]},{question:"Which one is the **Jura** ?",questionAnswer:"Jura",answers:[{font:"Jura",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616102525/foontus/up3ixs6qldlot08cwuaz.png"},{font:"Oxygen",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616102553/foontus/f3mygnuwfp4y9s1inak2.png"}]},{question:"Which one is the **Open Sans** ?",questionAnswer:"Open Sans",answers:[{font:"Arial",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616323893/foontus/lgovgbufpticsjjprhz5.png"},{font:"Open Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616324171/foontus/ickgc03d5nxmldfe7w87.png"}]},{question:"Which one is the **Oxygen** ?",questionAnswer:"Oxygen",answers:[{font:"Oxygen",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616102553/foontus/f3mygnuwfp4y9s1inak2.png"},{font:"Jura",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616102525/foontus/up3ixs6qldlot08cwuaz.png"}]},{question:"Which one is the **Open Sans** ?",questionAnswer:"Open Sans",answers:[{font:"Arial",content:"https://res.cloudinary.com/rauf
1samestone/image/upload/v1616323893/foontus/lgovgbufpticsjjprhz5.png"},{font:"Open Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616324171/foontus/ickgc03d5nxmldfe7w87.png"}]},{question:"Which one is the **Avenir** ?",questionAnswer:"Avenir",answers:[{font:"Avenir",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568229/foontus/x7vrmrbccqn73rpr0bal.png"},{font:"Open Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616324171/foontus/ickgc03d5nxmldfe7w87.png"}]},{question:"Which one is the **Comic Sans** ?",questionAnswer:"Comic Sans",answers:[{font:"Comic Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568303/foontus/iksewvkhuan8qn3zc4rk.png "},{font:"Comic Neue ",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568251/foontus/nlgh55ydhuzyqccc0lpl.png"}]},{question:"Which one is the **Comic Neue** ?",questionAnswer:"Comic Neue",fontURL:"https://fonts.google.com/specimen/Comic+Neue",answers:[{font:"Comic Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568303/foontus/iksewvkhuan8qn3zc4rk.png "},{font:"Comic Neue ",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568251/foontus/nlgh55ydhuzyqccc0lpl.png"}]},{question:"Which one is the **Fira Sans** ?",questionAnswer:"Fira Sans",fontURL:"https://fonts.google.com/specimen/Fira+Sans",answers:[{font:"Fira Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568322/foontus/qpxcegm4h5kjqgsueizg.png"},{font:"Open Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616324171/foontus/ickgc03d5nxmldfe7w87.png"}]},{question:"Which one is the **Helvetica** ?",questionAnswer:"Helvetica",answers:[{font:"Helvetica",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568334/foontus/grf5lxmrpbn0npfgodju.png"},{font:"Roboto",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616094119/foontus/yzcoikyusvwbuxz1alrb.png"}]},{question:"Which one is the **Lato** ?",questionAnswer:"Lato",fontURL:"https://fonts.google.com/specimen/Lato",answers:[{font:"Lato",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568351/foontus/ztjnlutcwcjuj3ykekv3.png"},{font:"Arial",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616323893/foontus/lgovgbufpticsjjprhz5.png"}]},{question:"Which one is the **Lexend Deca** ?",questionAnswer:"Lexend Deca",fontURL:"https://fonts.google.com/specimen/Lexend+Deca",answers:[{font:"Lexend Deca",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568362/foontus/ethrxe0pmmyjxue2a7cq.png"},{font:"Helvetica",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568334/foontus/grf5lxmrpbn0npfgodju.png"}]},{question:"Which one is the **Sensation** ?",questionAnswer:"Sensation",answers:[{font:"Sensation",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568381/foontus/eytnsgmiqimdpg2l7lj5.png"},{font:"Oxygen",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616102553/foontus/f3mygnuwfp4y9s1inak2.png"}]},{question:"Which one is the **Montserrat** ?",questionAnswer:"Montserrat",fontURL:"https://fonts.google.com/specimen/Montserrat",answers:[{font:"Montserrat",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568395/foontus/expy6e9ktbxfphjr0k4h.png"},{font:"Avenir",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568229/foontus/x7vrmrbccqn73rpr0bal.png"}]},{question:"Which one is the **Raleway** ?",questionAnswer:"Raleway",fontURL:"https://fonts.google.com/specimen/Raleway",answers:[{font:"Raleway",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568410/foontus/ilrqag1futdswu48mxj9.png"},{font:"Open Sans",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616324171/foontus/ickgc03d5nxmldfe7w87.png"}]},{question:"Which one is the **Sensation** ?",questionAnswer:"Sensation",answers:[{font:"Sensation",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568381/foontus/eytnsgmiqimdpg2l7lj5.png"}
1,{font:"Oxygen",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616102553/foontus/f3mygnuwfp4y9s1inak2.png"}]},{question:"Which one is the **Helvetica** ?",questionAnswer:"Helvetica",answers:[{font:"Helvetica",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616568334/foontus/grf5lxmrpbn0npfgodju.png"},{font:"Roboto",content:"https://res.cloudinary.com/raufsamestone/image/upload/v1616094119/foontus/yzcoikyusvwbuxz1alrb.png"}]}],p=n(56),g=n.n(p),x=n(0);var b=function(e){return Object(x.jsxs)("div",{className:"md:flex block items-center justify-between gap-2 mt-5 mb-5",children:[Object(x.jsx)("div",{className:"text-lg lg:text-2xl m-0",dangerouslySetInnerHTML:{__html:g()(e.content)}}),e.fontURL&&Object(x.jsxs)("div",{className:"flex gap-1 w-auto",children:[Object(x.jsx)("span",{className:"text-xs text-gray-700 hover:underline",children:Object(x.jsx)("a",{rel:"noopener noreferrer",target:"_blank",href:e.fontURL,children:"Font Source"})}),Object(x.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-3 w-3 self-center",viewBox:"0 0 20 20",fill:"currentColor",children:Object(x.jsx)("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})})]})]})};var j=function(e){return Object(x.jsxs)("div",{className:"text-sm",children:[e.counter<12?Object(x.jsx)("span",{className:"text-bold text-xs",children:"Level 1"}):Object(x.jsx)("span",{className:"text-bold text-xs",children:"Level 2"}),Object(x.jsx)("div",{className:"mb-1 mt-2 lg:mb-5 bg-gray-200 rounded-full",children:e.counter<12?Object(x.jsx)("div",{className:"w-".concat(e.counter,"/12 mt-2 bg-gray-400 py-1 rounded-full")}):Object(x.jsx)("div",{className:"w-".concat(e.counter-12,"/12 mt-2 bg-gray-600 py-1 rounded-full")})})]})};var w=function(e){return Object(x.jsxs)("li",{className:"card-items",children:[Object(x.jsx)("input",{type:"radio",className:"hidden",name:"radioGroup",checked:e.answerType===e.answer,id:e.answerType,value:e.answerType,disabled:e.answer,onChange:e.onAnswerSelected}),Object(x.jsx)("label",{className:"cursor-pointer",htmlFor:e.answerType,children:Object(x.jsx)("div",{className:"bg-white hover:shadow border w-full flex items-center p-2 rounded-xl ",children:Object(x.jsx)("div",{className:"flex-grow p-3 ",children:Object(x.jsx)("div",{className:"text-sm text-gray-500",children:Object(x.jsx)("img",{className:"m-auto w-60 md:w-80",src:e.answerContent,alt:"Almost before we knew it, we had left the ground. \ud83c\udf89"})})})})})]})};var y=function(e){return Object(x.jsxs)("div",{className:"main-section",children:[Object(x.jsx)(j,{counter:e.questionId,total:e.questionTotal}),Object(x.jsx)(b,{content:e.question,fontURL:e.fontURL}),Object(x.jsx)("ul",{className:"grid gap-4 grid-cols-2 mb-4 lg:mb-10",children:e.answerOptions.map((function(t){return Object(x.jsx)(x.Fragment,{children:Object(x.jsx)(w,{answerContent:t.content,answerType:t.font,isCorrect:t.isCorrect,questionAnswer:t.questionAnswer,answer:e.answer,questionId:e.questionId,onAnswerSelected:e.onAnswerSelected,isFlipped:e.isFlipped,fontURL:t.fontURL,handleClick:e.handleClick},t.content)})}))},e.questionId+2)]},e.questionId)};var v=function(e){var t="A font game for designers! \ud83c\udfb2 My score is ".concat(e.quizResult);return Object(x.jsxs)("div",{className:"m-auto text-center",children:[Object(x.jsx)("div",{className:"rounded-full bg-amber-50 text-amber-900 px-2 py-0.5 sm:flex xl:flex items-center space-x-1 m-auto grid",children:Object(x.jsxs)("div",{className:"m-auto text-center",children:["Your score is ",Object(x.jsx)("br",{}),Object(x.jsx)("br",{}),Object(x.jsxs)("dd",{className:"text-6xl font-bold",children:[" ",e.quizResult]})]})}),Object(x.jsx)("br",{}),Object(x.jsxs)("div",{className:"m-auto text-center",children:[Object(x.jsx)("a",{href:"/",children:Object(x.jsx)("button",{className:"mt-10 bg-gray-900 text-gray-100 text-base font-semibold px-6 py-2 rounded-lg",children:"Restart"})}),Object(x.jsx)("a",{rel:"noopener noreferrer",target:"_blank",href:"https://twitter.com/intent/tweet?text=".concat(t," ","https://foont.co"),children:Object(x.jsxs)("button",{className:"mt-10 ml-2 bg-gray-300 text-gray-900 text-base font-semibold px-6 py-2 rounded-lg",children:[Object(x.jsx)("svg",{width:"20",className:"inline mr-2",height:"20",viewBox:"0 0 48 39",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Object(x.jsx)("path",{d:"M48 4.62611C46.2348 5.40786 44.3386 5.93608 42.3451 6.17483C44.402 4.94471 45.9409 3.00866 46.6745 0.727914C44.742 1.87517 42.627 2.68271 40.4214 3.11543C38.9382 1.53262 36.9736 0.483513 34.8327 0.13098C32.6918 -0.221552 30.4943 0.142215 28.5815 1.16581C26.6686 2.1894 25.1474 3.81554 24.254 5.79178C23.3606 7.76801 23.145 9.98376 23.6406 12.095C19.7249 11.8985 15.8942 10.8813 12.3973 9.10937C8.90032 7.33744 5.81522 4.85041 3.3422 1.80969C2.49661 3.26755 2.01039 4.95783 2.01039 6.75797C2.00945 8.37851 2.40874 9.97423 3.17283 11.4036C3.93691 12.8329 5.04218 14.0516 6.39056 14.9516C4.8268 14.9019 3.29754 14.4795 1.93006 13.7198V13.8466C1.9299 16.1194 2.71653 18.3224 4.15647 20.0816C5.59641 21.8408 7.60096 23.0479 9.83 23.498C8.37935 23.8904 6.85846 23.9482 5.38219 23.6671C6.01109 25.6227 7.23614 27.3329 8.88583 28.5581C10.5355 29.7834 12.5273 30.4624 14.5822 30.5C11.0938 33.237 6.78563 34.7217 2.35074 34.7151C1.56515 34.7153 0.780219 34.6695 0 34.5778C4.50167 37.4707 9.74193 39.0059 15.0938 39C33.2106 39 43.1146 24.003 43.1146 10.9963C43.1146 10.5738 43.104 10.147 43.085 9.72441C45.0115 8.33199 46.6743 6.60774 47.9958 4.63245L48 4.62611V4.62611Z",fill:"#0F0F0F"})}),"Share on Twitter"]})})]})]})},O=n(18),N=function(e){var t=Object(s.useState)({}),n=Object(O.a)(t,2),o=n[0],a=n[1],r=Object(s.useState)({}).name,l=Object(s.useState)(!0),u=Object(O.a)(l,2),m=u[0],d=u[1];return Object(x.jsxs)(x.Fragment,{children:[Object(x.jsxs)("div",{className:"mt-12 text-sm lg:text-base flex align-center items-center font-normal fixed top-8 right-5 bg-gray-900 text-gray-100 p-2 rounded player-name",children:[o.name,Object(x.jsxs)("div",{className:"flex rounded-full px-2 py-0.5 sm:flex xl:flex items-center space-x-1",children:[Object(x.jsx)("dt",{className:"text-gray-500",children:Object(x.jsx)("svg",{width:"16",height:"20",fill:"yellow",children:Object(x.jsx)("path",{d:"M7.05 3.691c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.372 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.539 1.118l-2.8-2.034a1 1 0 00-1.176 0l-2.8 2.034c-.783.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.363-1.118L.98 9.483c-.784-.57-.381-1.81.587-1.81H5.03a1 1 0 00.95-.69L7.05 3.69z"})})}),Object(x.jsx)("dd",{className:"font-bold text-sm lg:text-base",children:e.score})]})]}
1),Object(x.jsx)("div",{className:"fixed z-10 inset-0 overflow-y-auto over",style:{display:!1===m?"none":""},children:Object(x.jsx)("form",{onSubmit:function(e){e.preventDefault(),d(!m)},children:Object(x.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[Object(x.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:Object(x.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),Object(x.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true"}),Object(x.jsxs)("div",{className:" inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full modal-dialog ",role:"dialog","aria-modal":"true","aria-labelledby":"modal-headline",children:[Object(x.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:Object(x.jsx)("div",{className:"sm:flex sm:items-start",children:Object(x.jsxs)("div",{className:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full",children:[Object(x.jsx)("h2",{className:"text-lg leading-6 font-medium text-gray-900",id:"modal-headline",children:"Player Name"}),Object(x.jsx)("div",{className:"mt-2 w-full",children:Object(x.jsx)("input",{required:!0,onChange:function(e){a(Object(c.a)(Object(c.a)({},o),{},Object(i.a)({},e.target.name,e.target.value)))},type:"text",name:"name",value:r,maxLength:15,className:"w-full rounded p-2 focus:outline-none border-2 focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"})})]})})}),Object(x.jsx)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:Object(x.jsx)("button",{type:"submit",className:"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-900 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm",children:"Play"})})]})]})})})]})},q=n(66),A=n(61),k=function(){var e=Object(q.a)("xnqlanln"),t=Object(O.a)(e,2),n=t[0],o=t[1],a=Object(s.useState)(!1),r=Object(O.a)(a,2),i=r[0],c=r[1],l=Object(s.useState)({}),u=l.name,m=l.email;function d(e){e.preventDefault(),c(!i)}return Object(x.jsxs)(x.Fragment,{children:[Object(x.jsxs)("div",{className:"grid md:flex gap-0 md:gap-5 ",children:[Object(x.jsx)("button",{onClick:d,className:"text-xs text-gray-700 hover:underline",children:"Suggest a new font! \ud83d\ude4f"}),Object(x.jsx)(A.a,{projectId:"d65ebc625fd84f",children:Object(x.jsx)("button",{className:"text-xs text-gray-700 hover:underline",children:"Give feedback \u26a1\ufe0f"})})]}),Object(x.jsx)("h2",{className:"text-2xl font-bold fixed top-10 right-5",children:n.name}
1),Object(x.jsx)("div",{className:"fixed z-10 inset-0 overflow-y-auto over",style:{display:!1===i?"none":""},children:n.succeeded?Object(x.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[Object(x.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:Object(x.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),Object(x.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true"}),Object(x.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",role:"dialog","aria-modal":"true","aria-labelledby":"modal-headline",children:[Object(x.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:Object(x.jsx)("div",{className:"sm:flex sm:items-start",children:Object(x.jsx)("div",{className:"mt-3 sm:mt-0 sm:ml-4 text-center w-full",children:Object(x.jsx)("h2",{className:"text-lg leading-6 font-medium text-gray-900 m-auto",id:"modal-headline",children:"You suggested a font. Thank you! \ud83d\ude18"})})})}),Object(x.jsx)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:Object(x.jsx)("button",{onClick:d,className:"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-400 text-base font-medium text-white hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm",children:"Back to game"})})]})]}):Object(x.jsx)("form",{onSubmit:o,children:Object(x.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[Object(x.jsx)("div",{className:"fixed inset-0 transition-opacity","aria-hidden":"true",children:Object(x.jsx)("div",{className:"absolute inset-0 bg-gray-500 opacity-75"})}),Object(x.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true"}),Object(x.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",role:"dialog","aria-modal":"true","aria-labelledby":"modal-headline",children:[Object(x.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:Object(x.jsx)("div",{className:"sm:flex sm:items-start",children:Object(x.jsxs)("div",{className:"mt-3 text-left sm:mt-0 sm:ml-4 sm:text-left w-full ",children:[Object(x.jsx)("h2",{className:"text-base leading-3 font-medium text-gray-900 text-left ",id:"modal-headline",children:"Your E-mail"}),Object(x.jsx)("span",{className:"text-bold text-xs text-gray-600",id:"modal-headline",children:"Not SPAM, just for updates. \ud83c\udf89"}),Object(x.jsx)("div",{className:"mt-2 w-full",children:Object(x.jsx)("input",{type:"email",placeholder:"Optional",name:"Email",value:m,className:" mb-4 w-full rounded p-2 focus:outline-none border-2 focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"})}),Object(x.jsx)("h2",{className:"text-base leading-3 font-medium text-gray-900 text-left",id:"modal-headline",children:"Font Name or URL"}),Object(x.jsx)("div",{className:"mt-2 w-full",children:Object(x.jsx)("input",{required:!0,type:"text",placeholder:"Roboto",name:"Font Name",value:u,className:"w-full rounded p-2 focus:outline-none border-2 focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 "})})]})})}),Object(x.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[Object(x.jsx)("button",{type:"submit",disabled:n.submitting,className:"w-full mb-5 md:mb-0 inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-900 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm",children:"Send"}),Object(x.jsx)("button",{onClick:d,className:"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-400 text-base font-medium text-white hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto
1sm:text-sm",children:"Cancel"})]})]})]})})})]})},S=(n(76),function(e){Object(d.a)(n,e);var t=Object(f.a)(n);function n(e){var s;return Object(l.a)(this,n),(s=t.call(this,e)).state={counter:0,questionId:1,question:"",questionAnswer:"",fontURL:"",answerOptions:[],answer:"",answersCount:{},result:"",score:0,highScore:0,playerName:"",suggestModal:!1},s.handleAnswerSelected=s.handleAnswerSelected.bind(Object(m.a)(s)),s}return Object(u.a)(n,[{key:"componentDidMount",value:function(){var e=this,t=h.map((function(t){return e.shuffleArray(t.answers)}));this.setState({question:h[0].question,answerOptions:t[0],questionAnswer:h[0].questionAnswer,fontURL:h[0].fontURL})}},{key:"shuffleArray",value:function(e){for(var t,n,s=e.length;0!==s;)n=Math.floor(Math.random()*s),t=e[s-=1],e[s]=e[n],e[n]=t;return e}},{key:"handleAnswerSelected",value:function(e){var t=this;this.setUserAnswer(e.currentTarget.value),this.state.questionId<h.length?setTimeout((function(){return t.setNextQuestion()}),500):setTimeout((function(){return t.setResults(t.getResults())}),500)}},{key:"setUserAnswer",value:function(e){this.setState((function(t,n){return{answersCount:Object(c.a)(Object(c.a)({},t.answersCount),{},Object(i.a)({},e,(t.answersCount[e]||0)+1)),answer:e}}))}},{key:"setNextQuestion",value:function(){var e=this.state.counter+1,t=this.state.questionId+1,n=this.state.answer===this.state.questionAnswer,s=this.state.score+100,o=this.state.score<1?0:this.state.score-50,a=n?s:o;this.setState({counter:e,questionId:t,question:h[e].question,answerOptions:h[e].answers,answer:"",questionAnswer:h[e].questionAnswer,fontURL:h[e].fontURL,score:a})}},{key:"getResults",value:function(){var e=this.state.answersCount,t=Object.keys(e),n=t.map((function(t){return e[t]})),s=Math.max.apply(null,n);return t.filter((function(t){return e[t]===s}))}},{key:"setResults",value:function(e){1===e.length?this.setState({result:e[0]}):this.setState({result:"Undetermined"})}},{key:"renderQuiz",value:function(){return Object(x.jsxs)(x.Fragment,{children:[Object(x.jsx)(N,{score:this.state.score}),Object(x.jsx)(y,{answer:this.state.answer,questionAnswer:this.state.questionAnswer,answerOptions:this.state.answerOptions,questionId:this.state.questionId,question:this.state.question,fontURL:this.state.fontURL,questionTotal:h.length,onAnswerSelected:this.handleAnswerSelected}),Object(x.jsx)(k,{}),Object(x.jsx)("div",{className:"m-auto mt-5 text-center fixed",children:this.state.answer?this.state.answer===this.state.questionAnswer?Object(x.jsx)("button",{className:"bg-green-200 text-green-600 text-base font-semibold px-6 py-2 rounded-lg",children:"Correct \ud83d\udc4d"}):Object(x.jsx)("button",{className:"bg-red-200 text-red-700 text-base font-semibold px-6 py-2 rounded-lg",children:"Wrong"}):null})]})}},{key:"render",value:function(){return Object(x.jsx)("div",{className:"container mx-auto h-screen flex flex-col justify-center items-center",children:this.state.result?this.renderResult():this.renderQuiz()})}},{key:"renderResult",value:function(){return Object(x.jsx)(v,{quizResult:this.state.score})}}]),n}(s.Component)),C=function(e){return Object(x.jsx)("header",{className:"p-2 flex lg:p-4 align-center fixed logo",children:Object(x.jsxs)("a",{href:"/",title:"Foont.co",children:[Object(x.jsxs)("h1",{className:"text-4xl m-auto md:text-6xl font-bold",children:["Foont",Object(x.jsx)("span",{className:"font-normal",children:".co"})]}),Object(x.jsx)("text",{className:"text-xs text-gray-600",children:"1.0.2"})]})})},R=n(27),L=function(){return Object(x.jsxs)("footer",{className:"w-auto p-5 text-gray-200 flex justify-center fixed bottom-1 left-5 text-xs text-gray-600 footer",children:[Object(x.jsxs)("div",{children:[" ","About me"," ",Object(x.jsxs)("a",{rel:"noopener noreferrer",target:"_blank",className:"font-bold",href:"https://raufsamestone.com",children:[" ","raufsamestone.com \ud83d\udc4b"]}),Object(x.jsx)("br",{}),"Inspired by"," ",Object(x.jsx)("a",{rel:"noopener noreferrer",target:"_blank",href:"https://cantunsee.space",className:"font-bold",children:"cantunsee.space"})," ",Object(x.jsx)("br",{}),Object(x.jsx)(R.b,{className:"text-xs text-gray-600",to:"/changelog",title:"Changelog",children:"Changelog"}),Object(x.jsx)("br",{}),Object(x.jsx)("a",{rel:"noopener noreferrer",target:"_blank",href:"https://support.google.com/analytics/answer/2700409?hl=en&utm_id=ad",children:"Foont.co use cookies! \ud83c\udf6a"})]}),Object(x.jsx)("div",{})]})},z=n(2),U=n(63),I=n.n(U),F=function(){return Object(x.jsx)("div",{className:"container changelog-main",children:Object(x.jsx)("div",{className:"content",children:Object(x.jsx)(I.a,{source:"\n## 1.0.2\n- Added new additional fonts.\n- Fixed sharing score on Twitter.\n\n## 1.0.1\n- Added new additional fonts.\n - Avenir \n - Comic Neue \n - Comic Sans \n - Fira Sans\n - Helvetica \n - Lato\n - Lexend Deca \n - Sensation \n - Montserrat \n - Raleway \n - Added Level Sections\n"})})})},W=function(e){e&&e instanceof Function&&n.e(3).then(n.bind(null,155)).then((function(t){var n=t.getCLS,s=t.getFID,o=t.getFCP,a=t.getLCP,r=t.getTTFB;n(e),s(e),o(e),a(e),r(e)}))};r.a.render(Object(x.jsx)(o.a.StrictMode,{children:Object(x.jsxs)(R.a,{children:[Object(x.jsx)(C,{}
1),Object(x.jsxs)(z.c,{children:[Object(x.jsx)(z.a,{path:"/changelog",children:Object(x.jsx)(F,{})}),Object(x.jsx)(z.a,{path:"/",children:Object(x.jsx)(S,{})})]}),Object(x.jsx)(L,{})]})}),document.getElementById("root")),W()},71:function(e,t,n){},76:function(e,t,n){}},[[154,1,2]]]); 2//# sourceMappingURL=main.355b4efb.chunk.js.map
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.