component---src-pages-index-js-16b83b57cfd510994ccd.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{198:function(e,t,a){"use strict";a.r(t),function(e){a.d(t,"pageQuery",function(){return w});var n,r=a(9),i=a.n(r),l=a(281),o=a(278),c=a(201),s=a(202),d=a(2),m=a.n(d),p=a(0),g=a(203),u=a(204),h=a(42),f=a(208),E=function(t){function a(){return t.apply(this,arguments)||this}return i()(a,t),a.prototype.render=function(){var t,a,n,r,i,d,m=this.props,p=m.data,E=m.location,w=p.marketing;return e.createElement(u.a,{location:E},e.createElement(g.a,{title:"Packem – A precompiled JavaScript module bundler",ogUrl:Object(f.a)("index.html")}),e.createElement("div",{css:{width:"100%"}},e.createElement("header",{css:{backgroundColor:h.a.dark,color:h.a.white}},e.createElement("div",{css:(t={paddingTop:45,paddingBottom:20},t[h.c.greaterThan("small")]={paddingTop:60,paddingBottom:70},t)},e.createElement("div",{css:{position:"relative"}},e.createElement(c.a,null,e.createElement("h1",{css:(a={color:h.a.brand,textAlign:"center",margin:0,fontSize:45,letterSpacing:"0.01em"},a[h.c.size("xsmall")]={fontSize:30},a[h.c.greaterThan("xlarge")]={fontSize:60},a)},"Packem"),e.createElement("p",{css:(n={paddingTop:15,textAlign:"center",fontSize:24,letterSpacing:"0.01em",fontWeight:200},n[h.c.size("xsmall")]={fontSize:16,maxWidth:"12em",marginLeft:"auto",marginRight:"auto"},n[h.c.greaterThan("xlarge")]={paddingTop:20,fontSize:30},n)},"A precompiled"," ",e.createElement(l.a,null,e.createElement("span",null,"JavaScript module"),e.createElement("span",null,"HTML"),e.createElement("span",null,"Markdown"),e.createElement("span",null,"SASS"),e.createElement("span",null,"CSS"),e.createElement("span",null,"static assets"))," ","bundler"),e.createElement(s.a,{valign:"center",css:(r={paddingTop:40},r[h.c.greaterThan("xlarge")]={paddingTop:65},r)},e.createElement(v,null,e.createElement(o.a,{to:"/docs/getting-started.html",type:"primary"},"Get Started")),e.createElement(v,null,e.createElement(o.a,{to:"/docs/execution-contexts.html",type:"secondary"},"Advanced Guide"))))))),e.createElement(c.a,null,e.createElement("div",{css:h.d.markdown},e.createElement("section",{css:[T,(i={},i[h.c.lessThan("medium")]={marginTop:0,marginBottom:0,overflowX:"auto",paddingTop:30,WebkitOverflowScrolling:"touch",position:"relative",maskImage:"linear-gradient(to right, transparent, white 10px, white 90%, transparent)"},i)]},e.createElement("div",{css:(d={display:"flex",flexDirection:"row"},d[h.c.lessThan("medium")]={display:"block",whiteSpace:"nowrap"},d)},w.edges.map(function(t,a){var n,r,i,l=t.node;return e.createElement("div",{key:a,css:(r={display:"flex",flexDirection:"column",flex:"0 1 33%",marginLeft:40,"&:first-of-type":(n={marginLeft:0},n[h.c.lessThan("medium")]={marginLeft:10},n)},r[h.c.lessThan("medium")]={display:"inline-block",verticalAlign:"top",marginLeft:0,whiteSpace:"normal",width:"75%",marginRight:20,paddingBottom:40,"&:first-of-type":{marginTop:0}},r)},e.createElement("h3",{css:[y,{"&&":(i={color:h.a.subtle,paddingTop:0,fontWeight:300,fontSize:20},i[h.c.greaterThan("xlarge")]={fontSize:24},i)}]},l.frontmatter.title),e.createElement("div",{dangerouslySetInnerHTML:{__html:l.html}}))}))),e.createElement("section",null,e.createElement("h3",{style:{textAlign:"center"}},"Parcel (v1.12.3) vs Packem (pre-alpha)"),e.createElement("br",null),e.createElement("iframe",{src:"https://player.vimeo.com/video/327818295",width:"100%",height:"350",frameborder:"0",allow:"autoplay; fullscreen",allowfullscreen:!0})),e.createElement("hr",{css:{height:1,marginBottom:-1,border:"none",borderBottom:"1 solid "+h.a.divider}}),e.createElement("section",{css:T}))),e.createElement("section",{css:{background:h.a.dark,color:h.a.white,paddingTop:45,paddingBottom:45}},e.createElement(c.a,null,e.createElement(s.a,{valign:"center",style:{justifyContent:"center"}},e.createElement(o.a,{to:"/docs/getting-started.html",type:"primary"},"Get Started"))))))},a}(p.Component);E.propTypes={data:m.a.shape({examples:m.a.object.isRequired,marketing:m.a.object.isRequired}).isRequired};var v=function(t){var a,n,r=t.children;t.primary;return e.createElement("div",{css:(n={width:"50%"},n[h.c.between("small","large")]={paddingLeft:20},n[h.c.greaterThan("xlarge")]={paddingLeft:40},n["&:first-child"]={textAlign:"right",paddingRight:15},n["&:nth-child(2)"]=(a={},a[h.c.greaterThan("small")]={paddingLeft:15},a),n)},r)},w="2023175393";t.default=E;var T=((n={marginTop:20,marginBottom:15})[h.c.greaterThan("medium")]={marginTop:60,marginBottom:65},n),y={"&&":{marginBottom:20}}}.call(this,a(62))},208:function(e,t,a){"use strict";a(43);var n=a(209);t.a=function(e){return null==e?null:n.a+"/"+e.replace(/^\//,"")}},278:function(e,t,a){"use strict";var n=a(279);t.a=n.a},279:function(e,t,a){"use strict";(function(e){a(30);var n,r,i=a(87),l=a.n(i),o=a(63),c=(a(0),a(42)),s=function(t){var a=t.cssProps,n=void 0===a?{}:a;return e.createElement("svg",{css:n,height:"12",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 4.53657 8.69699"},e.createElement("path",{d:"\n        M.18254,8.697a.18149.18149,0,0,1-.12886-.31034L4.09723,4.34126.05369.29954a.18149.18149,\n        0,0,1,.2559-.2559L4.4838,4.21785a.18149.18149,0,0,1,0,.2559L.30958,8.648A.18149.18149,\n        0,0,1,.18254,8.697Z\n      ",fill:"currentColor"}))},d=((n={display:"inline-block",fontSize:16})[c.c.greaterThan("xlarge")]={fontSize:20},n),m=((r={backgroundColor:c.a.brand,color:c.a.black,padding:"10px 25px",whiteSpace:"nowrap",transition:"background-color 0.2s ease-out"})[c.c.greaterThan("xlarge")]={paddingTop:15,paddingBottom:15},r[":hover"]={backgroundColor:c.a.white},r),p={color:c.a.brand,transition:"color 0.2s ease-out",":hover":{color:c.a.white}};t.a=function(t){var a,n=t.children,r=t.type,i=l()(t,["children","type"]);switch(r){case"primary":a=m;break;case"secondary":a=p}return e.createElement(o.Link,Object.assign({},i,{css:[d,a]}),n,"secondary"===r&&e.createElement(s,{cssProps:{marginLeft:10}}))}}).call(this,a(62))}}]);
//# sourceMappingURL=component---src-pages-index-js-16b83b57cfd510994ccd.js.map