{"version":3,"sources":["webpack:///component---src-layouts-index-js-bf3f29a5dc32cf3ea188.js","webpack:///./.cache/json/layout-index.json?2af0","webpack:///./.cache/layouts/index.js","webpack:///./src/components/footer.js","webpack:///./src/components/header.js","webpack:///./src/components/underConstruction.js","webpack:///./src/images/github.svg","webpack:///./src/images/twitter.svg","webpack:///./src/layouts/index.js"],"names":["webpackJsonp","107","module","exports","data","site","siteMetadata","websiteName","layoutContext","200","__webpack_require__","_interopRequireDefault","obj","__esModule","default","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","_react","_react2","_index","_index2","_layoutIndex","_layoutIndex2","props","createElement","203","_gatsbyLink","_gatsbyLink2","_styledComponents","_styledComponents2","Foot","styled","footer","withConfig","displayName","color","height","Paragraph","p","FLink","Link","Footer","_ref","className","to","204","_propTypes","_propTypes2","_github","_github2","_twitter","_twitter2","Sidebar","header","Lettering","div","Letter","NavLink","SocialMediaLogo","img","Header","lettering","Array","from","toUpperCase","map","char","index","href","title","src","githubLogo","alt","twitterLogo","propTypes","PropTypes","string","206","Bar","Text","span","UnderContruction","464","470","306","207","_taggedTemplateLiteralLoose","strings","raw","query","undefined","_templateObject","_templateObject2","_templateObject3","_reactHelmet","_reactHelmet2","_typography","_header","_header2","_underConstruction","_underConstruction2","_footer","_footer2","sidebarColor","sidebarWidth","sidebarMaxWidth","footerHeight","media","css","MainContent","main","Layout","children","meta","name","content","htmlAttributes","lang","func"],"mappings":"AAAAA,cAAc,eAAgB,iBAExBC,IACA,SAAUC,EAAQC,GCHxBD,EAAAC,SAAkBC,MAAQC,MAAQC,cAAgBC,YAAA,gBAA6BC,mBDSzEC,IACA,SAAUP,EAAQC,EAASO,GAEhC,YAkBA,SAASC,GAAuBC,GAAO,MAAOA,IAAOA,EAAIC,WAAaD,GAAQE,QAASF,GAhBvFT,EAAQU,YAAa,CAErB,IAAIE,GAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,GAAIC,GAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,GAAIG,GAASF,UAAUD,EAAI,KAAK,GAAII,KAAOD,GAAcN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,MAAOL,IEftPS,EAAAjB,EAAA,GFmBGkB,EAAUjB,EAAuBgB,GElBpCE,EAAAnB,EAAA,KFsBGoB,EAAUnB,EAAuBkB,GErBpCE,EAAArB,EAAA,KFyBGsB,EAAgBrB,EAAuBoB,EAI3C5B,GAAQW,QE3BQ,SAACmB,GAAD,MAAWL,GAAAd,QAAAoB,cAACJ,EAAAhB,QAADC,KAAekB,EAAW7B,aF+BrDF,EAAOC,QAAUA,EAAiB,SAI7BgC,IACA,SAAUjC,EAAQC,EAASO,GAEhC,YAgBA,SAASC,GAAuBC,GAAO,MAAOA,IAAOA,EAAIC,WAAaD,GAAQE,QAASF,GAdvFT,EAAQU,YAAa,CG7CtB,IAAAc,GAAAjB,EAAA,GHiDKkB,EAAUjB,EAAuBgB,GGhDtCS,EAAA1B,EAAA,IHoDK2B,EAAe1B,EAAuByB,GGnD3CE,EAAA5B,EAAA,IHuDK6B,EAAqB5B,EAAuB2B,GGrD3CE,EAAOC,UAAOC,OAAdC,YAAAC,YAAA,8IAMkB,SAAAX,GAAA,MAASA,GAAMY,OACzB,SAAAZ,GAAA,MAASA,GAAMa,SAKvBC,EAAWN,UAAOO,EAAlBL,YAAAC,YAAA,iDAIAK,GAAQ,EAAAV,EAAAzB,SAAOoC,WAAfP,YAAAC,YAAA,sCAIAO,EAAS,SAAAC,GAAA,GAAGC,GAAHD,EAAGC,UAAWR,EAAdO,EAAcP,MAAOC,EAArBM,EAAqBN,MAArB,OACXlB,GAAAd,QAAAoB,cAACM,GAAKa,UAAWA,EAAWR,MAAOA,EAAOC,OAAQA,GAC9ClB,EAAAd,QAAAoB,cAACa,EAAD,gDACAnB,EAAAd,QAAAoB,cAACa,EAAD,KAAWnB,EAAAd,QAAAoB,cAACe,GAAMK,GAAG,cAAV,cACX1B,EAAAd,QAAAoB,cAACa,EAAD,KAAWnB,EAAAd,QAAAoB,cAACe,GAAMK,GAAG,gBAAV,yBACX1B,EAAAd,QAAAoB,cAACa,EAAD,KAAWnB,EAAAd,QAAAoB,cAACe,GAAMK,GAAG,UAAV,WH0FlBnD,GAAQW,QGtFMqC,EHuFdjD,EAAOC,QAAUA,EAAiB,SAI7BoD,IACA,SAAUrD,EAAQC,EAASO,GAEhC,YA4BA,SAASC,GAAuBC,GAAO,MAAOA,IAAOA,EAAIC,WAAaD,GAAQE,QAASF,GA1BvFT,EAAQU,YAAa,CIjItB,IAAAc,GAAAjB,EAAA,GJqIKkB,EAAUjB,EAAuBgB,GIpItC6B,EAAA9C,EAAA,GJwIK+C,EAAc9C,EAAuB6C,GIvI1CpB,EAAA1B,EAAA,IJ2IK2B,EAAe1B,EAAuByB,GI1I3CE,EAAA5B,EAAA,IJ8IK6B,EAAqB5B,EAAuB2B,GI5IjDoB,EAAAhD,EAAA,KJgJKiD,EAAWhD,EAAuB+C,GI/IvCE,EAAAlD,EAAA,KJmJKmD,EAAYlD,EAAuBiD,GIjJlCE,EAAUrB,UAAOsB,OAAjBpB,YAAAC,YAAA,wGAMgB,SAAAX,GAAA,MAASA,GAAMY,QAG/BmB,EAAYvB,UAAOwB,IAAnBtB,YAAAC,YAAA,2EAKAsB,EAASzB,UAAOwB,IAAhBtB,YAAAC,YAAA,sDAKAuB,GAAU,EAAA5B,EAAAzB,SAAOoC,WAAjBP,YAAAC,YAAA,sDAKAwB,EAAkB3B,UAAO4B,IAAzB1B,YAAAC,YAAA,4DAKA0B,EAAS,SAAAlB,GAAA,GAAGC,GAAHD,EAAGC,UAAWkB,EAAdnB,EAAcmB,UAAW1B,EAAzBO,EAAyBP,KAAzB,OACbjB,GAAAd,QAAAoB,cAAC4B,GAAQT,UAAWA,EAAWR,MAAOA,GACpCjB,EAAAd,QAAAoB,cAAA,WACEN,EAAAd,QAAAoB,cAACiC,GAAQb,GAAG,KACV1B,EAAAd,QAAAoB,cAAC8B,EAAD,KACGQ,MAAMC,KAAKF,EAAUG,eAAeC,IAAI,SAACC,EAAMC,GAAP,MACvCjD,GAAAd,QAAAoB,cAACgC,GAAO3C,IAAKsD,GAAQD,OAK3BhD,EAAAd,QAAAoB,cAACiC,GAAQb,GAAG,SAAZ,QACA1B,EAAAd,QAAAoB,cAACiC,GAAQb,GAAG,UAAZ,SACA1B,EAAAd,QAAAoB,cAACiC,GAAQb,GAAG,UAAZ,aAGF1B,EAAAd,QAAAoB,cAAA,WACEN,EAAAd,QAAAoB,cAAA,KAAG4C,KAAK,gCAAgCC,MAAM,kBAC5CnD,EAAAd,QAAAoB,cAACkC,GAAgBY,IAAKC,UAAYC,IAAI,iBAExCtD,EAAAd,QAAAoB,cAAA,KAAG4C,KAAK,iCAAiCC,MAAM,mBAC7CnD,EAAAd,QAAAoB,cAACkC,GAAgBY,IAAKG,UAAaD,IAAI,oBAM/CZ,GAAOc,WACLb,UAAWc,UAAUC,QJgLtBnF,EAAQW,QI7KMwD,EJ8KdpE,EAAOC,QAAUA,EAAiB,SAI7BoF,IACA,SAAUrF,EAAQC,EAASO,GAEhC,YAYA,SAASC,GAAuBC,GAAO,MAAOA,IAAOA,EAAIC,WAAaD,GAAQE,QAASF,GAVvFT,EAAQU,YAAa,CK3PtB,IAAAc,GAAAjB,EAAA,GL+PKkB,EAAUjB,EAAuBgB,GK9PtCW,EAAA5B,EAAA,ILkQK6B,EAAqB5B,EAAuB2B,GKhQ3CkD,EAAM/C,UAAOwB,IAAbtB,YAAAC,YAAA,wMASA6C,EAAOhD,UAAOiD,KAAd/C,YAAAC,YAAA,2JAUA+C,EAAmB,iBACrB/D,GAAAd,QAAAoB,cAACsD,EAAD,KACI5D,EAAAd,QAAAoB,cAACuD,EAAD,4BLmQPtF,GAAQW,QK/PM6E,ELgQdzF,EAAOC,QAAUA,EAAiB,SAI7ByF,IACA,SAAU1F,EAAQC,GMjSxBD,EAAAC,QAAA,0uCNuSM0F,IACA,SAAU3F,EAAQC,GOxSxBD,EAAAC,QAAA,kpCP8SM2F,IACA,SAAU5F,EAAQC,KAMlB4F,IACA,SAAU7F,EAAQC,EAASO,GAEhC,YA2CA,SAASC,GAAuBC,GAAO,MAAOA,IAAOA,EAAIC,WAAaD,GAAQE,QAASF,GAEvF,QAASoF,GAA4BC,EAASC,GAA0B,MAAnBD,GAAQC,IAAMA,EAAYD,EA3C/E9F,EAAQU,YAAa,EACrBV,EAAQgG,MAAQC,MAEhB,IAAIC,GAAkBL,GAA6B,gBAAiB,uBAAwB,WAAY,gBAAiB,uBAAwB,WAC7IM,EAAmBN,GAA6B,sBAAuB,YAAa,sBAAuB,YAC3GO,EAAmBP,GAA6B,eAAgB,YAAa,eAAgB,YQ/TlGrE,EAAAjB,EAAA,GRmUKkB,EAAUjB,EAAuBgB,GQlUtC6B,EAAA9C,EAAA,GRsUK+C,EAAc9C,EAAuB6C,GQrU1CgD,EAAA9F,EAAA,IRyUK+F,EAAgB9F,EAAuB6F,GQxU5ClE,EAAA5B,EAAA,IR4UK6B,EAAqB5B,EAAuB2B,GQ3UjDoE,EAAAhG,EAAA,KAEAiG,GR6UoBhG,EAAuB+F,GQ7U3ChG,EAAA,MRiVKkG,EAAWjG,EAAuBgG,GQhVvCE,EAAAnG,EAAA,KRoVKoG,EAAsBnG,EAAuBkG,GQnVlDE,EAAArG,EAAA,KRuVKsG,EAAWrG,EAAuBoG,EQtVvCrG,GAAA,IAEA,IAAMuG,GAAe,UACfC,EAAe,GACfC,EAAkB,IAClBC,EAAe,IAEfC,EAAQ,oBAAaC,QAAb,iCACS,IAAMJ,EAAeC,EACtCG,gCAIAxD,GAAU,EAAAvB,EAAAzB,SAAOwD,WAAjB3B,YAAAC,YAAA,uDACKsE,EAEPG,EAHEhB,EAIOc,EACIA,EAAkBD,EAAe,IAI5CK,EAAc9E,UAAO+E,KAArB7E,YAAAC,YAAA,mIACWsE,EAGEE,EAEfC,EANEf,EAOaa,IAIb3E,GAAO,EAAAD,EAAAzB,SAAOqC,WAAdR,YAAAC,YAAA,qCACIsE,EAENG,EAHEd,EAIMY,IAINM,EAAS,SAAArE,GAAA,GAAGsE,GAAHtE,EAAGsE,SAAUtH,EAAbgD,EAAahD,IAAb,OACbwB,GAAAd,QAAAoB,cAAA,WACEN,EAAAd,QAAAoB,cAACuE,EAAA3F,SACC6G,OACIC,KAAM,cAAeC,sBAAuBzH,EAAKC,KAAKC,aAAaC,cACnEqH,KAAM,SAAUC,QAAS,6BAE7BC,gBAAiBC,KAAQ,QAE3BnG,EAAAd,QAAAoB,cAAC4B,GAAQS,UAAWnE,EAAKC,KAAKC,aAAaC,YAAasC,MAAOoE,IAC/DrF,EAAAd,QAAAoB,cAACqF,EAAD,KACE3F,EAAAd,QAAAoB,cAAC4E,EAAAhG,QAAD,MACC4G,KAEH9F,EAAAd,QAAAoB,cAACM,GAAKK,MAAOoE,EAAcnE,OAAQsE,KAIvCK,GAAOrC,WACLsC,SAAUrC,UAAU2C,MRgVrB7H,EAAQW,QQ7UM2G,CAEFtB","file":"component---src-layouts-index-js-bf3f29a5dc32cf3ea188.js","sourcesContent":["webpackJsonp([114276838955818,60335399758886],{\n\n/***/ 107:\n/***/ (function(module, exports) {\n\n\tmodule.exports = {\"data\":{\"site\":{\"siteMetadata\":{\"websiteName\":\"Birkenstab\"}}},\"layoutContext\":{}}\n\n/***/ }),\n\n/***/ 200:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t\"use strict\";\n\t\n\texports.__esModule = true;\n\t\n\tvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\t\n\tvar _react = __webpack_require__(2);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _index = __webpack_require__(207);\n\t\n\tvar _index2 = _interopRequireDefault(_index);\n\t\n\tvar _layoutIndex = __webpack_require__(107);\n\t\n\tvar _layoutIndex2 = _interopRequireDefault(_layoutIndex);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\texports.default = function (props) {\n\t  return _react2.default.createElement(_index2.default, _extends({}, props, _layoutIndex2.default));\n\t};\n\t\n\tmodule.exports = exports[\"default\"];\n\n/***/ }),\n\n/***/ 203:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\t\n\tvar _react = __webpack_require__(2);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _gatsbyLink = __webpack_require__(49);\n\t\n\tvar _gatsbyLink2 = _interopRequireDefault(_gatsbyLink);\n\t\n\tvar _styledComponents = __webpack_require__(21);\n\t\n\tvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tvar Foot = _styledComponents2.default.footer.withConfig({\n\t    displayName: 'footer__Foot'\n\t})(['position:fixed;bottom:0;right:0;z-index:-1;padding:20px;background-color:', ';height:', 'px;color:#dddddd;columns:2 300px;'], function (props) {\n\t    return props.color;\n\t}, function (props) {\n\t    return props.height;\n\t});\n\t\n\tvar Paragraph = _styledComponents2.default.p.withConfig({\n\t    displayName: 'footer__Paragraph'\n\t})(['margin-bottom:0.8rem;']);\n\t\n\tvar FLink = (0, _styledComponents2.default)(_gatsbyLink2.default).withConfig({\n\t    displayName: 'footer__FLink'\n\t})(['color:#dddddd;']);\n\t\n\tvar Footer = function Footer(_ref) {\n\t    var className = _ref.className,\n\t        color = _ref.color,\n\t        height = _ref.height;\n\t    return _react2.default.createElement(\n\t        Foot,\n\t        { className: className, color: color, height: height },\n\t        _react2.default.createElement(\n\t            Paragraph,\n\t            null,\n\t            'Copyright 2018 Moritz Beck (Birkenstab)'\n\t        ),\n\t        _react2.default.createElement(\n\t            Paragraph,\n\t            null,\n\t            _react2.default.createElement(\n\t                FLink,\n\t                { to: '/impressum' },\n\t                'Impressum'\n\t            )\n\t        ),\n\t        _react2.default.createElement(\n\t            Paragraph,\n\t            null,\n\t            _react2.default.createElement(\n\t                FLink,\n\t                { to: '/datenschutz' },\n\t                'Datenschutzerkl\\xE4rung'\n\t            )\n\t        ),\n\t        _react2.default.createElement(\n\t            Paragraph,\n\t            null,\n\t            _react2.default.createElement(\n\t                FLink,\n\t                { to: '/links' },\n\t                'Links'\n\t            )\n\t        )\n\t    );\n\t};\n\t\n\texports.default = Footer;\n\tmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ 204:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\t\n\tvar _react = __webpack_require__(2);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _propTypes = __webpack_require__(6);\n\t\n\tvar _propTypes2 = _interopRequireDefault(_propTypes);\n\t\n\tvar _gatsbyLink = __webpack_require__(49);\n\t\n\tvar _gatsbyLink2 = _interopRequireDefault(_gatsbyLink);\n\t\n\tvar _styledComponents = __webpack_require__(21);\n\t\n\tvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\t\n\tvar _github = __webpack_require__(464);\n\t\n\tvar _github2 = _interopRequireDefault(_github);\n\t\n\tvar _twitter = __webpack_require__(470);\n\t\n\tvar _twitter2 = _interopRequireDefault(_twitter);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tvar Sidebar = _styledComponents2.default.header.withConfig({\n\t  displayName: 'header__Sidebar'\n\t})(['position:fixed;top:0;left:0;height:100%;text-align:center;background-color:', ';'], function (props) {\n\t  return props.color;\n\t});\n\t\n\tvar Lettering = _styledComponents2.default.div.withConfig({\n\t  displayName: 'header__Lettering'\n\t})(['border-bottom:solid 0.02em;margin-bottom:0.5em;']);\n\t\n\tvar Letter = _styledComponents2.default.div.withConfig({\n\t  displayName: 'header__Letter'\n\t})(['display:inline;color:#dddddd;']);\n\t\n\tvar NavLink = (0, _styledComponents2.default)(_gatsbyLink2.default).withConfig({\n\t  displayName: 'header__NavLink'\n\t})(['color:#dddddd;display:block;']);\n\t\n\tvar SocialMediaLogo = _styledComponents2.default.img.withConfig({\n\t  displayName: 'header__SocialMediaLogo'\n\t})(['height:0.7em;margin:0.7em;']);\n\t\n\tvar Header = function Header(_ref) {\n\t  var className = _ref.className,\n\t      lettering = _ref.lettering,\n\t      color = _ref.color;\n\t  return _react2.default.createElement(\n\t    Sidebar,\n\t    { className: className, color: color },\n\t    _react2.default.createElement(\n\t      'nav',\n\t      null,\n\t      _react2.default.createElement(\n\t        NavLink,\n\t        { to: '/' },\n\t        _react2.default.createElement(\n\t          Lettering,\n\t          null,\n\t          Array.from(lettering.toUpperCase()).map(function (char, index) {\n\t            return _react2.default.createElement(\n\t              Letter,\n\t              { key: index },\n\t              char\n\t            );\n\t          })\n\t        )\n\t      ),\n\t      _react2.default.createElement(\n\t        NavLink,\n\t        { to: '/blog' },\n\t        'Blog'\n\t      ),\n\t      _react2.default.createElement(\n\t        NavLink,\n\t        { to: '/stuff' },\n\t        'Stuff'\n\t      ),\n\t      _react2.default.createElement(\n\t        NavLink,\n\t        { to: '/about' },\n\t        'About me'\n\t      )\n\t    ),\n\t    _react2.default.createElement(\n\t      'div',\n\t      null,\n\t      _react2.default.createElement(\n\t        'a',\n\t        { href: 'https://github.com/birkenstab', title: 'Github profile' },\n\t        _react2.default.createElement(SocialMediaLogo, { src: _github2.default, alt: 'Github Logo' })\n\t      ),\n\t      _react2.default.createElement(\n\t        'a',\n\t        { href: 'https://twitter.com/birkenstab', title: 'Twitter profile' },\n\t        _react2.default.createElement(SocialMediaLogo, { src: _twitter2.default, alt: 'Twitter Logo' })\n\t      )\n\t    )\n\t  );\n\t};\n\t\n\tHeader.propTypes = {\n\t  lettering: _propTypes2.default.string\n\t};\n\t\n\texports.default = Header;\n\tmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ 206:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\t\n\tvar _react = __webpack_require__(2);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _styledComponents = __webpack_require__(21);\n\t\n\tvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tvar Bar = _styledComponents2.default.div.withConfig({\n\t    displayName: 'underConstruction__Bar'\n\t})(['width:100%;height:50px;line-height:50px;text-align:center;background:repeating-linear-gradient(135deg,yellow 0px,yellow 20px,black 20px,black 40px);border-radius:10px;']);\n\t\n\tvar Text = _styledComponents2.default.span.withConfig({\n\t    displayName: 'underConstruction__Text'\n\t})(['display:inline-block;font-size:2rem;color:yellow;height:100%;background-color:black;padding-left:10px;padding-right:10px;']);\n\t\n\tvar UnderContruction = function UnderContruction() {\n\t    return _react2.default.createElement(\n\t        Bar,\n\t        null,\n\t        _react2.default.createElement(\n\t            Text,\n\t            null,\n\t            'Under Construction'\n\t        )\n\t    );\n\t};\n\t\n\texports.default = UnderContruction;\n\tmodule.exports = exports['default'];\n\n/***/ }),\n\n/***/ 464:\n/***/ (function(module, exports) {\n\n\tmodule.exports = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InNpbXBsZWljb25zLWdpdGh1Yi1pY29uIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGUgaWQ9InNpbXBsZWljb25zLWdpdGh1Yi1pY29uIj5HaXRIdWIgaWNvbjwvdGl0bGU+PHBhdGggc3R5bGU9ImZpbGw6ICNlZWVlZWUiIGQ9Ik0xMiAuMjk3Yy02LjYzIDAtMTIgNS4zNzMtMTIgMTIgMCA1LjMwMyAzLjQzOCA5LjggOC4yMDUgMTEuMzg1LjYuMTEzLjgyLS4yNTguODItLjU3NyAwLS4yODUtLjAxLTEuMDQtLjAxNS0yLjA0LTMuMzM4LjcyNC00LjA0Mi0xLjYxLTQuMDQyLTEuNjFDNC40MjIgMTguMDcgMy42MzMgMTcuNyAzLjYzMyAxNy43Yy0xLjA4Ny0uNzQ0LjA4NC0uNzI5LjA4NC0uNzI5IDEuMjA1LjA4NCAxLjgzOCAxLjIzNiAxLjgzOCAxLjIzNiAxLjA3IDEuODM1IDIuODA5IDEuMzA1IDMuNDk1Ljk5OC4xMDgtLjc3Ni40MTctMS4zMDUuNzYtMS42MDUtMi42NjUtLjMtNS40NjYtMS4zMzItNS40NjYtNS45MyAwLTEuMzEuNDY1LTIuMzggMS4yMzUtMy4yMi0uMTM1LS4zMDMtLjU0LTEuNTIzLjEwNS0zLjE3NiAwIDAgMS4wMDUtLjMyMiAzLjMgMS4yMy45Ni0uMjY3IDEuOTgtLjM5OSAzLS40MDUgMS4wMi4wMDYgMi4wNC4xMzggMyAuNDA1IDIuMjgtMS41NTIgMy4yODUtMS4yMyAzLjI4NS0xLjIzLjY0NSAxLjY1My4yNCAyLjg3My4xMiAzLjE3Ni43NjUuODQgMS4yMyAxLjkxIDEuMjMgMy4yMiAwIDQuNjEtMi44MDUgNS42MjUtNS40NzUgNS45Mi40Mi4zNi44MSAxLjA5Ni44MSAyLjIyIDAgMS42MDYtLjAxNSAyLjg5Ni0uMDE1IDMuMjg2IDAgLjMxNS4yMS42OS44MjUuNTdDMjAuNTY1IDIyLjA5MiAyNCAxNy41OTIgMjQgMTIuMjk3YzAtNi42MjctNS4zNzMtMTItMTItMTIiLz48L3N2Zz4K\"\n\n/***/ }),\n\n/***/ 470:\n/***/ (function(module, exports) {\n\n\tmodule.exports = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InNpbXBsZWljb25zLXR3aXR0ZXItaWNvbiIgcm9sZT0iaW1nIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlIGlkPSJzaW1wbGVpY29ucy10d2l0dGVyLWljb24iPlR3aXR0ZXIgaWNvbjwvdGl0bGU+PHBhdGggc3R5bGU9ImZpbGw6ICNlZWVlZWUiIGQ9Ik0yMy45NTQgNC41NjljLS44ODUuMzg5LTEuODMuNjU0LTIuODI1Ljc3NSAxLjAxNC0uNjExIDEuNzk0LTEuNTc0IDIuMTYzLTIuNzIzLS45NTEuNTU1LTIuMDA1Ljk1OS0zLjEyNyAxLjE4NC0uODk2LS45NTktMi4xNzMtMS41NTktMy41OTEtMS41NTktMi43MTcgMC00LjkyIDIuMjAzLTQuOTIgNC45MTcgMCAuMzkuMDQ1Ljc2NS4xMjcgMS4xMjRDNy42OTEgOC4wOTQgNC4wNjYgNi4xMyAxLjY0IDMuMTYxYy0uNDI3LjcyMi0uNjY2IDEuNTYxLS42NjYgMi40NzUgMCAxLjcxLjg3IDMuMjEzIDIuMTg4IDQuMDk2LS44MDctLjAyNi0xLjU2Ni0uMjQ4LTIuMjI4LS42MTZ2LjA2MWMwIDIuMzg1IDEuNjkzIDQuMzc0IDMuOTQ2IDQuODI3LS40MTMuMTExLS44NDkuMTcxLTEuMjk2LjE3MS0uMzE0IDAtLjYxNS0uMDMtLjkxNi0uMDg2LjYzMSAxLjk1MyAyLjQ0NSAzLjM3NyA0LjYwNCAzLjQxNy0xLjY4IDEuMzE5LTMuODA5IDIuMTA1LTYuMTAyIDIuMTA1LS4zOSAwLS43NzktLjAyMy0xLjE3LS4wNjcgMi4xODkgMS4zOTQgNC43NjggMi4yMDkgNy41NTcgMi4yMDkgOS4wNTQgMCAxMy45OTktNy40OTYgMTMuOTk5LTEzLjk4NiAwLS4yMDkgMC0uNDItLjAxNS0uNjMuOTYxLS42ODkgMS44LTEuNTYgMi40Ni0yLjU0OGwtLjA0Ny0uMDJ6Ii8+PC9zdmc+Cg==\"\n\n/***/ }),\n\n/***/ 306:\n/***/ (function(module, exports) {\n\n\t// removed by extract-text-webpack-plugin\n\n/***/ }),\n\n/***/ 207:\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\texports.__esModule = true;\n\texports.query = undefined;\n\t\n\tvar _templateObject = _taggedTemplateLiteralLoose(['\\n    width: ', 'px;\\n    font-size: ', 'px\\n  '], ['\\n    width: ', 'px;\\n    font-size: ', 'px\\n  ']),\n\t    _templateObject2 = _taggedTemplateLiteralLoose(['\\n    margin-left: ', 'px;\\n  '], ['\\n    margin-left: ', 'px;\\n  ']),\n\t    _templateObject3 = _taggedTemplateLiteralLoose(['\\n    left: ', 'px;\\n  '], ['\\n    left: ', 'px;\\n  ']);\n\t\n\tvar _react = __webpack_require__(2);\n\t\n\tvar _react2 = _interopRequireDefault(_react);\n\t\n\tvar _propTypes = __webpack_require__(6);\n\t\n\tvar _propTypes2 = _interopRequireDefault(_propTypes);\n\t\n\tvar _reactHelmet = __webpack_require__(26);\n\t\n\tvar _reactHelmet2 = _interopRequireDefault(_reactHelmet);\n\t\n\tvar _styledComponents = __webpack_require__(21);\n\t\n\tvar _styledComponents2 = _interopRequireDefault(_styledComponents);\n\t\n\tvar _typography = __webpack_require__(195);\n\t\n\tvar _typography2 = _interopRequireDefault(_typography);\n\t\n\tvar _header = __webpack_require__(204);\n\t\n\tvar _header2 = _interopRequireDefault(_header);\n\t\n\tvar _underConstruction = __webpack_require__(206);\n\t\n\tvar _underConstruction2 = _interopRequireDefault(_underConstruction);\n\t\n\tvar _footer = __webpack_require__(203);\n\t\n\tvar _footer2 = _interopRequireDefault(_footer);\n\t\n\t__webpack_require__(306);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }\n\t\n\tvar sidebarColor = \"#0c95ff\";\n\tvar sidebarWidth = 20;\n\tvar sidebarMaxWidth = 360;\n\tvar footerHeight = 120;\n\t\n\tvar media = function media() {\n\t  return (0, _styledComponents.css)(['@media (min-width:', 'px){', '}'], 100 / sidebarWidth * sidebarMaxWidth, _styledComponents.css.apply(undefined, arguments));\n\t};\n\t\n\tvar Sidebar = (0, _styledComponents2.default)(_header2.default).withConfig({\n\t  displayName: 'layouts__Sidebar'\n\t})(['width:', 'vw;font-size:3vw;', ''], sidebarWidth, media(_templateObject, sidebarMaxWidth, sidebarMaxWidth / sidebarWidth * 3));\n\t\n\tvar MainContent = _styledComponents2.default.main.withConfig({\n\t  displayName: 'layouts__MainContent'\n\t})(['margin-left:', 'vw;padding:10px 20px;background-color:#ffffff;margin-bottom:', 'px;min-height:100vh;', ''], sidebarWidth, footerHeight, media(_templateObject2, sidebarMaxWidth));\n\t\n\tvar Foot = (0, _styledComponents2.default)(_footer2.default).withConfig({\n\t  displayName: 'layouts__Foot'\n\t})(['left:', 'vw;', ''], sidebarWidth, media(_templateObject3, sidebarMaxWidth));\n\t\n\tvar Layout = function Layout(_ref) {\n\t  var children = _ref.children,\n\t      data = _ref.data;\n\t  return _react2.default.createElement(\n\t    'div',\n\t    null,\n\t    _react2.default.createElement(_reactHelmet2.default, {\n\t      meta: [{ name: 'description', content: 'Website of ' + data.site.siteMetadata.websiteName }, { name: 'author', content: 'Moritz Beck (Birkenstab)' }],\n\t      htmlAttributes: { \"lang\": \"en\" }\n\t    }),\n\t    _react2.default.createElement(Sidebar, { lettering: data.site.siteMetadata.websiteName, color: sidebarColor }),\n\t    _react2.default.createElement(\n\t      MainContent,\n\t      null,\n\t      _react2.default.createElement(_underConstruction2.default, null),\n\t      children()\n\t    ),\n\t    _react2.default.createElement(Foot, { color: sidebarColor, height: footerHeight })\n\t  );\n\t};\n\t\n\tLayout.propTypes = {\n\t  children: _propTypes2.default.func\n\t};\n\t\n\texports.default = Layout;\n\tvar query = exports.query = '** extracted graphql fragment **';\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// component---src-layouts-index-js-bf3f29a5dc32cf3ea188.js","module.exports = {\"data\":{\"site\":{\"siteMetadata\":{\"websiteName\":\"Birkenstab\"}}},\"layoutContext\":{}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/json-loader!./.cache/json/layout-index.json\n// module id = 107\n// module chunks = 60335399758886 114276838955818","\n  import React from \"react\"\n  import Component from \"/Users/moritz/Documents/Dev/Web/birkenstab-website/src/layouts/index.js\"\n  import data from \"/Users/moritz/Documents/Dev/Web/birkenstab-website/.cache/json/layout-index.json\"\n\n  export default (props) => <Component {...props} {...data} />\n  \n\n\n// WEBPACK FOOTER //\n// ./.cache/layouts/index.js","import React from 'react'\nimport Link from 'gatsby-link'\nimport styled from 'styled-components'\n\nconst Foot = styled.footer`\n    position: fixed;\n    bottom: 0;\n    right: 0;\n    z-index: -1;\n    padding: 20px;\n    background-color: ${props => props.color};\n    height: ${props => props.height}px;\n    color: #dddddd;\n    columns: 2 300px;\n`\n\nconst Paragraph= styled.p`\n    margin-bottom: 0.8rem;\n`\n\nconst FLink = styled(Link)`\n    color: #dddddd;\n`\n\nconst Footer = ({ className, color, height }) => (\n    <Foot className={className} color={color} height={height}>\n        <Paragraph>Copyright 2018 Moritz Beck (Birkenstab)</Paragraph>\n        <Paragraph><FLink to=\"/impressum\">Impressum</FLink></Paragraph>\n        <Paragraph><FLink to=\"/datenschutz\">Datenschutzerklärung</FLink></Paragraph>\n        <Paragraph><FLink to=\"/links\">Links</FLink></Paragraph>\n    </Foot>\n)\n\nexport default Footer\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/footer.js","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Link from 'gatsby-link'\nimport styled, { css } from 'styled-components'\n\nimport githubLogo from '../images/github.svg'\nimport twitterLogo from '../images/twitter.svg'\n\nconst Sidebar = styled.header`\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  text-align: center;\n  background-color: ${props => props.color};\n`\n\nconst Lettering = styled.div`\n  border-bottom: solid 0.02em;\n  margin-bottom: 0.5em;\n`\n\nconst Letter = styled.div`\n  display: inline;\n  color: #dddddd;\n`\n\nconst NavLink = styled(Link)`\n  color: #dddddd;\n  display: block;\n`\n\nconst SocialMediaLogo = styled.img`\n  height: 0.7em;\n  margin: 0.7em;\n`\n\nconst Header = ({ className, lettering, color }) => (\n  <Sidebar className={className} color={color}>\n    <nav>\n      <NavLink to=\"/\" >\n        <Lettering>\n          {Array.from(lettering.toUpperCase()).map((char, index) => (\n            <Letter key={index}>{char}</Letter>\n          ))\n          }\n        </Lettering>\n      </NavLink>\n      <NavLink to=\"/blog\">Blog</NavLink>\n      <NavLink to=\"/stuff\">Stuff</NavLink>\n      <NavLink to=\"/about\">About me</NavLink>\n    </nav>\n\n    <div>\n      <a href=\"https://github.com/birkenstab\" title=\"Github profile\">\n        <SocialMediaLogo src={githubLogo} alt=\"Github Logo\" />\n      </a>\n      <a href=\"https://twitter.com/birkenstab\" title=\"Twitter profile\">\n        <SocialMediaLogo src={twitterLogo} alt=\"Twitter Logo\" />\n      </a>\n    </div>\n  </Sidebar>\n)\n\nHeader.propTypes = {\n  lettering: PropTypes.string,\n}\n\nexport default Header\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/header.js","import React from 'react'\nimport styled from 'styled-components'\n\nconst Bar = styled.div`\n    width: 100%;\n    height: 50px;\n    line-height: 50px;\n    text-align: center;\n    background: repeating-linear-gradient(135deg, yellow 0px, yellow 20px, black 20px, black 40px);\n    border-radius: 10px;\n`\n\nconst Text = styled.span`\n    display: inline-block;\n    font-size: 2rem;\n    color: yellow;\n    height: 100%;\n    background-color: black;\n    padding-left: 10px;\n    padding-right: 10px;\n`\n\nconst UnderContruction = () => (\n    <Bar>\n        <Text>Under Construction</Text>\n    </Bar>\n)\n\nexport default UnderContruction\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/underConstruction.js","module.exports = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InNpbXBsZWljb25zLWdpdGh1Yi1pY29uIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGUgaWQ9InNpbXBsZWljb25zLWdpdGh1Yi1pY29uIj5HaXRIdWIgaWNvbjwvdGl0bGU+PHBhdGggc3R5bGU9ImZpbGw6ICNlZWVlZWUiIGQ9Ik0xMiAuMjk3Yy02LjYzIDAtMTIgNS4zNzMtMTIgMTIgMCA1LjMwMyAzLjQzOCA5LjggOC4yMDUgMTEuMzg1LjYuMTEzLjgyLS4yNTguODItLjU3NyAwLS4yODUtLjAxLTEuMDQtLjAxNS0yLjA0LTMuMzM4LjcyNC00LjA0Mi0xLjYxLTQuMDQyLTEuNjFDNC40MjIgMTguMDcgMy42MzMgMTcuNyAzLjYzMyAxNy43Yy0xLjA4Ny0uNzQ0LjA4NC0uNzI5LjA4NC0uNzI5IDEuMjA1LjA4NCAxLjgzOCAxLjIzNiAxLjgzOCAxLjIzNiAxLjA3IDEuODM1IDIuODA5IDEuMzA1IDMuNDk1Ljk5OC4xMDgtLjc3Ni40MTctMS4zMDUuNzYtMS42MDUtMi42NjUtLjMtNS40NjYtMS4zMzItNS40NjYtNS45MyAwLTEuMzEuNDY1LTIuMzggMS4yMzUtMy4yMi0uMTM1LS4zMDMtLjU0LTEuNTIzLjEwNS0zLjE3NiAwIDAgMS4wMDUtLjMyMiAzLjMgMS4yMy45Ni0uMjY3IDEuOTgtLjM5OSAzLS40MDUgMS4wMi4wMDYgMi4wNC4xMzggMyAuNDA1IDIuMjgtMS41NTIgMy4yODUtMS4yMyAzLjI4NS0xLjIzLjY0NSAxLjY1My4yNCAyLjg3My4xMiAzLjE3Ni43NjUuODQgMS4yMyAxLjkxIDEuMjMgMy4yMiAwIDQuNjEtMi44MDUgNS42MjUtNS40NzUgNS45Mi40Mi4zNi44MSAxLjA5Ni44MSAyLjIyIDAgMS42MDYtLjAxNSAyLjg5Ni0uMDE1IDMuMjg2IDAgLjMxNS4yMS42OS44MjUuNTdDMjAuNTY1IDIyLjA5MiAyNCAxNy41OTIgMjQgMTIuMjk3YzAtNi42MjctNS4zNzMtMTItMTItMTIiLz48L3N2Zz4K\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/images/github.svg\n// module id = 464\n// module chunks = 114276838955818","module.exports = \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InNpbXBsZWljb25zLXR3aXR0ZXItaWNvbiIgcm9sZT0iaW1nIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlIGlkPSJzaW1wbGVpY29ucy10d2l0dGVyLWljb24iPlR3aXR0ZXIgaWNvbjwvdGl0bGU+PHBhdGggc3R5bGU9ImZpbGw6ICNlZWVlZWUiIGQ9Ik0yMy45NTQgNC41NjljLS44ODUuMzg5LTEuODMuNjU0LTIuODI1Ljc3NSAxLjAxNC0uNjExIDEuNzk0LTEuNTc0IDIuMTYzLTIuNzIzLS45NTEuNTU1LTIuMDA1Ljk1OS0zLjEyNyAxLjE4NC0uODk2LS45NTktMi4xNzMtMS41NTktMy41OTEtMS41NTktMi43MTcgMC00LjkyIDIuMjAzLTQuOTIgNC45MTcgMCAuMzkuMDQ1Ljc2NS4xMjcgMS4xMjRDNy42OTEgOC4wOTQgNC4wNjYgNi4xMyAxLjY0IDMuMTYxYy0uNDI3LjcyMi0uNjY2IDEuNTYxLS42NjYgMi40NzUgMCAxLjcxLjg3IDMuMjEzIDIuMTg4IDQuMDk2LS44MDctLjAyNi0xLjU2Ni0uMjQ4LTIuMjI4LS42MTZ2LjA2MWMwIDIuMzg1IDEuNjkzIDQuMzc0IDMuOTQ2IDQuODI3LS40MTMuMTExLS44NDkuMTcxLTEuMjk2LjE3MS0uMzE0IDAtLjYxNS0uMDMtLjkxNi0uMDg2LjYzMSAxLjk1MyAyLjQ0NSAzLjM3NyA0LjYwNCAzLjQxNy0xLjY4IDEuMzE5LTMuODA5IDIuMTA1LTYuMTAyIDIuMTA1LS4zOSAwLS43NzktLjAyMy0xLjE3LS4wNjcgMi4xODkgMS4zOTQgNC43NjggMi4yMDkgNy41NTcgMi4yMDkgOS4wNTQgMCAxMy45OTktNy40OTYgMTMuOTk5LTEzLjk4NiAwLS4yMDkgMC0uNDItLjAxNS0uNjMuOTYxLS42ODkgMS44LTEuNTYgMi40Ni0yLjU0OGwtLjA0Ny0uMDJ6Ii8+PC9zdmc+Cg==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/images/twitter.svg\n// module id = 470\n// module chunks = 114276838955818","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Helmet from 'react-helmet'\nimport styled, { css } from \"styled-components\"\nimport Typography from \"typography\";\n\nimport Header from '../components/header'\nimport UnderConstruction from '../components/underConstruction'\nimport Footer from '../components/footer'\nimport './index.css'\n\nconst sidebarColor = \"#0c95ff\"\nconst sidebarWidth = 20\nconst sidebarMaxWidth = 360\nconst footerHeight = 120;\n\nconst media = (...args) => css`\n  @media (min-width: ${100 / sidebarWidth * sidebarMaxWidth}px) {\n    ${css(...args)}\n  }\n`\n\nconst Sidebar = styled(Header)`\n  width: ${sidebarWidth}vw;\n  font-size: 3vw;\n  ${media`\n    width: ${sidebarMaxWidth}px;\n    font-size: ${sidebarMaxWidth / sidebarWidth * 3}px\n  `}\n`\n\nconst MainContent = styled.main`\n  margin-left: ${sidebarWidth}vw;\n  padding: 10px 20px;\n  background-color: #ffffff;\n  margin-bottom: ${footerHeight}px;\n  min-height: 100vh;\n  ${media`\n    margin-left: ${sidebarMaxWidth}px;\n  `}\n`\n\nconst Foot = styled(Footer)`\n  left: ${sidebarWidth}vw;\n  \n  ${media`\n    left: ${sidebarMaxWidth}px;\n  `}\n`\n\nconst Layout = ({ children, data }) => (\n  <div>\n    <Helmet\n      meta={[\n        { name: 'description', content: `Website of ${data.site.siteMetadata.websiteName}` },\n        { name: 'author', content: 'Moritz Beck (Birkenstab)' }\n      ]}\n      htmlAttributes={{\"lang\": \"en\"}} \n    />\n    <Sidebar lettering={data.site.siteMetadata.websiteName} color={sidebarColor} />\n    <MainContent>\n      <UnderConstruction />\n      {children()}\n    </MainContent>\n    <Foot color={sidebarColor} height={footerHeight} />\n  </div>\n)\n\nLayout.propTypes = {\n  children: PropTypes.func,\n}\n\nexport default Layout\n\nexport const query = graphql`\n  query SiteTitleQuery {\n    site {\n      siteMetadata {\n        websiteName\n      }\n    }\n  }\n`\n\n\n\n// WEBPACK FOOTER //\n// ./src/layouts/index.js"],"sourceRoot":""}