component---src-pages-contact-js-3559f0b1a6c7550c5418.js.map

{"version":3,"sources":["webpack:///./src/components/header.module.css","webpack:///./src/components/patchwork.module.css","webpack:///./src/pages/contact.js","webpack:///./src/components/navigator.module.css","webpack:///./src/components/block.js","webpack:///./src/components/navigator.js","webpack:///./src/components/header.js","webpack:///./src/components/content-layout.js","webpack:///./src/components/content.js","webpack:///./src/components/colors.js","webpack:///./src/components/content.module.css","webpack:///./src/components/block.module.css"],"names":["module","exports","Contact","render","page","color","COLORS","c2","React","Component","SmallBlock","props","handleScroll","bind","componentDidMount","window","addEventListener","this","scrollAction","componentWillUnmount","removeEventListener","textDecoration","localeCompare","children","undefined","to","className","style","blockLink","backgroundColor","paddingTop","Navigator","collapseWithScroll","state","rootFontSize","parseFloat","getComputedStyle","document","body","getPropertyValue","topDistance","pageYOffset","documentElement","scrollTop","setState","toString","navigator","main","c1","c3","Header","header","navigatorWrapper","ContentLayout","patchwork","siteTitle","patchworkFlex","patchworkTopSpacerTitle","contentSeparator","patchworkBottomSpacer","Content","content","white","accent"],"mappings":"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","file":"component---src-pages-contact-js-3559f0b1a6c7550c5418.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"header-module--header--2Q3RK\",\"navigatorWrapper\":\"header-module--navigator-wrapper--2prub\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"patchworkFlex\":\"patchwork-module--patchwork-flex--2xknC\",\"patchworkTopSpacerTitle\":\"patchwork-module--patchwork-top-spacer-title--x8VbN\",\"patchworkBottomSpacer\":\"patchwork-module--patchwork-bottom-spacer--2jLY0\",\"contentSeparator\":\"patchwork-module--content-separator--1rUEi\"};","import React from \"react\"\nimport COLORS from \"../components/colors\"\n\nimport ContentLayout from \"../components/content-layout\"\nimport Content from \"../components/content\"\n\nclass Contact extends React.Component {\n  render() {\n    return (\n      <ContentLayout page='contact' color={COLORS.c2}>\n        <Content>\n          <h1>you'll never find me</h1>\n          <p></p>\n        </Content>\n      </ContentLayout>\n    )\n  }\n}\n\nexport default Contact","// extracted by mini-css-extract-plugin\nmodule.exports = {\"navigator\":\"navigator-module--navigator--26f47\"};","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport style from \"./block.module.css\"\n\nclass SmallBlock extends React.Component {\n  constructor(props) {\n    super(props)\n    this.handleScroll = this.handleScroll.bind(this)\n  }\n\n  componentDidMount() {\n    window.addEventListener('scroll', this.props.scrollAction)\n    // console.log('listening mounted')\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('scroll', this.props.scrollAction)\n    // console.log('listening unmounted')\n  }\n\n  handleScroll() {\n    this.props.scrollAction()\n  }\n\n  render() {\n    const textDecoration = !this.props.page.localeCompare(this.props.children) ? 'underline' : undefined;\n\n    return (\n      <Link to={this.props.to} className={style.blockLink} style={{backgroundColor: this.props.color, paddingTop: this.props.paddingTop, textDecoration: textDecoration}}>\n        {/* <div className={style.blockText}> */}\n          {this.props.children}\n        {/* </div> */}\n      </Link>\n    )\n  }\n}\n\nexport default SmallBlock","import React from \"react\"\nimport Block from \"./block\"\nimport COLORS from \"./colors\"\n\nimport style from \"./navigator.module.css\"\n\nclass Navigator extends React.Component {\n  constructor(props) {\n    super(props)\n    this.collapseWithScroll = this.collapseWithScroll.bind(this)\n    this.state = {paddingTop: \"6rem\"}\n  }\n\n  collapseWithScroll() {\n    let rootFontSize = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'));\n    let topDistance = (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0) / rootFontSize\n\n    // console.log('currentPadding: ' + currentPadding.toString())\n    // console.log('rootFontSize: ' + rootFontSize.toString())\n    // console.log('topDistance: ' + topDistance.toString())\n    if (topDistance <= 5.5) {\n      this.setState({paddingTop: (6 - topDistance).toString() + \"rem\"})\n      // console.log(this.state.paddingTop)\n    }\n\n    else if (topDistance > 5.5 && this.state.paddingTop.localeCompare(\".5rem\")) {\n      this.setState({paddingTop: \".5rem\"})\n      // console.log(this.state.paddingTop)\n    }\n  }\n\n  render() {\n    const paddingTop = this.state.paddingTop;\n\n    return (\n      <nav className={style.navigator}>\n        <ul>\n          {this.props.page !== undefined && !this.props.page.localeCompare('home') ? undefined : <li><Block page={this.props.page} color={COLORS.main} to=\"/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>home</Block></li>}\n          <li><Block page={this.props.page} color={COLORS.c1} to=\"/about/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>about</Block></li>\n          <li><Block page={this.props.page} color={COLORS.c2} to=\"/contact/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>contact</Block></li>\n          <li><Block page={this.props.page} color={COLORS.c3} to=\"/blog/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>blog</Block></li>\n        </ul>\n      </nav>\n    )\n  }\n}\n\nexport default Navigator","import React from \"react\"\nimport Navigator from \"./navigator\"\n\n// const Header = ({ siteTitle }) => (\n//   <header\n//     style={{\n//       background: `rebeccapurple`,\n//       marginBottom: `1.45rem`,\n//     }}\n//   >\n//     <div\n//       style={{\n//         margin: `0 auto`,\n//         maxWidth: 960,\n//         padding: `1.45rem 1.0875rem`,\n//       }}\n//     >\n//       <h1 style={{ margin: 0 }}>\n//         <Link\n//           to=\"/\"\n//           style={{\n//             color: `white`,\n//             textDecoration: `none`,\n//           }}\n//         >\n//           {siteTitle}\n//         </Link>\n//       </h1>\n//     </div>\n//   </header>\n// )\n\n// Header.propTypes = {\n//   siteTitle: PropTypes.string,\n// }\n\n// Header.defaultProps = {\n//   siteTitle: ``,\n// }\n\nimport style from \"./header.module.css\"\n\nexport default class Header extends React.Component {\n  render() {\n    return(\n      <header className={style.header}>\n        <div className={style.navigatorWrapper}>\n          <Navigator page={this.props.page}/>\n        </div>\n      </header>\n    )\n  }\n}\n// export default Header\n","import React from \"react\"\n\nimport Header from \"./header\"\n\nimport style from \"./patchwork.module.css\"\n\n// layout\nexport default class ContentLayout extends React.Component {\n  render() {\n    return(\n      <div className={style.patchwork}>\n        <Header siteTitle=\"patchwork\" page={this.props.page}></Header>\n        <div className={style.patchworkFlex}>\n          <div className={style.patchworkTopSpacerTitle}>\n            {this.props.page}\n          </div>\n          <div className={style.contentSeparator} style={{backgroundColor: this.props.color}} />\n          {this.props.children}\n          <div className={style.patchworkBottomSpacer}></div>\n        </div>\n      </div>\n    )\n  }\n}","import React from \"react\"\n\nimport style from \"./content.module.css\"\n\nexport default class Content extends React.Component {\n  render() {\n    return (\n      <main className={style.main}>\n        <div className={style.content}>\n          {this.props.children}\n        </div>\n      </main>\n    )\n  }\n}","const COLORS = {\n    main: \"#FAF0E6\",\n    c1: \"#B2E0F3\",\n    c2: \"#FFC1C1\",\n    c3: \"#B4D09F\",\n    white: \"#ECE5E0\",\n    accent: \"#FF9C6B\"\n}\n\nexport default COLORS","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"content-module--main--Sg_Ql\",\"content\":\"content-module--content--3sEbK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"blockLink\":\"block-module--block-link--1V1Ua\",\"blockText\":\"block-module--block-text--31lIo\"};"],"sourceRoot":""}