component---src-pages-index-js-b8e9cd30c26862d8048b.js.map

{"version":3,"sources":["webpack:///./src/components/header.module.css","webpack:///./src/components/patchwork.module.css","webpack:///./src/assets/IBMPlexSans-Thin.woff2","webpack:///./src/components/navigator.module.css","webpack:///./src/components/block.js","webpack:///./src/components/navigator.js","webpack:///./src/components/header.js","webpack:///./src/components/title-layout.js","webpack:///./src/components/title.js","webpack:///./src/pages/index.js","webpack:///./src/components/colors.js","webpack:///./src/components/title.module.css","webpack:///./src/components/block.module.css"],"names":["module","exports","SmallBlock","props","handleScroll","bind","componentDidMount","window","addEventListener","this","scrollAction","componentWillUnmount","removeEventListener","render","textDecoration","page","localeCompare","children","undefined","to","className","style","blockLink","backgroundColor","color","paddingTop","React","Component","Navigator","collapseWithScroll","state","rootFontSize","parseFloat","getComputedStyle","document","body","getPropertyValue","topDistance","pageYOffset","documentElement","scrollTop","setState","toString","navigator","COLORS","main","c1","c2","c3","Header","header","navigatorWrapper","TitleLayout","patchwork","patchworkFlex","Title","titleHolder","title","subtitle","Home","white","accent"],"mappings":"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","file":"component---src-pages-index-js-b8e9cd30c26862d8048b.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\"};","module.exports = __webpack_public_path__ + \"static/IBMPlexSans-Thin-42f0ea92b31ed0b62987a1a4ad7231ca.woff2\";","// 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\nexport default class TitleLayout extends React.Component {\n  render() {\n    return (\n      <div className={style.patchwork}>\n        <Header page={this.props.page}/>\n        <div className={style.patchworkFlex}>\n          {this.props.children}\n        </div>\n      </div>\n    )\n  }\n}","import React from \"react\"\n\nimport style from \"./title.module.css\"\n\nexport default class Title extends React.Component {\n  render() {\n    return (\n      <div className={style.titleHolder}>\n        <div className={style.title}>\n          patchwork\n        </div>\n        <p className={style.subtitle}>\n          a show & tell by tntokum\n        </p>\n      </div>\n    )\n  }\n}","import React from \"react\"\n\nimport TitleLayout from \"../components/title-layout\"\n\nimport \"../assets/IBMPlexSans-Thin.woff2\"\nimport Title from \"../components/title.js\"\n\nclass Home extends React.Component {\n  render() {\n    return (\n      <TitleLayout page='home'>\n        <Title/>\n      </TitleLayout>\n    )\n  }\n}\n\nexport default Home\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 = {\"titleHolder\":\"title-module--title-holder--1nNGw\",\"title\":\"title-module--title--2k7Uw\",\"subtitle\":\"title-module--subtitle--3gS-J\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"blockLink\":\"block-module--block-link--1V1Ua\",\"blockText\":\"block-module--block-text--31lIo\"};"],"sourceRoot":""}