component---src-content-index-tsx-0cd5d56753c6c32181d9.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[16],{iOPt:function(e,t,n){"use strict";n.r(t);var a=n("Wbzz"),r=n("PgR7"),o=n.n(r),i=n("CxXQ"),l=n("Nhdc"),c=n("poQC"),m=i.b.main.withConfig({displayName:"content__Content",componentId:"sc-17zylkt-0"})(["border-top:1em solid var(--app-pink);padding:1em;margin:0 auto;text-align:center;@media (min-width:","){padding-top:4em;}@media (min-width:","){padding-top:8em;}"],(function(e){return e.theme.breakpoints.md}),(function(e){return e.theme.breakpoints.xl})),s=i.b.h1.withConfig({displayName:"content__Title",componentId:"sc-17zylkt-1"})(["font-size:4em;color:var(--app-pink);"]),p=i.b.h2.withConfig({displayName:"content__Subtitle",componentId:"sc-17zylkt-2"})(["color:var(--app-foreground);margin-bottom:2em;"]),d=Object(i.b)((function(e){var t=Object.assign({},e);return o.a.createElement("svg",Object.assign({"aria-label":"React logo",viewBox:"-11.5 -11.5 23 23",focusable:!1},t),o.a.createElement("circle",{cx:"0",cy:"0",r:"2.05",fill:"currentColor"}),o.a.createElement("g",{stroke:"currentColor",strokeWidth:"1",fill:"none"},o.a.createElement("ellipse",{rx:"11",ry:"4.2",transform:"rotate(0)"}),o.a.createElement("ellipse",{rx:"11",ry:"4.2",transform:"rotate(60)"}),o.a.createElement("ellipse",{rx:"11",ry:"4.2",transform:"rotate(120)"})))})).withConfig({displayName:"content__ReactLogo",componentId:"sc-17zylkt-3"})(["margin:1em;height:150px;color:var(--app-cyan);animation:rainbow 3s ease-in-out,pulse 2s cubic-bezier(0.83,0,0.17,1);animation-play-state:paused;animation-iteration-count:infinite;:hover{animation-play-state:running;}@media (prefers-reduced-motion:reduce){animation:none;}@media (min-width:","){height:200px;margin:2em;}@keyframes rainbow{0%{color:var(--app-cyan);}30%{color:var(--app-purple);}40%{color:var(--app-pink);}100%{color:var(--app-green);}}@keyframes pulse{0%{transform:scale(1);}25%{transform:scale(1.1);}50%{transform:scale(0.9);}75%{transform:scale(1.1);}100%{transform:scale(1);}}"],(function(e){return e.theme.breakpoints.md})),u=Object(i.b)(a.a).withConfig({displayName:"content__GetStarted",componentId:"sc-17zylkt-4"})(["display:inline-flex;align-items:center;justify-content:center;font-size:2em;color:var(--app-background);background-color:var(--app-foreground);padding:1rem 2rem;border-radius:999px;text-decoration:none;margin-bottom:3em;:visited{color:var(--app-background);}:focus{outline:4px solid var(--app-foreground);}@media (min-width:","){font-size:3em;}"],(function(e){return e.theme.breakpoints.md})),f=i.b.div.withConfig({displayName:"content__ListContainer",componentId:"sc-17zylkt-5"})(["display:flex;align-items:center;justify-content:center;text-align:left;"]);t.default=function(){var e=Object(c.c)();return o.a.createElement(o.a.Fragment,null,o.a.createElement(l.SEO,null),o.a.createElement(l.DefaultThemeProvider,null,o.a.createElement(m,null,o.a.createElement(d,null),o.a.createElement(s,null,e.title),o.a.createElement(p,null,"code-oriented React tutorial for programmers"),o.a.createElement(u,{to:"/getting-started"},"Get Started",o.a.createElement(l.ArrowIcon,{$rotate:90})),o.a.createElement(f,null,o.a.createElement("ul",null,o.a.createElement("li",null,"no previous React knowledge required"),o.a.createElement("li",null,"some JavaScript knowledge is required"),o.a.createElement("li",null,"tons of real world examples"),o.a.createElement("li",null,"examples editable on CodeSandbox ",o.a.createElement(l.CodeSandboxIcon,{$dense:!0})),o.a.createElement("li",null,"most examples include unit tests ",o.a.createElement(l.BeakerIcon,{$dense:!0})),o.a.createElement("li",null,"links for further research"))))))}}}]);
//# sourceMappingURL=component---src-content-index-tsx-0cd5d56753c6c32181d9.js.map