mirror of
https://github.com/ThomasJockin/readexpro.git
synced 2024-09-11 18:37:32 +03:00
Updates
This commit is contained in:
micah rich
parent
2645424fe2
commit
920c7d8934
2
404.html
2
404.html
@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" class="next-head"/><meta charSet="utf-8" class="next-head"/><title class="next-head">404: This page could not be found</title><link rel="preload" href="/lexend/_next/static/deeAJl-motrJW1lQyEkge/pages/_app.js" as="script"/><link rel="preload" href="/lexend/_next/static/runtime/webpack-a79426b5e11f0ba5879d.js" as="script"/><link rel="preload" href="/lexend/_next/static/chunks/commons.64abdbe7bfc4277f3079.js" as="script"/><link rel="preload" href="/lexend/_next/static/runtime/main-fd73dbd6f398b7b886ec.js" as="script"/></head><body><div id="__next"><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"dataManager":"[]","props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"deeAJl-motrJW1lQyEkge","dynamicBuildId":false,"assetPrefix":"/lexend","nextExport":true}</script><script async="" id="__NEXT_PAGE__/_app" src="/lexend/_next/static/deeAJl-motrJW1lQyEkge/pages/_app.js"></script><script src="/lexend/_next/static/runtime/webpack-a79426b5e11f0ba5879d.js" async=""></script><script src="/lexend/_next/static/chunks/commons.64abdbe7bfc4277f3079.js" async=""></script><script src="/lexend/_next/static/runtime/main-fd73dbd6f398b7b886ec.js" async=""></script></body></html>
|
||||
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" class="next-head"/><meta charSet="utf-8" class="next-head"/><title class="next-head">404: This page could not be found</title><link rel="preload" href="/lexend/_next/static/79Xe9vbQPCr2b5-A05qrv/pages/_app.js" as="script"/><link rel="preload" href="/lexend/_next/static/runtime/webpack-a79426b5e11f0ba5879d.js" as="script"/><link rel="preload" href="/lexend/_next/static/chunks/commons.64abdbe7bfc4277f3079.js" as="script"/><link rel="preload" href="/lexend/_next/static/runtime/main-fd73dbd6f398b7b886ec.js" as="script"/></head><body><div id="__next"><div style="color:#000;background:#fff;font-family:-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body { margin: 0 }</style><h1 style="display:inline-block;border-right:1px solid rgba(0, 0, 0,.3);margin:0;margin-right:20px;padding:10px 23px 10px 0;font-size:24px;font-weight:500;vertical-align:top">404</h1><div style="display:inline-block;text-align:left;line-height:49px;height:49px;vertical-align:middle"><h2 style="font-size:14px;font-weight:normal;line-height:inherit;margin:0;padding:0">This page could not be found<!-- -->.</h2></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"dataManager":"[]","props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"79Xe9vbQPCr2b5-A05qrv","dynamicBuildId":false,"assetPrefix":"/lexend","nextExport":true}</script><script async="" id="__NEXT_PAGE__/_app" src="/lexend/_next/static/79Xe9vbQPCr2b5-A05qrv/pages/_app.js"></script><script src="/lexend/_next/static/runtime/webpack-a79426b5e11f0ba5879d.js" async=""></script><script src="/lexend/_next/static/chunks/commons.64abdbe7bfc4277f3079.js" async=""></script><script src="/lexend/_next/static/runtime/main-fd73dbd6f398b7b886ec.js" async=""></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([["d63e"],{"/a9y":function(e,t,n){"use strict";var a=n("KI45"),r=a(n("/HRN")),l=a(n("WaGi")),i=a(n("ZDA2")),d=a(n("/+P4")),o=a(n("N9n2")),u=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var s=u(n("q1tI")),c=u(n("PgRs")),f={400:"Bad Request",404:"This page could not be found",500:"Internal Server Error",501:"Not Implemented"},p=function(e){function t(){return(0,r.default)(this,t),(0,i.default)(this,(0,d.default)(t).apply(this,arguments))}return(0,o.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){var e=this.props.statusCode,t=f[e]||"An unexpected error has occurred";return s.default.createElement("div",{style:g.error},s.default.createElement(c.default,null,s.default.createElement("title",null,e,": ",t)),s.default.createElement("div",null,s.default.createElement("style",{dangerouslySetInnerHTML:{__html:"body { margin: 0 }"}}),e?s.default.createElement("h1",{style:g.h1},e):null,s.default.createElement("div",{style:g.desc},s.default.createElement("h2",{style:g.h2},t,"."))))}}],[{key:"getInitialProps",value:function(e){var t=e.res,n=e.err;return{statusCode:t&&t.statusCode?t.statusCode:n?n.statusCode:404}}}]),t}(s.default.Component);p.displayName="ErrorPage",t.default=p;var g={error:{color:"#000",background:"#fff",fontFamily:'-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',height:"100vh",textAlign:"center",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},desc:{display:"inline-block",textAlign:"left",lineHeight:"49px",height:"49px",verticalAlign:"middle"},h1:{display:"inline-block",borderRight:"1px solid rgba(0, 0, 0,.3)",margin:0,marginRight:"20px",padding:"10px 23px 10px 0",fontSize:"24px",fontWeight:500,verticalAlign:"top"},h2:{fontSize:"14px",fontWeight:"normal",lineHeight:"inherit",margin:0,padding:0}}},"04ac":function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){var e=n("/a9y");return{page:e.default||e}}])},PgRs:function(e,t,n){e.exports=n("m/Pd")}},[["04ac","5d41","9da1"]]]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([["d63e"],{"/a9y":function(e,t,n){"use strict";var a=n("KI45"),r=a(n("/HRN")),l=a(n("WaGi")),i=a(n("ZDA2")),d=a(n("/+P4")),o=a(n("N9n2")),u=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var s=u(n("q1tI")),c=u(n("PgRs")),f={400:"Bad Request",404:"This page could not be found",500:"Internal Server Error",501:"Not Implemented"},p=function(e){function t(){return(0,r.default)(this,t),(0,i.default)(this,(0,d.default)(t).apply(this,arguments))}return(0,o.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){var e=this.props.statusCode,t=f[e]||"An unexpected error has occurred";return s.default.createElement("div",{style:g.error},s.default.createElement(c.default,null,s.default.createElement("title",null,e,": ",t)),s.default.createElement("div",null,s.default.createElement("style",{dangerouslySetInnerHTML:{__html:"body { margin: 0 }"}}),e?s.default.createElement("h1",{style:g.h1},e):null,s.default.createElement("div",{style:g.desc},s.default.createElement("h2",{style:g.h2},t,"."))))}}],[{key:"getInitialProps",value:function(e){var t=e.res,n=e.err;return{statusCode:t&&t.statusCode?t.statusCode:n?n.statusCode:404}}}]),t}(s.default.Component);p.displayName="ErrorPage",t.default=p;var g={error:{color:"#000",background:"#fff",fontFamily:'-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',height:"100vh",textAlign:"center",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},desc:{display:"inline-block",textAlign:"left",lineHeight:"49px",height:"49px",verticalAlign:"middle"},h1:{display:"inline-block",borderRight:"1px solid rgba(0, 0, 0,.3)",margin:0,marginRight:"20px",padding:"10px 23px 10px 0",fontSize:"24px",fontWeight:500,verticalAlign:"top"},h2:{fontSize:"14px",fontWeight:"normal",lineHeight:"inherit",margin:0,padding:0}}},"04ac":function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){var e=n("/a9y");return{page:e.default||e}}])},PgRs:function(e,t,n){e.exports=n("m/Pd")}},[["04ac","5d41","9da1"]]]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([["d63e"],{"/a9y":function(e,t,n){"use strict";var a=n("KI45"),r=a(n("/HRN")),l=a(n("WaGi")),i=a(n("ZDA2")),d=a(n("/+P4")),o=a(n("N9n2")),u=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var s=u(n("q1tI")),c=u(n("PgRs")),f={400:"Bad Request",404:"This page could not be found",500:"Internal Server Error",501:"Not Implemented"},p=function(e){function t(){return(0,r.default)(this,t),(0,i.default)(this,(0,d.default)(t).apply(this,arguments))}return(0,o.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){var e=this.props.statusCode,t=f[e]||"An unexpected error has occurred";return s.default.createElement("div",{style:g.error},s.default.createElement(c.default,null,s.default.createElement("title",null,e,": ",t)),s.default.createElement("div",null,s.default.createElement("style",{dangerouslySetInnerHTML:{__html:"body { margin: 0 }"}}),e?s.default.createElement("h1",{style:g.h1},e):null,s.default.createElement("div",{style:g.desc},s.default.createElement("h2",{style:g.h2},t,"."))))}}],[{key:"getInitialProps",value:function(e){var t=e.res,n=e.err;return{statusCode:t&&t.statusCode?t.statusCode:n?n.statusCode:404}}}]),t}(s.default.Component);p.displayName="ErrorPage",t.default=p;var g={error:{color:"#000",background:"#fff",fontFamily:'-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',height:"100vh",textAlign:"center",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},desc:{display:"inline-block",textAlign:"left",lineHeight:"49px",height:"49px",verticalAlign:"middle"},h1:{display:"inline-block",borderRight:"1px solid rgba(0, 0, 0,.3)",margin:0,marginRight:"20px",padding:"10px 23px 10px 0",fontSize:"24px",fontWeight:500,verticalAlign:"top"},h2:{fontSize:"14px",fontWeight:"normal",lineHeight:"inherit",margin:0,padding:0}}},"04ac":function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){var e=n("/a9y");return{page:e.default||e}}])},PgRs:function(e,t,n){e.exports=n("m/Pd")}},[["04ac","5d41","9da1"]]]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([["d63e"],{"/a9y":function(e,t,n){"use strict";var a=n("KI45"),r=a(n("/HRN")),l=a(n("WaGi")),i=a(n("ZDA2")),d=a(n("/+P4")),o=a(n("N9n2")),u=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var s=u(n("q1tI")),c=u(n("PgRs")),f={400:"Bad Request",404:"This page could not be found",500:"Internal Server Error",501:"Not Implemented"},p=function(e){function t(){return(0,r.default)(this,t),(0,i.default)(this,(0,d.default)(t).apply(this,arguments))}return(0,o.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){var e=this.props.statusCode,t=f[e]||"An unexpected error has occurred";return s.default.createElement("div",{style:g.error},s.default.createElement(c.default,null,s.default.createElement("title",null,e,": ",t)),s.default.createElement("div",null,s.default.createElement("style",{dangerouslySetInnerHTML:{__html:"body { margin: 0 }"}}),e?s.default.createElement("h1",{style:g.h1},e):null,s.default.createElement("div",{style:g.desc},s.default.createElement("h2",{style:g.h2},t,"."))))}}],[{key:"getInitialProps",value:function(e){var t=e.res,n=e.err;return{statusCode:t&&t.statusCode?t.statusCode:n?n.statusCode:404}}}]),t}(s.default.Component);p.displayName="ErrorPage",t.default=p;var g={error:{color:"#000",background:"#fff",fontFamily:'-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',height:"100vh",textAlign:"center",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},desc:{display:"inline-block",textAlign:"left",lineHeight:"49px",height:"49px",verticalAlign:"middle"},h1:{display:"inline-block",borderRight:"1px solid rgba(0, 0, 0,.3)",margin:0,marginRight:"20px",padding:"10px 23px 10px 0",fontSize:"24px",fontWeight:500,verticalAlign:"top"},h2:{fontSize:"14px",fontWeight:"normal",lineHeight:"inherit",margin:0,padding:0}}},"04ac":function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){var e=n("/a9y");return{page:e.default||e}}])},PgRs:function(e,t,n){e.exports=n("m/Pd")}},[["04ac","5d41","9da1"]]]);
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1276,9 +1276,9 @@ var global = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_2__["css"])(_template
|
||||
lineNumber: 212
|
||||
},
|
||||
__self: this
|
||||
}, "Lexend \u2014 A Variable Font Designed for Reading"), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
}, "Lexend \u2014 Change the way the world reads."), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
name: "title",
|
||||
content: "Lexend \u2014 A Variable Font Designed for Reading",
|
||||
content: "Lexend \u2014 Change the way the world reads.",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 213
|
||||
@ -1286,10 +1286,10 @@ var global = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_2__["css"])(_template
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
name: "description",
|
||||
content: "Lexend is a variable font empirically shown to significantly improve reading-proficiency.",
|
||||
content: "Lexend \u2014 Change the way the world reads.",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 217
|
||||
lineNumber: 214
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
@ -1297,7 +1297,7 @@ var global = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_2__["css"])(_template
|
||||
content: "website",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 222
|
||||
lineNumber: 219
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
@ -1305,31 +1305,31 @@ var global = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_2__["css"])(_template
|
||||
content: "https://thomasjockin.github.io/lexend/",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 223
|
||||
lineNumber: 220
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
property: "og:title",
|
||||
content: "Lexend \u2014 A Variable Font Designed for Reading",
|
||||
content: "Lexend \u2014 Change the way the world reads.",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 227
|
||||
lineNumber: 224
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
property: "og:description",
|
||||
content: "Lexend is a variable font empirically shown to significantly improve reading-proficiency.",
|
||||
content: "Lexend \u2014 Change the way the world reads.",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 231
|
||||
lineNumber: 228
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
property: "og:image",
|
||||
content: "https://thomasjockin.github.io/lexend/static/social/lexend.jpg",
|
||||
content: "https://thomasjockin.github.io/lexend/static/social/lexend-v2.png",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 235
|
||||
lineNumber: 232
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
@ -1337,7 +1337,7 @@ var global = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_2__["css"])(_template
|
||||
content: "summary_large_image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 240
|
||||
lineNumber: 237
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
@ -1345,56 +1345,56 @@ var global = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_2__["css"])(_template
|
||||
content: "https://thomasjockin.github.io/lexend/",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 241
|
||||
lineNumber: 238
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
property: "twitter:title",
|
||||
content: "Lexend \u2014 A Variable Font Designed for Reading",
|
||||
content: "Lexend \u2014 Change the way the world reads.",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 245
|
||||
lineNumber: 242
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
property: "twitter:description",
|
||||
content: "Lexend is a variable font empirically shown to significantly improve reading-proficiency.",
|
||||
content: "Lexend \u2014 Change the way the world reads.",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 249
|
||||
lineNumber: 246
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("meta", {
|
||||
property: "twitter:image",
|
||||
content: "https://thomasjockin.github.io/lexend/static/social/lexend.jpg",
|
||||
content: "https://thomasjockin.github.io/lexend/static/social/lexend-v2.png",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 253
|
||||
lineNumber: 250
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Nav__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 258
|
||||
lineNumber: 255
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Logo__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 259
|
||||
lineNumber: 256
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
|
||||
className: "content",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 261
|
||||
lineNumber: 258
|
||||
},
|
||||
__self: this
|
||||
}, children), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_Footer__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 262
|
||||
lineNumber: 259
|
||||
},
|
||||
__self: this
|
||||
}));
|
||||
@ -1582,42 +1582,42 @@ var LogoList = function LogoList() {
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Logo, {
|
||||
src: "/static/images/logos/adobe.svg",
|
||||
src: "/lexend/static/images/logos/adobe.svg",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 23
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Logo, {
|
||||
src: "/static/images/logos/stanford.svg",
|
||||
src: "/lexend/static/images/logos/stanford.svg",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 24
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Logo, {
|
||||
src: "/static/images/logos/google.svg",
|
||||
src: "/lexend/static/images/logos/google.svg",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 25
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Logo, {
|
||||
src: "/static/images/logos/apple.svg",
|
||||
src: "/lexend/static/images/logos/apple.svg",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 26
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Logo, {
|
||||
src: "/static/images/logos/microsoft.svg",
|
||||
src: "/lexend/static/images/logos/microsoft.svg",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 27
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Logo, {
|
||||
src: "/static/images/logos/hp.svg",
|
||||
src: "/lexend/static/images/logos/hp.svg",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 28
|
||||
@ -2231,7 +2231,7 @@ var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/TeamHeadshots.js";
|
||||
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n padding: 0;\n margin: 2rem;\n flex: 1 1 10%;\n background: url(", ") no-repeat center center;\n background-size: cover;\n border: 0.192rem solid white;\n min-height: 70vh;\n min-width: 300px;\n max-width: 400px;\n overflow: hidden;\n border-radius: 0.618rem;\n position: sticky;\n top: 3rem;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n transition: all 180ms ease-in-out;\n &:hover {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 28px 50px -12px rgba(0, 0, 0, 0.25);\n }\n &:before, &:after {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5rem 1rem 1rem;\n background: rgba(0, 0, 0, 0.24);\n background: linear-gradient(transparent, rgba(0,0,0,0.8));\n color: white;\n text-shadow: 0px 1px 0px rgba(0,0,0,0.7);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-variation-settings: 'LXND' 64;\n display: block;\n z-index: 10;\n line-height: 1.7;\n content: \"", "\";\n text-align: center;\n }\n &:before {\n font-size: 0.718rem;\n font-variation-settings: 'LXND' 100;\n padding: 3rem 1rem 2.292rem;\n z-index: 11;\n background: transparent;\n }\n &:after {\n z-index: 10;\n font-size: 0.618rem;\n color: rgba(255,255,255,0.7);\n letter-spacing: 3px;\n font-variation-settings: 'LXND' 50;\n content: \"", "\";\n }\n @media (max-width: 960px) {\n position: relative;\n min-height: 40vh;\n position: relative;\n margin: 1rem auto 4rem;\n }\n"]);
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n padding: 0;\n margin: 2rem;\n flex: 1 1 10%;\n background: url(", ") no-repeat center center;\n background-size: cover;\n border: 0.192rem solid white;\n min-height: 70vh;\n min-width: 300px;\n max-width: 400px;\n overflow: hidden;\n border-radius: 0.618rem;\n position: sticky;\n top: 3rem;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n transition: all 180ms ease-in-out;\n &:hover {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 28px 50px -12px rgba(0, 0, 0, 0.25);\n }\n &:before, &:after {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5rem 1rem 1rem;\n background: rgba(0, 0, 0, 0.24);\n background: linear-gradient(transparent, rgba(0,0,0,0.8));\n color: white;\n text-shadow: 0px 1px 0px rgba(0,0,0,0.7);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-variation-settings: 'LXND' 64;\n display: block;\n z-index: 10;\n line-height: 1.7;\n content: \"", "\";\n text-align: center;\n }\n &:before {\n font-size: 0.718rem;\n font-variation-settings: 'LXND' 100;\n padding: 3rem 1rem 2.292rem;\n z-index: 11;\n background: transparent;\n }\n &:after {\n z-index: 10;\n font-size: 0.618rem;\n color: rgba(255,255,255,0.7);\n letter-spacing: 3px;\n font-variation-settings: 'LXND' 50;\n content: \"", "\";\n }\n @media (max-width: 1140px) {\n position: relative;\n min-height: 40vh;\n position: relative;\n margin: 1rem auto 4rem;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
@ -2278,7 +2278,7 @@ var TeamHeadshots = function TeamHeadshots(_ref) {
|
||||
}, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Headshot, {
|
||||
name: "Dr. Bonnie Shaver-Troup",
|
||||
title: "Educational Therapist",
|
||||
src: "/static/images/bonnie.jpeg",
|
||||
src: "/lexend/static/images/bonnie.jpeg",
|
||||
transition: spring,
|
||||
initial: {
|
||||
y: 0,
|
||||
@ -2298,7 +2298,7 @@ var TeamHeadshots = function TeamHeadshots(_ref) {
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Headshot, {
|
||||
name: "Thomas Jockin",
|
||||
title: "Type Designer & Educator",
|
||||
src: "/static/images/thomas-jockin.jpg",
|
||||
src: "/lexend/static/images/thomas-jockin.jpg",
|
||||
transition: spring,
|
||||
initial: {
|
||||
y: 0,
|
||||
@ -3013,7 +3013,7 @@ function _templateObject7() {
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n max-width: 100%;\n position: static;\n }\n"]);
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
@ -3033,7 +3033,7 @@ function _templateObject5() {
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n max-width: 100%;\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
@ -3043,7 +3043,7 @@ function _templateObject4() {
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n flex-wrap: wrap;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n"]);
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n flex-wrap: ", ";\n @media (max-width: 960px) {\n flex-wrap: wrap;\n }\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
@ -3082,6 +3082,8 @@ var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("sect
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
}, function (props) {
|
||||
return props.wrap || "no-wrap";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "720px";
|
||||
@ -3122,39 +3124,39 @@ var Quote = function Quote(_ref) {
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 329
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 330
|
||||
lineNumber: 333
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 331
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
lineNumber: 335
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
lineNumber: 337
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 336
|
||||
lineNumber: 339
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
@ -56668,6 +56670,7 @@ function MDXContent(_ref2) {
|
||||
__self: this
|
||||
}, "some reading difficulty.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Flex"], {
|
||||
justify: "center",
|
||||
wrap: "wrap",
|
||||
mdxType: "Flex",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
@ -56693,7 +56696,7 @@ function MDXContent(_ref2) {
|
||||
__self: this
|
||||
}, "I read for a living \u2014 it\u2019s basically been exhausting. It\u2019s a relief to be able to read without stress, without my eyes getting tired.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Quote"], {
|
||||
source: "Travis, 16, High School Sophomore",
|
||||
background: "/static/images/travis.jpg",
|
||||
background: "/lexend/static/images/travis.jpg",
|
||||
title: "Photo by Thought Catalog (unsplash.com/@thoughtcatalog)",
|
||||
mdxType: "Quote",
|
||||
__source: {
|
||||
@ -56710,7 +56713,7 @@ function MDXContent(_ref2) {
|
||||
}, "Recently, I started using LEXEND to study my Spanish vocabulary list and raised my Spanish grade from a D to a B in just a few weeks.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Quote"], {
|
||||
source: "Mrs. C, 1st Grade Teacher, California",
|
||||
width: "820px",
|
||||
background: "/static/images/c.jpg",
|
||||
background: "/lexend/static/images/c.jpg",
|
||||
title: "Photo by Emmanuel Phaeton (unsplash.com/@phaeton_vision)",
|
||||
mdxType: "Quote",
|
||||
__source: {
|
||||
|
||||
File diff suppressed because one or more lines are too long
3944
_next/static/development/pages/next/dist/pages/_error.js
vendored
Normal file
3944
_next/static/development/pages/next/dist/pages/_error.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
_next/static/development/pages/next/dist/pages/_error.js.map
vendored
Normal file
1
_next/static/development/pages/next/dist/pages/_error.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -112,7 +112,7 @@
|
||||
/******/
|
||||
/******/ var hotApplyOnUpdate = true;
|
||||
/******/ // eslint-disable-next-line no-unused-vars
|
||||
/******/ var hotCurrentHash = "253f16c43c9e2de807b5";
|
||||
/******/ var hotCurrentHash = "fee160f3166ea01e3435";
|
||||
/******/ var hotRequestTimeout = 10000;
|
||||
/******/ var hotCurrentModuleData = {};
|
||||
/******/ var hotCurrentChildModule;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
{"h":"b6e6efc528ffdedde009","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"442eca312207aeca18a4","c":{"static/development/pages/next/dist/pages/_error.js":false}}
|
||||
@ -1 +0,0 @@
|
||||
{"h":"adf359dcff1d9f58deb4","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"9cfecdce53e7cd5e8dd0","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"946f8161c94b00994281","c":{"static/development/pages/index.js":true}}
|
||||
@ -1 +0,0 @@
|
||||
{"h":"eeaa80ba36f163cffd5e","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"c1927e136d1ff6f26748","c":{"static/development/pages/index.js":true}}
|
||||
@ -1 +0,0 @@
|
||||
{"h":"48901e4b23816f896404","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"51bbda139818b57dbdc9","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"a541bea5866eb394d5ac","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"9c0fbe8e45bac4f1bd4d","c":{}}
|
||||
@ -1 +0,0 @@
|
||||
{"h":"f275cb28572add94b754","c":{"static/development/pages/index.js":true}}
|
||||
@ -1 +0,0 @@
|
||||
{"h":"5644cac65dd794892626","c":{}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"75e228711f04fe9a83d0","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"2f7006de760152dae7ea","c":{}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"84b5cd254b30469dd0a5","c":{"static/development/pages/next/dist/pages/_error.js":false}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"fee160f3166ea01e3435","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"c9e8a127326071c666f8","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"e35786399f8f87781b69","c":{"static/development/pages/index.js":true}}
|
||||
@ -1 +0,0 @@
|
||||
{"h":"76d3a7aef8ff20c430ea","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"62b0569f1e239b118e7a","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"1b68083e088f3eed3337","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"5e31b8dc7156d8757b02","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"1c546e8877bc30e53aef","c":{}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"993434dd433b3ce47567","c":{"static/development/pages/index.js":true}}
|
||||
@ -1 +0,0 @@
|
||||
{"h":"240cc936287fced612d2","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1 @@
|
||||
{"h":"db8726bdf0b28a19ed37","c":{}}
|
||||
@ -1 +0,0 @@
|
||||
{"h":"253f16c43c9e2de807b5","c":{"static/development/pages/index.js":true}}
|
||||
@ -0,0 +1,244 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n @media (max-width: 960px) {\n flex-wrap: wrap;\n }\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 331
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 333
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 336
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 338
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.1b68083e088f3eed3337.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,244 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n flex-wrap: wrap;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "600px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "600px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 329
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 330
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 331
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 336
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.2f7006de760152dae7ea.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,244 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n flex-wrap: wrap;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "640px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "640px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 329
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 330
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 331
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 336
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.442eca312207aeca18a4.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,244 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n flex-wrap: wrap;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "640px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "640px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 329
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 330
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 331
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 336
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.51bbda139818b57dbdc9.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,244 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n flex-wrap: wrap;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 329
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 330
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 331
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 336
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.5e31b8dc7156d8757b02.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
@ -204,6 +204,7 @@ function MDXContent(_ref2) {
|
||||
__self: this
|
||||
}, "some reading difficulty.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Flex"], {
|
||||
justify: "center",
|
||||
wrap: "wrap",
|
||||
mdxType: "Flex",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
@ -229,7 +230,7 @@ function MDXContent(_ref2) {
|
||||
__self: this
|
||||
}, "I read for a living \u2014 it\u2019s basically been exhausting. It\u2019s a relief to be able to read without stress, without my eyes getting tired.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Quote"], {
|
||||
source: "Travis, 16, High School Sophomore",
|
||||
background: "/static/images/travis.jpg",
|
||||
background: "/lexend/static/images/travis.jpg",
|
||||
title: "Photo by Thought Catalog (unsplash.com/@thoughtcatalog)",
|
||||
mdxType: "Quote",
|
||||
__source: {
|
||||
@ -246,7 +247,7 @@ function MDXContent(_ref2) {
|
||||
}, "Recently, I started using LEXEND to study my Spanish vocabulary list and raised my Spanish grade from a D to a B in just a few weeks.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Quote"], {
|
||||
source: "Mrs. C, 1st Grade Teacher, California",
|
||||
width: "820px",
|
||||
background: "/static/images/c.jpg",
|
||||
background: "/lexend/static/images/c.jpg",
|
||||
title: "Photo by Emmanuel Phaeton (unsplash.com/@phaeton_vision)",
|
||||
mdxType: "Quote",
|
||||
__source: {
|
||||
@ -1081,4 +1082,4 @@ MDXContent.isMDXComponent = true;
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.eeaa80ba36f163cffd5e.hot-update.js.map
|
||||
//# sourceMappingURL=index.js.62b0569f1e239b118e7a.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,114 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/TeamHeadshots.js":
|
||||
/*!*************************************!*\
|
||||
!*** ./components/TeamHeadshots.js ***!
|
||||
\*************************************/
|
||||
/*! exports provided: default */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! framer-motion */ "./node_modules/framer-motion/dist/framer-motion.es.js");
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/TeamHeadshots.js";
|
||||
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n padding: 0;\n margin: 2rem;\n flex: 1 1 10%;\n background: url(", ") no-repeat center center;\n background-size: cover;\n border: 0.192rem solid white;\n min-height: 70vh;\n min-width: 300px;\n max-width: 400px;\n overflow: hidden;\n border-radius: 0.618rem;\n position: sticky;\n top: 3rem;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n transition: all 180ms ease-in-out;\n &:hover {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 28px 50px -12px rgba(0, 0, 0, 0.25);\n }\n &:before, &:after {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5rem 1rem 1rem;\n background: rgba(0, 0, 0, 0.24);\n background: linear-gradient(transparent, rgba(0,0,0,0.8));\n color: white;\n text-shadow: 0px 1px 0px rgba(0,0,0,0.7);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-variation-settings: 'LXND' 64;\n display: block;\n z-index: 10;\n line-height: 1.7;\n content: \"", "\";\n text-align: center;\n }\n &:before {\n font-size: 0.718rem;\n font-variation-settings: 'LXND' 100;\n padding: 3rem 1rem 2.292rem;\n z-index: 11;\n background: transparent;\n }\n &:after {\n z-index: 10;\n font-size: 0.618rem;\n color: rgba(255,255,255,0.7);\n letter-spacing: 3px;\n font-variation-settings: 'LXND' 50;\n content: \"", "\";\n }\n @media (max-width: 1040px) {\n position: relative;\n min-height: 40vh;\n position: relative;\n margin: 1rem auto 4rem;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: space-around;\n list-style: none;\n padding: 0;\n margin: 1rem auto;\n div:nth-child(1) {\n order: 1;\n }\n div:nth-child(2) {\n order: 3;\n }\n div:nth-child(3) {\n order: 2;\n }\n p {\n font-size: 0.918rem;\n max-width: 600px;\n }\n @media (max-width: 1600px) {\n max-width: 1440px;\n div:nth-child(1) {\n order: 1;\n z-index: 11;\n }\n div:nth-child(2) {\n order: 2;\n }\n div:nth-child(3) {\n order: 3;\n }\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var List = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_2__["default"])("div")(_templateObject());
|
||||
var Headshot = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_2__["default"])(framer_motion__WEBPACK_IMPORTED_MODULE_3__["motion"].div)(_templateObject2(), function (props) {
|
||||
return props.src;
|
||||
}, function (props) {
|
||||
return props.name;
|
||||
}, function (props) {
|
||||
return props.title;
|
||||
});
|
||||
var spring = {
|
||||
type: "spring",
|
||||
damping: 5,
|
||||
stiffness: 80,
|
||||
mass: 2
|
||||
};
|
||||
|
||||
var TeamHeadshots = function TeamHeadshots(_ref) {
|
||||
var children = _ref.children;
|
||||
return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(List, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 113
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Headshot, {
|
||||
name: "Dr. Bonnie Shaver-Troup",
|
||||
title: "Educational Therapist",
|
||||
src: "/lexend/static/images/bonnie.jpeg",
|
||||
transition: spring,
|
||||
initial: {
|
||||
y: 0,
|
||||
rotate: -2,
|
||||
scale: 0.99
|
||||
},
|
||||
whileHover: {
|
||||
y: -10,
|
||||
rotate: -4,
|
||||
scale: 1
|
||||
},
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 114
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Headshot, {
|
||||
name: "Thomas Jockin",
|
||||
title: "Type Designer & Educator",
|
||||
src: "/lexend/static/images/thomas-jockin.jpg",
|
||||
transition: spring,
|
||||
initial: {
|
||||
y: 0,
|
||||
rotate: 1,
|
||||
scale: 0.99
|
||||
},
|
||||
whileHover: {
|
||||
y: -10,
|
||||
rotate: 3,
|
||||
scale: 1
|
||||
},
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 122
|
||||
},
|
||||
__self: this
|
||||
}), children);
|
||||
};
|
||||
|
||||
/* harmony default export */ __webpack_exports__["default"] = (TeamHeadshots);
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.84b5cd254b30469dd0a5.hot-update.js.map
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"file":"static/webpack/static/development/pages/index.js.84b5cd254b30469dd0a5.hot-update.js","sources":["webpack:///./components/TeamHeadshots.js"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { motion } from \"framer-motion\";\n\nconst List = styled(\"div\")`\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: space-around;\n list-style: none;\n padding: 0;\n margin: 1rem auto;\n div:nth-child(1) {\n order: 1;\n }\n div:nth-child(2) {\n order: 3;\n }\n div:nth-child(3) {\n order: 2;\n }\n p {\n font-size: 0.918rem;\n max-width: 600px;\n }\n @media (max-width: 1600px) {\n max-width: 1440px;\n div:nth-child(1) {\n order: 1;\n z-index: 11;\n }\n div:nth-child(2) {\n order: 2;\n }\n div:nth-child(3) {\n order: 3;\n }\n }\n`;\n\nconst Headshot = styled(motion.div)`\n padding: 0;\n margin: 2rem;\n flex: 1 1 10%;\n background: url(${props => props.src}) no-repeat center center;\n background-size: cover;\n border: 0.192rem solid white;\n min-height: 70vh;\n min-width: 300px;\n max-width: 400px;\n overflow: hidden;\n border-radius: 0.618rem;\n position: sticky;\n top: 3rem;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n transition: all 180ms ease-in-out;\n &:hover {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 28px 50px -12px rgba(0, 0, 0, 0.25);\n }\n &:before, &:after {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5rem 1rem 1rem;\n background: rgba(0, 0, 0, 0.24);\n background: linear-gradient(transparent, rgba(0,0,0,0.8));\n color: white;\n text-shadow: 0px 1px 0px rgba(0,0,0,0.7);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-variation-settings: 'LXND' 64;\n display: block;\n z-index: 10;\n line-height: 1.7;\n content: \"${props => props.name}\";\n text-align: center;\n }\n &:before {\n font-size: 0.718rem;\n font-variation-settings: 'LXND' 100;\n padding: 3rem 1rem 2.292rem;\n z-index: 11;\n background: transparent;\n }\n &:after {\n z-index: 10;\n font-size: 0.618rem;\n color: rgba(255,255,255,0.7);\n letter-spacing: 3px;\n font-variation-settings: 'LXND' 50;\n content: \"${props => props.title}\";\n }\n @media (max-width: 1040px) {\n position: relative;\n min-height: 40vh;\n position: relative;\n margin: 1rem auto 4rem;\n }\n`;\n\nconst spring = {\n type: \"spring\",\n damping: 5,\n stiffness: 80,\n mass: 2\n};\n\nconst TeamHeadshots = ({ children }) => {\n return (\n <List>\n <Headshot\n name=\"Dr. Bonnie Shaver-Troup\"\n title=\"Educational Therapist\"\n src=\"/lexend/static/images/bonnie.jpeg\"\n transition={spring}\n initial={{ y: 0, rotate: -2, scale: 0.99 }}\n whileHover={{ y: -10, rotate: -4, scale: 1 }}\n />\n <Headshot\n name=\"Thomas Jockin\"\n title=\"Type Designer & Educator\"\n src=\"/lexend/static/images/thomas-jockin.jpg\"\n transition={spring}\n initial={{ y: 0, rotate: 1, scale: 0.99 }}\n whileHover={{ y: -10, rotate: 3, scale: 1 }}\n />\n {children}\n </List>\n );\n};\nexport default TeamHeadshots;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAoCA;AAIA;AAAA;AAkCA;AAAA;AAgBA;AAAA;AAUA;AACA;AACA;AACA;AACA;AAJA;AACA;AAMA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AANA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AANA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AACA;AAAA;;;;A","sourceRoot":""}
|
||||
@ -0,0 +1,114 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/TeamHeadshots.js":
|
||||
/*!*************************************!*\
|
||||
!*** ./components/TeamHeadshots.js ***!
|
||||
\*************************************/
|
||||
/*! exports provided: default */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! framer-motion */ "./node_modules/framer-motion/dist/framer-motion.es.js");
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/TeamHeadshots.js";
|
||||
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n padding: 0;\n margin: 2rem;\n flex: 1 1 10%;\n background: url(", ") no-repeat center center;\n background-size: cover;\n border: 0.192rem solid white;\n min-height: 70vh;\n min-width: 300px;\n max-width: 400px;\n overflow: hidden;\n border-radius: 0.618rem;\n position: sticky;\n top: 3rem;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n transition: all 180ms ease-in-out;\n &:hover {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 28px 50px -12px rgba(0, 0, 0, 0.25);\n }\n &:before, &:after {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5rem 1rem 1rem;\n background: rgba(0, 0, 0, 0.24);\n background: linear-gradient(transparent, rgba(0,0,0,0.8));\n color: white;\n text-shadow: 0px 1px 0px rgba(0,0,0,0.7);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-variation-settings: 'LXND' 64;\n display: block;\n z-index: 10;\n line-height: 1.7;\n content: \"", "\";\n text-align: center;\n }\n &:before {\n font-size: 0.718rem;\n font-variation-settings: 'LXND' 100;\n padding: 3rem 1rem 2.292rem;\n z-index: 11;\n background: transparent;\n }\n &:after {\n z-index: 10;\n font-size: 0.618rem;\n color: rgba(255,255,255,0.7);\n letter-spacing: 3px;\n font-variation-settings: 'LXND' 50;\n content: \"", "\";\n }\n @media (max-width: 1140px) {\n position: relative;\n min-height: 40vh;\n position: relative;\n margin: 1rem auto 4rem;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: space-around;\n list-style: none;\n padding: 0;\n margin: 1rem auto;\n div:nth-child(1) {\n order: 1;\n }\n div:nth-child(2) {\n order: 3;\n }\n div:nth-child(3) {\n order: 2;\n }\n p {\n font-size: 0.918rem;\n max-width: 600px;\n }\n @media (max-width: 1600px) {\n max-width: 1440px;\n div:nth-child(1) {\n order: 1;\n z-index: 11;\n }\n div:nth-child(2) {\n order: 2;\n }\n div:nth-child(3) {\n order: 3;\n }\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var List = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_2__["default"])("div")(_templateObject());
|
||||
var Headshot = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_2__["default"])(framer_motion__WEBPACK_IMPORTED_MODULE_3__["motion"].div)(_templateObject2(), function (props) {
|
||||
return props.src;
|
||||
}, function (props) {
|
||||
return props.name;
|
||||
}, function (props) {
|
||||
return props.title;
|
||||
});
|
||||
var spring = {
|
||||
type: "spring",
|
||||
damping: 5,
|
||||
stiffness: 80,
|
||||
mass: 2
|
||||
};
|
||||
|
||||
var TeamHeadshots = function TeamHeadshots(_ref) {
|
||||
var children = _ref.children;
|
||||
return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(List, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 113
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Headshot, {
|
||||
name: "Dr. Bonnie Shaver-Troup",
|
||||
title: "Educational Therapist",
|
||||
src: "/lexend/static/images/bonnie.jpeg",
|
||||
transition: spring,
|
||||
initial: {
|
||||
y: 0,
|
||||
rotate: -2,
|
||||
scale: 0.99
|
||||
},
|
||||
whileHover: {
|
||||
y: -10,
|
||||
rotate: -4,
|
||||
scale: 1
|
||||
},
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 114
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(Headshot, {
|
||||
name: "Thomas Jockin",
|
||||
title: "Type Designer & Educator",
|
||||
src: "/lexend/static/images/thomas-jockin.jpg",
|
||||
transition: spring,
|
||||
initial: {
|
||||
y: 0,
|
||||
rotate: 1,
|
||||
scale: 0.99
|
||||
},
|
||||
whileHover: {
|
||||
y: -10,
|
||||
rotate: 3,
|
||||
scale: 1
|
||||
},
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 122
|
||||
},
|
||||
__self: this
|
||||
}), children);
|
||||
};
|
||||
|
||||
/* harmony default export */ __webpack_exports__["default"] = (TeamHeadshots);
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.9c0fbe8e45bac4f1bd4d.hot-update.js.map
|
||||
@ -0,0 +1 @@
|
||||
{"version":3,"file":"static/webpack/static/development/pages/index.js.9c0fbe8e45bac4f1bd4d.hot-update.js","sources":["webpack:///./components/TeamHeadshots.js"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { motion } from \"framer-motion\";\n\nconst List = styled(\"div\")`\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n justify-content: space-around;\n list-style: none;\n padding: 0;\n margin: 1rem auto;\n div:nth-child(1) {\n order: 1;\n }\n div:nth-child(2) {\n order: 3;\n }\n div:nth-child(3) {\n order: 2;\n }\n p {\n font-size: 0.918rem;\n max-width: 600px;\n }\n @media (max-width: 1600px) {\n max-width: 1440px;\n div:nth-child(1) {\n order: 1;\n z-index: 11;\n }\n div:nth-child(2) {\n order: 2;\n }\n div:nth-child(3) {\n order: 3;\n }\n }\n`;\n\nconst Headshot = styled(motion.div)`\n padding: 0;\n margin: 2rem;\n flex: 1 1 10%;\n background: url(${props => props.src}) no-repeat center center;\n background-size: cover;\n border: 0.192rem solid white;\n min-height: 70vh;\n min-width: 300px;\n max-width: 400px;\n overflow: hidden;\n border-radius: 0.618rem;\n position: sticky;\n top: 3rem;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n transition: all 180ms ease-in-out;\n &:hover {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06),\n 0 28px 50px -12px rgba(0, 0, 0, 0.25);\n }\n &:before, &:after {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 5rem 1rem 1rem;\n background: rgba(0, 0, 0, 0.24);\n background: linear-gradient(transparent, rgba(0,0,0,0.8));\n color: white;\n text-shadow: 0px 1px 0px rgba(0,0,0,0.7);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-variation-settings: 'LXND' 64;\n display: block;\n z-index: 10;\n line-height: 1.7;\n content: \"${props => props.name}\";\n text-align: center;\n }\n &:before {\n font-size: 0.718rem;\n font-variation-settings: 'LXND' 100;\n padding: 3rem 1rem 2.292rem;\n z-index: 11;\n background: transparent;\n }\n &:after {\n z-index: 10;\n font-size: 0.618rem;\n color: rgba(255,255,255,0.7);\n letter-spacing: 3px;\n font-variation-settings: 'LXND' 50;\n content: \"${props => props.title}\";\n }\n @media (max-width: 1140px) {\n position: relative;\n min-height: 40vh;\n position: relative;\n margin: 1rem auto 4rem;\n }\n`;\n\nconst spring = {\n type: \"spring\",\n damping: 5,\n stiffness: 80,\n mass: 2\n};\n\nconst TeamHeadshots = ({ children }) => {\n return (\n <List>\n <Headshot\n name=\"Dr. Bonnie Shaver-Troup\"\n title=\"Educational Therapist\"\n src=\"/lexend/static/images/bonnie.jpeg\"\n transition={spring}\n initial={{ y: 0, rotate: -2, scale: 0.99 }}\n whileHover={{ y: -10, rotate: -4, scale: 1 }}\n />\n <Headshot\n name=\"Thomas Jockin\"\n title=\"Type Designer & Educator\"\n src=\"/lexend/static/images/thomas-jockin.jpg\"\n transition={spring}\n initial={{ y: 0, rotate: 1, scale: 0.99 }}\n whileHover={{ y: -10, rotate: 3, scale: 1 }}\n />\n {children}\n </List>\n );\n};\nexport default TeamHeadshots;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAoCA;AAIA;AAAA;AAkCA;AAAA;AAgBA;AAAA;AAUA;AACA;AACA;AACA;AACA;AAJA;AACA;AAMA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AANA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AANA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AACA;AAAA;;;;A","sourceRoot":""}
|
||||
@ -0,0 +1,244 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n flex-wrap: wrap;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 329
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 330
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 331
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 336
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.9cfecdce53e7cd5e8dd0.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
@ -229,7 +229,7 @@ function MDXContent(_ref2) {
|
||||
__self: this
|
||||
}, "I read for a living \u2014 it\u2019s basically been exhausting. It\u2019s a relief to be able to read without stress, without my eyes getting tired.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Quote"], {
|
||||
source: "Travis, 16, High School Sophomore",
|
||||
background: "/static/images/travis.jpg",
|
||||
background: "/lexend/static/images/travis.jpg",
|
||||
title: "Photo by Thought Catalog (unsplash.com/@thoughtcatalog)",
|
||||
mdxType: "Quote",
|
||||
__source: {
|
||||
@ -246,7 +246,7 @@ function MDXContent(_ref2) {
|
||||
}, "Recently, I started using LEXEND to study my Spanish vocabulary list and raised my Spanish grade from a D to a B in just a few weeks.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Quote"], {
|
||||
source: "Mrs. C, 1st Grade Teacher, California",
|
||||
width: "820px",
|
||||
background: "/static/images/c.jpg",
|
||||
background: "/lexend/static/images/c.jpg",
|
||||
title: "Photo by Emmanuel Phaeton (unsplash.com/@phaeton_vision)",
|
||||
mdxType: "Quote",
|
||||
__source: {
|
||||
@ -1081,4 +1081,4 @@ MDXContent.isMDXComponent = true;
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.adf359dcff1d9f58deb4.hot-update.js.map
|
||||
//# sourceMappingURL=index.js.a541bea5866eb394d5ac.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,246 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n flex-wrap: ", ";\n @media (max-width: 960px) {\n flex-wrap: wrap;\n }\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
}, function (props) {
|
||||
return props.wrap || "no-wrap";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 333
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 335
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 337
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 339
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.b6e6efc528ffdedde009.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,244 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n flex-wrap: wrap;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.width || "auto";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 329
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 330
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 331
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 336
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.c1927e136d1ff6f26748.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,240 @@
|
||||
webpackHotUpdate("static/development/pages/index.js",{
|
||||
|
||||
/***/ "./components/index.js":
|
||||
/*!*****************************!*\
|
||||
!*** ./components/index.js ***!
|
||||
\*****************************/
|
||||
/*! exports provided: Banner, Flex, Right, Left, Button, Section, Intro, Quote */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Banner", function() { return Banner; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Flex", function() { return Flex; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Right", function() { return Right; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Left", function() { return Left; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return Button; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Section", function() { return Section; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intro", function() { return Intro; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Quote", function() { return Quote; });
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/extends */ "./node_modules/@babel/runtime-corejs2/helpers/esm/extends.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime-corejs2/helpers/esm/objectWithoutProperties.js");
|
||||
/* harmony import */ var _babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral */ "./node_modules/@babel/runtime-corejs2/helpers/esm/taggedTemplateLiteral.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
||||
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
||||
/* harmony import */ var _emotion_styled__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/styled */ "./node_modules/@emotion/styled/dist/styled.browser.esm.js");
|
||||
/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/core */ "./node_modules/@emotion/core/dist/core.browser.esm.js");
|
||||
|
||||
|
||||
|
||||
var _jsxFileName = "/Users/micahbrich/Sites/lexend/components/index.js";
|
||||
|
||||
|
||||
function _templateObject12() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n padding: 20vh 10vw;\n h1 {\n animation: ", " 900ms ease-in-out;\n font-size: 3.2vw;\n line-height: 1.392;\n color: white;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n span {\n display: inline-block;\n }\n strong {\n color: white;\n }\n @media (max-width: 960px) {\n font-size: 2.1rem;\n }\n }\n @media (max-width: 960px) {\n padding: 8vh 6vw;\n }\n"]);
|
||||
|
||||
_templateObject12 = function _templateObject12() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject11() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 0.618rem 1.618rem;\n flex: 1 1 45%;\n max-width: 100%;\n position: relative;\n &:nth-of-type(1) {\n .image {\n order: 0;\n }\n }\n blockquote {\n box-shadow: 0.392rem 0.618rem 1rem rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: row;\n margin-top: 0;\n max-width: 760px;\n background: white;\n padding: 0;\n margin: 4rem auto 1rem;\n position: relative;\n border: 0.618rem solid red;\n p {\n flex: 1 1 auto;\n font-size: 1rem;\n line-height: 1.618;\n margin: 3rem 1rem 1rem;\n }\n .image {\n order: 2;\n display: block;\n width: 100%;\n min-width: 200px;\n max-width: 530px;\n background: url(", ") no-repeat center center;\n background-size: cover;\n img {\n display: none;\n }\n @media (max-width: 960px) {\n background: none;\n max-width: 100%;\n order: 1 !important;\n img {\n display: block;\n width: 100%;\n }\n }\n }\n h6 {\n max-width: 100%;\n margin: 0 1rem 3rem;\n font-variation-settings: \"LXND\" 20;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n &:before {\n font-weight: normal;\n content: \"\u201C\";\n font-size: 9.6rem;\n position: absolute;\n top: -4.618rem;\n left: 1.618rem;\n color: black;\n }\n &:after {\n font-weight: normal;\n content: \"\u201D\";\n font-size: 9.6rem;\n position: absolute;\n bottom: -8.618rem;\n right: 1.618rem;\n color: black;\n }\n @media (max-width: 1220px) {\n max-width: 100%;\n left: 0;\n left: 0;\n }\n @media (max-width: 640px) {\n display: block;\n background: none !important;\n padding: 0 !important;\n .image {\n max-width: 100%;\n }\n }\n }\n"]);
|
||||
|
||||
_templateObject11 = function _templateObject11() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject10() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: ", ";\n "]);
|
||||
|
||||
_templateObject10 = function _templateObject10() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject9() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n padding: 1rem;\n max-width: 1440px;\n margin: 0 auto;\n ", "\n h1 {\n font-size: 7.2vw;\n line-height: 1.1;\n margin: 14vh 3.618vw 3.618rem;\n font-weight: normal;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n width: 100%;\n font-size: 10vw;\n line-height: 1.2;\n margin-left: 0;\n margin-right: 0;\n }\n }\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: normal;\n max-width: 60%;\n margin: 1rem auto 0.618rem;\n line-height: 1.5;\n }\n h2 {\n font-size: 3.2rem;\n line-height: 1.3;\n text-align: center;\n @media (max-width: 960px) {\n max-width: 100%;\n text-align: left;\n font-size: 3.2rem;\n }\n }\n h3 {\n margin-top: 7rem;\n font-size: 2.1rem;\n @media (max-width: 960px) {\n font-size: 1.8rem;\n max-width: 100%;\n }\n }\n h5 {\n margin-bottom: -3.618rem;\n margin-top: 3rem;\n font-size: 1.4rem;\n strong {\n color: red;\n font-weight: normal;\n }\n @media (max-width: 960px) {\n max-width: 100%;\n font-size: 0.918rem;\n margin-bottom: -6rem;\n }\n }\n h6 {\n max-width: 30%;\n margin: 0 auto;\n font-variation-settings: \"LXND\" 20;\n @media (max-width: 960px) {\n max-width: 88%;\n }\n a {\n font-variation-settings: \"LXND\" 80;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-decoration: none;\n &:before {\n content: \"\u2301\";\n margin: 0 0.192rem;\n font-size: 140%;\n }\n }\n }\n\n p {\n font-variation-settings: \"LXND\" 10;\n color: rgba(0, 0, 0, 0.76);\n line-height: 1.6;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 2rem auto;\n }\n img {\n display: block;\n max-width: 500px;\n }\n a {\n color: red;\n }\n ul,\n ol {\n max-width: 720px;\n margin: 1.618rem auto;\n }\n"]);
|
||||
|
||||
_templateObject9 = function _templateObject9() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject8() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n -webkit-appearance: none;\n font-family: \"Lexend\", Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 2px;\n cursor: pointer;\n appearance: none;\n border: none;\n border-radius: 3px;\n padding: 0.618em 1em;\n transition: all 300ms ease-in;\n outline: none;\n min-width: 70px;\n background: ", ";\n color: ", ";\n @media (max-width: 1020px) {\n width: 100%;\n margin-top: 0.392rem;\n }\n"]);
|
||||
|
||||
_templateObject8 = function _templateObject8() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject7() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject7 = function _templateObject7() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject6() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 2.618rem auto;\n padding: 0 1rem;\n max-width: ", ";\n height: ", ";\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject6 = function _templateObject6() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject5() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n position: sticky;\n top: ", ";\n "]);
|
||||
|
||||
_templateObject5 = function _templateObject5() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject4() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n margin: 1rem auto;\n padding: 0 1rem;\n max-width: ", ";\n min-width: 400px;\n ", "\n @media (max-width: 960px) {\n /* max-width: 100%; */\n width: 100%;\n min-width: auto;\n position: static;\n }\n"]);
|
||||
|
||||
_templateObject4 = function _templateObject4() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject3() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex;\n flex-wrap: wrap;\n margin: ", ";\n align-items: ", ";\n justify-content: ", ";\n max-width: 1440px;\n"]);
|
||||
|
||||
_templateObject3 = function _templateObject3() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject2() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n background: red;\n color: white;\n padding: 1rem;\n text-align: center;\n margin: 0 auto -6.618rem;\n font-size: 0.818rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n strong {\n color: white;\n font-variation-settings: \"LXND\" 100;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 85%;\n padding: 0 0.292rem;\n }\n @media (max-width: 640px) {\n text-align: left;\n }\n"]);
|
||||
|
||||
_templateObject2 = function _templateObject2() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function _templateObject() {
|
||||
var data = Object(_babel_runtime_corejs2_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n"]);
|
||||
|
||||
_templateObject = function _templateObject() {
|
||||
return data;
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
|
||||
|
||||
var fadeIn = Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["keyframes"])(_templateObject());
|
||||
var Banner = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("h6")(_templateObject2());
|
||||
var Flex = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject3(), function (props) {
|
||||
return props.margin || "4rem auto";
|
||||
}, function (props) {
|
||||
return props.align || "flex-start";
|
||||
}, function (props) {
|
||||
return props.justify || "flex-start";
|
||||
});
|
||||
var Right = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject4(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject5(), props.top || "1rem");
|
||||
});
|
||||
var Left = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("main")(_templateObject6(), function (props) {
|
||||
return props.width || "720px";
|
||||
}, function (props) {
|
||||
return props.height || "auto";
|
||||
}, function (props) {
|
||||
return props.sticky && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject7(), props.top || "1rem");
|
||||
});
|
||||
var Button = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("button")(_templateObject8(), function (props) {
|
||||
return props.started ? "white" : "red";
|
||||
}, function (props) {
|
||||
return props.started ? "black" : "white";
|
||||
});
|
||||
var Section = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject9(), function (props) {
|
||||
return props.margin && Object(_emotion_core__WEBPACK_IMPORTED_MODULE_5__["css"])(_templateObject10(), props.margin);
|
||||
});
|
||||
var QuoteContainer = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("div")(_templateObject11(), function (props) {
|
||||
return props.background;
|
||||
});
|
||||
var Intro = Object(_emotion_styled__WEBPACK_IMPORTED_MODULE_4__["default"])("section")(_templateObject12(), fadeIn);
|
||||
var Quote = function Quote(_ref) {
|
||||
var source = _ref.source,
|
||||
children = _ref.children,
|
||||
background = _ref.background,
|
||||
props = Object(_babel_runtime_corejs2_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, ["source", "children", "background"]);
|
||||
|
||||
return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(QuoteContainer, Object(_babel_runtime_corejs2_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
||||
background: background
|
||||
}, props, {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 327
|
||||
},
|
||||
__self: this
|
||||
}), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("blockquote", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 328
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
className: "image",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 329
|
||||
},
|
||||
__self: this
|
||||
}, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img", {
|
||||
src: background,
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 330
|
||||
},
|
||||
__self: this
|
||||
})), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 332
|
||||
},
|
||||
__self: this
|
||||
}, children, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("h6", {
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
lineNumber: 334
|
||||
},
|
||||
__self: this
|
||||
}, "\u2014 ", source))));
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.c9e8a127326071c666f8.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
@ -204,6 +204,7 @@ function MDXContent(_ref2) {
|
||||
__self: this
|
||||
}, "some reading difficulty.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Flex"], {
|
||||
justify: "center",
|
||||
wrap: "wrap",
|
||||
mdxType: "Flex",
|
||||
__source: {
|
||||
fileName: _jsxFileName,
|
||||
@ -229,7 +230,7 @@ function MDXContent(_ref2) {
|
||||
__self: this
|
||||
}, "I read for a living \u2014 it\u2019s basically been exhausting. It\u2019s a relief to be able to read without stress, without my eyes getting tired.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Quote"], {
|
||||
source: "Travis, 16, High School Sophomore",
|
||||
background: "/static/images/travis.jpg",
|
||||
background: "/lexend/static/images/travis.jpg",
|
||||
title: "Photo by Thought Catalog (unsplash.com/@thoughtcatalog)",
|
||||
mdxType: "Quote",
|
||||
__source: {
|
||||
@ -246,7 +247,7 @@ function MDXContent(_ref2) {
|
||||
}, "Recently, I started using LEXEND to study my Spanish vocabulary list and raised my Spanish grade from a D to a B in just a few weeks.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__["mdx"])(_components__WEBPACK_IMPORTED_MODULE_6__["Quote"], {
|
||||
source: "Mrs. C, 1st Grade Teacher, California",
|
||||
width: "820px",
|
||||
background: "/static/images/c.jpg",
|
||||
background: "/lexend/static/images/c.jpg",
|
||||
title: "Photo by Emmanuel Phaeton (unsplash.com/@phaeton_vision)",
|
||||
mdxType: "Quote",
|
||||
__source: {
|
||||
@ -1081,4 +1082,4 @@ MDXContent.isMDXComponent = true;
|
||||
/***/ })
|
||||
|
||||
})
|
||||
//# sourceMappingURL=index.js.f275cb28572add94b754.hot-update.js.map
|
||||
//# sourceMappingURL=index.js.e35786399f8f87781b69.hot-update.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user