component---src-pages-index-js-ac2d0e4f3d11c5068e0f.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{139:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),i=(n(187),n(185)),r=n(184),l=n(153),s=n(156),c=n(160),m=n(163);t.default=function(e){var t=e.pageContext,n=e.location,u=Object(s.e)(t,n);return o.a.createElement(l.b,{value:u},o.a.createElement(c.b,null,o.a.createElement(a.Fragment,null,o.a.createElement(i.a,null),o.a.createElement("div",{className:"Home__Wrapper"},o.a.createElement(r.a,null),o.a.createElement(m.a,{position:"top"})))))}},158:function(e,t,n){"use strict";n(227)("link",function(e){return function(t){return e(this,"a","href",t)}})},163:function(e,t,n){"use strict";var a=n(7),o=n.n(a),i=n(0),r=n.n(i),l=(n(158),n(33),n(48),n(155)),s=n.n(l),c=n(179),m=n.n(c),u=n(153),p=function(){return r.a.createElement(u.a,null,function(e){var t=m.a.map(function(t){return Object.assign({},t,{link:("default"===t.path?"":"/"+t.path)+e.basePath,isCurrent:t.locale===e.locale})});return r.a.createElement("div",{className:"Locales"},t.map(function(e){var t=e.label,n=e.locale,a=e.link,o=e.isCurrent;return r.a.createElement(s.a,{className:"Locales__Item Locales__Item--"+(o&&"current"),key:n,to:a},t)}))})};n.d(t,"a",function(){return g});var g=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).state={open:!1},t.toggle=function(){t.setState({open:!t.state.open})},t}return o()(t,e),t.prototype.render=function(){var e=this,t=this.state.open,n=this.props.position,a=void 0===n?"bottom":n,o={top:r.a.createElement("polygon",{stroke:"#000",points:"0,50 100,50 50,0"}),bottom:r.a.createElement("polygon",{stroke:"#000",points:"0,0 100,0 50,50"})};return r.a.createElement(u.a,null,function(n){return r.a.createElement("div",{className:"LanguageSwitcher LanguageSwitcher--"+a+" LanguageSwitcher--"+(t?"open":"closed")},r.a.createElement("div",{className:"LanguageSwitcher__Inner"},r.a.createElement("div",{className:"LanguageSwitcher__Toggle",onClick:e.toggle},r.a.createElement("span",null,n.localeLabel),r.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 50"},o[a])),t&&r.a.createElement("div",{className:"LanguageSwitcher__Options"},r.a.createElement(p,null))))})},t}(i.Component)},171:function(e,t,n){"use strict";n(159);var a=n(0),o=n.n(a),i=n(4),r=n.n(i),l=n(169),s=function(e){var t=e.className,n=e.name,a=e.symbol,i=e.number,r=e.background,s=e.color,c=void 0===s?"#41c7c7":s,m=e.mode,u=void 0===m?"standalone":m,p=e.size,g=e.path,h=e.x,f=e.y,d=e.fire,y=void 0!==d&&d,b=e.hoverCoords,v=void 0===b?{}:b;return o.a.createElement("svg",{width:p||"100%",height:p,x:h,y:f,viewBox:"0 0 100 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"PeriodicTableElement "+t,onClick:function(){g&&Object(l.navigate)(g)}},o.a.createElement("rect",{x:"0",y:"0",width:"100",height:"100",className:"PeriodicTableElement_Placeholder",fill:"red",fillOpacity:"0"}),o.a.createElement("g",{className:"PeriodicTableElement_Container",style:{"--dx":v.dx+"px","--dy":v.dy+"px"}},o.a.createElement("rect",{x:"0",y:"0",width:"100",height:"100",className:"PeriodicTableElement_Frame PeriodicTableElement_Frame--"+u,style:{fill:r}}),y&&o.a.createElement("image",{xlinkHref:"/images/pixel-fire.gif",x:"10%",height:"100",width:"100",opacity:"0.4"}),o.a.createElement("text",{className:"PeriodicTableElement_Number",x:10,y:20,fontSize:100*.14,fill:"white"},i),o.a.createElement("text",{className:"PeriodicTableElement_Symbol",x:50,y:n?100*.55:60,width:"100%",textAnchor:"middle",fontSize:36,fill:c},a),o.a.createElement("text",{className:"PeriodicTableElement_Label",x:50,y:78,fontSize:100*.14,fill:c,textAnchor:"middle"},n)))};s.propTypes={name:r.a.string,symbol:r.a.string.isRequired,background:r.a.string},t.a=s},179:function(e,t){e.exports=[{locale:"en-US",path:"default",label:"English"},{locale:"fr-FR",path:"fr",label:"Français"},{locale:"zh-CN",path:"cn",label:"简体中文"},{locale:"hu-HU",path:"hu",label:"Magyar"},{locale:"es-ES",path:"es",label:"Español"}]},184:function(e,t,n){"use strict";n(48),n(49),n(174),n(33),n(75),n(80);var a=n(7),o=n.n(a),i=n(0),r=n.n(i),l=n(155),s=n.n(l),c=n(171),m=n(153),u=n(154),p=100,g=1.1,h=10,f=2.5,d=10,y=1.1;function b(e){return+(Math.round(e+"e+2")+"e-2")}var v=[{x:0,y:0,symbol:"St"},{x:1,y:0,symbol:"At"},{x:2,y:0,symbol:"E"},{x:4,y:0,symbol:"Of"},{x:0,y:1,symbol:"Ja"},{x:1,y:1,symbol:"Va"},{x:2,y:1,symbol:"Sc"},{x:3,y:1,symbol:"Ri"},{x:4,y:1,symbol:"Pt"},{x:2,y:2,symbol:"20"},{x:3,y:2,symbol:"18"}],E=[{x:0,y:0,symbol:"St",number:1},{x:1,y:0,symbol:"Js",number:2},{x:2,y:0,symbol:"20",number:3},{x:4,y:0,symbol:"18",number:4}],x=function(){return Math.round(360*Math.random())},w=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).state={t:0,ready:!1,stopped:!1},t.getLogoElements=function(){var e=t.props.variant;return"full"===(void 0===e?"full":e)?v:E},t.getOrigin=function(e,n){var a=t.props.variant,o=void 0===a?"full":a,i=t.getSize(n);return"full"===o?{x:n/2-5*i/2,y:e/2-3*i/2}:{x:1,y:1}},t.getSize=function(e){var n=t.props.size;if(n)return n;var a=(e-40)/5;return Math.min(a,p)},t.getInitPositions=function(e,n){var a={},o=t.getOrigin(e,n),i=t.getSize(n);return t.getLogoElements().forEach(function(e){var n=e.x,r=e.y,l=e.symbol;a[l]=Object.assign({x:o.x+n*i,y:o.y+r*i},t.getAngle())}),a},t.getAngle=function(){var e=x(),t=g+b(Math.random()*y),n=b(Math.cos(e)*t),a=b(Math.sin(e)*t);return{angle:e,baseXSpeed:n,baseYSpeed:a,xSpeed:n*d,ySpeed:a*d}},t.resetAngles=function(e){var n={};return Object.keys(e).forEach(function(a){n[a]=Object.assign({},e[a],t.getAngle())}),n},t.computePositions=function(e){var n=t.state,a=n.height,o=n.width,i=n.initPositions,r=n.stopped,l=t.getSize(o),s={};return Object.keys(e).forEach(function(t){var n=e[t],c=n.x,m=n.y,u=n.xSpeed,p=n.ySpeed,g=n.angle,d=n.baseXSpeed,y=n.baseYSpeed;if(r)u=(i[t].x-c)/h,p=(i[t].y-m)/h;else{var v=Math.pow(f,3),E=b((u-d)/v),x=b((p-y)/v);Math.abs(E)<.01&&(E=0),Math.abs(x)<.01&&(x=0),u-=E,p-=x,(c<=0||c>=o-l)&&(u=-u,d=-d),(m<=0||m>=a-l)&&(p=-p,y=-y)}c+=u,m+=p,s[t]={baseXSpeed:d,baseYSpeed:y,x:c,y:m,xSpeed:u,ySpeed:p,angle:g}}),s},t.stopAnimation=function(){t.setState(function(){return{stopped:!0}})},t.restartAnimation=function(){t.setState(function(e){var n=e.positions;return{stopped:!1,positions:t.resetAngles(n)}})},t}o()(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=this,t=document.getElementById("LogoAnimation__Wrapper"),n=t.clientHeight-47,a=t.clientWidth,o=this.getInitPositions(n,a);this.setState({height:n,width:a,initPositions:o,positions:o,ready:!0}),setInterval(function(){e.setState(function(t){var n=t.positions;return{positions:e.computePositions(n)}})},10)},n.render=function(){var e=this,t=this.props.variant,n=void 0===t?"full":t,a=this.state,o=a.positions,i=a.height,l=a.width,p=a.ready,g=l&&this.getSize(l);return r.a.createElement("div",{className:"LogoAnimation__Wrapper LogoAnimation__Wrapper--"+n,id:"LogoAnimation__Wrapper"},p&&r.a.createElement("svg",{className:"LogoAnimation",id:"LogoAnimation",width:l,height:i,viewBox:"0 0 "+l+" "+i,fill:"none",xmlns:"http://www.w3.org/2000/svg"},this.getLogoElements().map(function(e,t){var n=e.symbol,a=e.number;return r.a.createElement(c.a,{key:n,number:a||t,className:"LogoAnimation__Element LogoAnimation__Element--"+n,x:o[n].x,y:o[n].y,symbol:n,size:g})}),"full"===n&&r.a.createElement(r.a.Fragment,null,r.a.createElement("foreignObject",{x:l/2-3*g/2,y:i/2+3*g/2+40,width:3*g,height:g},r.a.createElement(m.a,null,function(t){return r.a.createElement(u.a,null,function(n){return r.a.createElement(s.a,{onMouseEnter:e.stopAnimation,onMouseLeave:e.restartAnimation,className:"LogoAnimation__Button button",to:t.localePath+"/introduction"},r.a.createElement("span",null,n("start")))})})))))},t}(i.Component);t.a=w},185:function(e,t,n){"use strict";var a=n(0),o=n.n(a),i=n(215),r=n.n(i),l=n(153),s=n(156),c=n(154);t.a=function(){return o.a.createElement(l.a,null,function(e){return o.a.createElement(c.a,null,function(t){var n=Object(s.b)(e,t),i=Object(s.c)(e,t),l=[{charset:"utf-8"},{name:"description",content:"Discover the most popular JavaScript technologies of the year."},{name:"viewport",content:"width=device-width, initial-scale=1"},{name:"google-site-verification",content:"hrTRsz9fkGmQlVbLBWA4wmhn0qsI6_M3NKemTGCkpps"}].concat(i);return o.a.createElement(a.Fragment,null,o.a.createElement(r.a,{meta:l,defaultTitle:n.fullTitle},o.a.createElement("html",{lang:"en"}),o.a.createElement("title",null,n.title),o.a.createElement("link",{rel:"shortcut icon",href:"/images/favicon.png"}),o.a.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com/",crossOrigin:!0}),o.a.createElement("link",{href:"https://fonts.googleapis.com/css?family=IBM+Plex+Mono:300,300i,600",rel:"stylesheet"})))})})}},227:function(e,t,n){var a=n(6),o=n(16),i=n(26),r=/"/g,l=function(e,t,n,a){var o=String(i(e)),l="<"+t;return""!==n&&(l+=" "+n+'="'+String(a).replace(r,"&quot;")+'"'),l+">"+o+"</"+t+">"};e.exports=function(e,t){var n={};n[e]=t(l),a(a.P+a.F*o(function(){var t=""[e]('"');return t!==t.toLowerCase()||t.split('"').length>3}),"String",n)}}}]);
//# sourceMappingURL=component---src-pages-index-js-ac2d0e4f3d11c5068e0f.js.map