component---src-pages-contact-js-2168ce174b2d89a9e333.js.map

{"version":3,"sources":["webpack:///./src/components/header.module.css","webpack:///./src/components/patchwork.module.css","webpack:///./src/components/wideblock.module.css","webpack:///./src/pages/contact.js","webpack:///./src/components/navigator.module.css","webpack:///./src/components/block.js","webpack:///./src/components/wideblock.js","webpack:///./src/components/navigator.js","webpack:///./src/components/header.js","webpack:///./src/components/patchwork.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","color","COLORS","c2","React","Component","SmallBlock","props","handleScroll","bind","componentDidMount","window","addEventListener","this","scrollAction","console","log","componentWillUnmount","removeEventListener","to","className","style","blockLink","block","backgroundColor","paddingTop","children","WideBlock","wideblockLink","wideblock","Navigator","collapseWithScroll","state","rootFontSize","parseFloat","getComputedStyle","document","body","getPropertyValue","topDistance","pageYOffset","documentElement","scrollTop","setState","toString","localeCompare","navigator","main","c1","c3","Header","header","navigatorWrapper","page","Patchwork","stylePatchwork","patchwork","siteTitle","Content","content","accent"],"mappings":"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","file":"component---src-pages-contact-js-2168ce174b2d89a9e333.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 = {\"patchwork\":\"patchwork-module--patchwork--1bOJo\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wideblock\":\"wideblock-module--wideblock--2IQkC\",\"wideblockLink\":\"wideblock-module--wideblock-link--1F-tl\"};","import React from \"react\"\nimport COLORS from \"../components/colors\"\n\nimport Patchwork from \"../components/patchwork\"\nimport Content from \"../components/content\"\n\nclass Contact extends React.Component {\n  render() {\n    return (\n      <Patchwork>\n        <Content color={COLORS.c2}>\n          <h1>Contact</h1>\n          <p>Patchwork is a site created by Tyler Tokumoto.</p>\n        </Content>\n      </Patchwork>\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    return (\n      <Link to={this.props.to} className={style.blockLink}>\n        <div className={style.block} style={{backgroundColor: this.props.color, paddingTop: this.props.paddingTop}}>\n          {this.props.children}\n        </div>\n      </Link>\n    )\n  }\n}\n\nexport default SmallBlock","import React from 'react'\nimport { Link } from \"gatsby\"\n\nimport style from './wideblock.module.css'\n\nclass WideBlock extends React.Component {\n  render() {\n    return (\n      <Link to={this.props.to} className={style.wideblockLink}>\n        <div className={style.wideblock} style={{backgroundColor: this.props.color, paddingTop: this.props.paddingTop}}>\n          {this.props.children}\n        </div>\n      </Link>\n    )\n  }\n}\n\nexport default WideBlock","import React from \"react\"\nimport Block from \"./block\"\nimport WideBlock from './wideblock'\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: \"7.5rem\"}\n  }\n\n  collapseWithScroll() {\n    // let currentPadding = parseFloat(this.state.paddingTop)\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 <= 6.5) {\n      this.setState({paddingTop: (7.5 - topDistance).toString() + \"rem\"})\n      // console.log(this.state.paddingTop)\n    }\n\n    // else {\n    //   this.setState({paddingTop: \"1rem\"})\n    // }\n\n    else if (topDistance > 6.5 && this.state.paddingTop.localeCompare(\"1rem\")) {\n      this.setState({paddingTop: \"1rem\"})\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        <WideBlock color={COLORS.main} to=\"/\">patchwork</WideBlock>\n        <ul>\n          <li><Block color={COLORS.c1} to=\"/about/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>about</Block></li>\n          <li><Block color={COLORS.c2} to=\"/contact/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>contact</Block></li>\n          <li><Block 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 stylePatchwork from \"./patchwork.module.css\"\n\n// layout\nexport default class Patchwork extends React.Component {\n  render() {\n    return(\n      <div className={stylePatchwork.patchwork}>\n        <Header siteTitle=\"Patchwork\" page={this.props.page}></Header>\n        {this.props.children}\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} style={{backgroundColor: this.props.color}}>\n          {this.props.children}\n        </div>\n      </main>\n    )\n  }\n}","const COLORS = {\n    main: \"#031926\",\n    c1: \"#003D5B\",\n    c2: \"#30638E\",\n    c3: \"#00798C\",\n    accent: \"#32344D\"\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 = {\"block\":\"block-module--block--2A8l3\",\"blockLink\":\"block-module--block-link--1V1Ua\"};"],"sourceRoot":""}