-
Notifications
You must be signed in to change notification settings - Fork 1
/
main-af4c4bb2d758707fd69e.js
1 lines (1 loc) · 69.2 KB
/
main-af4c4bb2d758707fd69e.js
1
!function(n){function e(e){for(var a,o,l=e[0],p=e[1],s=e[2],c=0,_=[];c<l.length;c++)o=l[c],Object.prototype.hasOwnProperty.call(r,o)&&r[o]&&_.push(r[o][0]),r[o]=0;for(a in p)Object.prototype.hasOwnProperty.call(p,a)&&(n[a]=p[a]);for(d&&d(e);_.length;)_.shift()();return i.push.apply(i,s||[]),t()}function t(){for(var n,e=0;e<i.length;e++){for(var t=i[e],a=!0,l=1;l<t.length;l++){var p=t[l];0!==r[p]&&(a=!1)}a&&(i.splice(e--,1),n=o(o.s=t[0]))}return n}var a={},r={0:0},i=[];function o(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=a,o.d=function(n,e,t){o.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:t})},o.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.t=function(n,e){if(1&e&&(n=o(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var a in n)o.d(t,a,function(e){return n[e]}.bind(null,a));return t},o.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return o.d(e,"a",e),e},o.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},o.p="/";var l=window.webpackJsonp=window.webpackJsonp||[],p=l.push.bind(l);l.push=e,l=l.slice();for(var s=0;s<l.length;s++)e(l[s]);var d=p;i.push([14,1]),t()}([,,,,function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Page = exports.Row = exports.Col = exports.colors = undefined;\n\nvar _templateObject = _taggedTemplateLiteral(['\\n position: relative;\\n width: 100%;\\n min-height: 1px;\\n padding-right: 15px;\\n padding-left: 15px;\\n &.col-6 {\\n -ms-flex: 0 0 50%;\\n flex: 0 0 50%;\\n max-width: 50%;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n &.col-6 {\\n -ms-flex: 0 0 100%;\\n flex: 0 0 100%;\\n max-width: 100%;\\n }\\n }\\n'], ['\\n position: relative;\\n width: 100%;\\n min-height: 1px;\\n padding-right: 15px;\\n padding-left: 15px;\\n &.col-6 {\\n -ms-flex: 0 0 50%;\\n flex: 0 0 50%;\\n max-width: 50%;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n &.col-6 {\\n -ms-flex: 0 0 100%;\\n flex: 0 0 100%;\\n max-width: 100%;\\n }\\n }\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n margin-right: -15px;\\n margin-left: -15px;\\n'], ['\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n margin-right: -15px;\\n margin-left: -15px;\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n padding: 70px 10px 0 10px;\\n position: relative;\\n overflow: hidden;\\n display: flex;\\n width: 100%;\\n\\n @media only screen and (max-width: 768px) {\\n padding: 140px 20px 0 20px;\\n }\\n'], ['\\n padding: 70px 10px 0 10px;\\n position: relative;\\n overflow: hidden;\\n display: flex;\\n width: 100%;\\n\\n @media only screen and (max-width: 768px) {\\n padding: 140px 20px 0 20px;\\n }\\n']);\n\nvar _colors = __webpack_require__(24);\n\nvar _colors2 = _interopRequireDefault(_colors);\n\nvar _styledComponents = __webpack_require__(3);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Col = _styledComponents.styled.div(_templateObject);\n\nvar Row = _styledComponents.styled.div(_templateObject2);\n\nvar Page = _styledComponents.styled.div(_templateObject3);\n\nexports.colors = _colors2.default;\nexports.Col = Col;\nexports.Row = Row;\nexports.Page = Page;\n\n//# sourceURL=webpack:///./src/global/index.js?")},,,,,,,,,,function(module,exports,__webpack_require__){"use strict";eval("\n\nvar _templateObject = _taggedTemplateLiteral(['\\n *, ::after, ::before {\\n box-sizing: border-box;\\n }\\n\\n html {\\n position: relative;\\n overflow: hidden;\\n display: block;\\n height: 100%;\\n width: 100%;\\n padding: 0;\\n margin: 0;\\n}\\n\\n body {\\n font-family: \\'Fira Sans Extra Condensed\\', sans-serif;\\n background-color: ', ';\\n overflow: hidden;\\n display: block;\\n height: 100%;\\n color: ', ';\\n width: 100%;\\n padding: 0;\\n margin: 0;\\n }\\n\\n body a {\\n -webkit-transition: .5s all;\\n -moz-transition: .5s all;\\n transition: .5s all;\\n text-decoration: none;\\n color: ', ';\\n outline: 0;\\n &:hover {\\n color: ', ';\\n }\\n }\\n\\n #root {\\n overflow-y: scroll;\\n height: 100%;\\n width: 100%;\\n }\\n'], ['\\n *, ::after, ::before {\\n box-sizing: border-box;\\n }\\n\\n html {\\n position: relative;\\n overflow: hidden;\\n display: block;\\n height: 100%;\\n width: 100%;\\n padding: 0;\\n margin: 0;\\n}\\n\\n body {\\n font-family: \\'Fira Sans Extra Condensed\\', sans-serif;\\n background-color: ', ';\\n overflow: hidden;\\n display: block;\\n height: 100%;\\n color: ', ';\\n width: 100%;\\n padding: 0;\\n margin: 0;\\n }\\n\\n body a {\\n -webkit-transition: .5s all;\\n -moz-transition: .5s all;\\n transition: .5s all;\\n text-decoration: none;\\n color: ', ';\\n outline: 0;\\n &:hover {\\n color: ', ';\\n }\\n }\\n\\n #root {\\n overflow-y: scroll;\\n height: 100%;\\n width: 100%;\\n }\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n position: relative;\\n width: 1200px;\\n height: 100%;\\n margin: auto;\\n .page-content {\\n position: relative;\\n }\\n\\n @media only screen and (max-width: 1200px) {\\n width: 100%;\\n }\\n'], ['\\n position: relative;\\n width: 1200px;\\n height: 100%;\\n margin: auto;\\n .page-content {\\n position: relative;\\n }\\n\\n @media only screen and (max-width: 1200px) {\\n width: 100%;\\n }\\n']),\n _templateObject3 = _taggedTemplateLiteral(['position: relative;'], ['position: relative;']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _client = __webpack_require__(16);\n\nvar _reactRouterDom = __webpack_require__(8);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _Home = __webpack_require__(23);\n\nvar _Home2 = _interopRequireDefault(_Home);\n\nvar _Profile = __webpack_require__(25);\n\nvar _Profile2 = _interopRequireDefault(_Profile);\n\nvar _Contact = __webpack_require__(33);\n\nvar _Contact2 = _interopRequireDefault(_Contact);\n\nvar _Header = __webpack_require__(34);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject, _global.colors.bg, _global.colors.text, _global.colors.text, _global.colors.textHover);\n\nvar Container = _styledComponents.styled.div(_templateObject2);\n\nvar PageContent = _styledComponents.styled.div(_templateObject3);\n\nfunction App() {\n return _react2.default.createElement(\n _react2.default.Fragment,\n null,\n _react2.default.createElement(GlobalStyle, null),\n _react2.default.createElement(\n Container,\n null,\n _react2.default.createElement(\n _reactRouterDom.BrowserRouter,\n null,\n _react2.default.createElement(_Header2.default, null),\n _react2.default.createElement(\n _reactRouterDom.Routes,\n null,\n _react2.default.createElement(_reactRouterDom.Route, { exact: true, path: '/', element: _react2.default.createElement(_Home2.default, null) }),\n _react2.default.createElement(_reactRouterDom.Route, { path: '/profile', element: _react2.default.createElement(_Profile2.default, null) }),\n _react2.default.createElement(_reactRouterDom.Route, { path: '/contact', element: _react2.default.createElement(_Contact2.default, null) })\n )\n )\n )\n );\n}\n\nvar root = (0, _client.createRoot)(document.getElementById('root'));\nroot.render(_react2.default.createElement(App, null));\n\n//# sourceURL=webpack:///./src/App.jsx?")},,,,,,,,,function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _templateObject = _taggedTemplateLiteral(['\\n justify-content: center;\\n align-items: center;\\n height: 100%;\\n\\n @media only screen and (max-width: 768px) {\\n align-items: flex-start;\\n }\\n'], ['\\n justify-content: center;\\n align-items: center;\\n height: 100%;\\n\\n @media only screen and (max-width: 768px) {\\n align-items: flex-start;\\n }\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n width: 800px;\\n\\n @media only screen and (max-width: 768px) {\\n padding: 80px 20px 0 20px;\\n }\\n'], ['\\n width: 800px;\\n\\n @media only screen and (max-width: 768px) {\\n padding: 80px 20px 0 20px;\\n }\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n font-weight: normal;\\n font-size: 48px;\\n margin: 0;\\n\\n strong { font-size: 56px; }\\n\\n @media only screen and (max-width: 768px) {\\n font-size: 30px;\\n line-height: 1.5;\\n }\\n'], ['\\n font-weight: normal;\\n font-size: 48px;\\n margin: 0;\\n\\n strong { font-size: 56px; }\\n\\n @media only screen and (max-width: 768px) {\\n font-size: 30px;\\n line-height: 1.5;\\n }\\n']),\n _templateObject4 = _taggedTemplateLiteral(['\\n font-weight: bold;\\n color: ', ';\\n'], ['\\n font-weight: bold;\\n color: ', ';\\n']),\n _templateObject5 = _taggedTemplateLiteral(['\\n color: ', ';\\n font-weight: normal;\\n font-size: 18px;\\n margin: 10px 0;\\n'], ['\\n color: ', ';\\n font-weight: normal;\\n font-size: 18px;\\n margin: 10px 0;\\n']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Container = (0, _styledComponents.styled)(_global.Page)(_templateObject);\n\nvar ContentWrapper = _styledComponents.styled.div(_templateObject2);\n\nvar Headline = _styledComponents.styled.h1(_templateObject3);\n\nvar Highlight = _styledComponents.styled.span(_templateObject4, _global.colors.main);\n\nvar Info = _styledComponents.styled.p(_templateObject5, _global.colors.textAlt);\n\nvar Home = function Home() {\n return _react2.default.createElement(\n Container,\n null,\n _react2.default.createElement(\n ContentWrapper,\n null,\n _react2.default.createElement(\n Headline,\n null,\n 'Hello,',\n _react2.default.createElement('br', null),\n 'I\\u2019m ',\n _react2.default.createElement(\n Highlight,\n null,\n 'Ganzorig Erdenebat'\n ),\n '! Software engineer, linux lover, lifehacker.'\n )\n )\n );\n};\n\nexports.default = Home;\n\n//# sourceURL=webpack:///./src/pages/Home/index.jsx?")},function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = {\n bg: '#f1f5f2',\n text: '#2e383f',\n textAlt: '#7f8c8d',\n textHover: '#000000',\n cliHeaderBg: '#171717',\n cliHeaderText: '#b0b0b0',\n cliText: '#b0b0b0',\n cliBg: '#1b1b1b',\n white: '#ffffff',\n black: '#000000',\n main: '#d81159',\n mainAlt: '#c50b24',\n accent: '#07617d',\n skillsBg: '#c3bfcc',\n borderGray: '#b7b7b7',\n red: '#e24f61',\n green: '#8cbe70',\n yellow: '#ffd469',\n iconBg: '#cfcfcf'\n};\n\n//# sourceURL=webpack:///./src/global/colors.js?")},function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _templateObject = _taggedTemplateLiteral(['\\n justify-content: center;\\n flex-direction: column;\\n'], ['\\n justify-content: center;\\n flex-direction: column;\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n justify-content: center;\\n flex-direction: column;\\n margin: 0 auto;\\n display: flex;\\n width: 850px;\\n margin-top: 30px;\\n\\n @media only screen and (max-width: 850px) {\\n width: 100%;\\n }\\n'], ['\\n justify-content: center;\\n flex-direction: column;\\n margin: 0 auto;\\n display: flex;\\n width: 850px;\\n margin-top: 30px;\\n\\n @media only screen and (max-width: 850px) {\\n width: 100%;\\n }\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n text-align: center;\\n margin-bottom: 30px;\\n\\n @media only screen and (max-width: 480px) {\\n margin: 0;\\n }\\n'], ['\\n text-align: center;\\n margin-bottom: 30px;\\n\\n @media only screen and (max-width: 480px) {\\n margin: 0;\\n }\\n']),\n _templateObject4 = _taggedTemplateLiteral(['\\n font-size: 60px;\\n padding: 0;\\n margin: 0;\\n\\n @media only screen and (max-width: 480px) {\\n font-size: 30px;\\n }\\n'], ['\\n font-size: 60px;\\n padding: 0;\\n margin: 0;\\n\\n @media only screen and (max-width: 480px) {\\n font-size: 30px;\\n }\\n']),\n _templateObject5 = _taggedTemplateLiteral(['\\n font-size: 16px;\\n'], ['\\n font-size: 16px;\\n']),\n _templateObject6 = _taggedTemplateLiteral(['\\n text-align: center;\\n\\n @media only screen and (max-width: 480px) {\\n margin: 30px 0;\\n }\\n'], ['\\n text-align: center;\\n\\n @media only screen and (max-width: 480px) {\\n margin: 30px 0;\\n }\\n']),\n _templateObject7 = _taggedTemplateLiteral(['\\n margin: 30px auto;\\n font-size: 24px;\\n line-height: 2;\\n\\n @media only screen and (max-width: 768px) {\\n font-size: 20px;\\n margin: 10px 20px;\\n line-height: 1.5;\\n }\\n'], ['\\n margin: 30px auto;\\n font-size: 24px;\\n line-height: 2;\\n\\n @media only screen and (max-width: 768px) {\\n font-size: 20px;\\n margin: 10px 20px;\\n line-height: 1.5;\\n }\\n']),\n _templateObject8 = _taggedTemplateLiteral(['\\n text-align: center;\\n margin-top: 30px;\\n'], ['\\n text-align: center;\\n margin-top: 30px;\\n']),\n _templateObject9 = _taggedTemplateLiteral(['\\n -webkit-transition: .5s all;\\n -moz-transition: .5s all;\\n transition: .5s all;\\n background-color: ', ';\\n display: inline-block;\\n position: relative;\\n line-height: 50px;\\n height: 50px;\\n\\n &:hover { background-color: ', '; }\\n\\n @media only screen and (max-width: 768px) {\\n line-height: 40px;\\n height: 40px;\\n }\\n'], ['\\n -webkit-transition: .5s all;\\n -moz-transition: .5s all;\\n transition: .5s all;\\n background-color: ', ';\\n display: inline-block;\\n position: relative;\\n line-height: 50px;\\n height: 50px;\\n\\n &:hover { background-color: ', '; }\\n\\n @media only screen and (max-width: 768px) {\\n line-height: 40px;\\n height: 40px;\\n }\\n']),\n _templateObject10 = _taggedTemplateLiteral(['\\n background-color: rgba(0, 0, 0, 0.3);\\n position: absolute;\\n color: ', ';\\n padding: 10px;\\n height: 30px;\\n width: 20px;\\n left: 0;\\n top: 0;\\n\\n @media only screen and (max-width: 768px) {\\n padding: 8px;\\n height: 24px;\\n width: 24px;\\n }\\n'], ['\\n background-color: rgba(0, 0, 0, 0.3);\\n position: absolute;\\n color: ', ';\\n padding: 10px;\\n height: 30px;\\n width: 20px;\\n left: 0;\\n top: 0;\\n\\n @media only screen and (max-width: 768px) {\\n padding: 8px;\\n height: 24px;\\n width: 24px;\\n }\\n']),\n _templateObject11 = _taggedTemplateLiteral(['\\n padding: 10px 30px 10px 60px;\\n text-align: center;\\n color: ', ';\\n height: 100%;\\n width: 100%;\\n\\n &.mobile { display: none; }\\n\\n @media only screen and (max-width: 768px) {\\n padding: 10px 20px 10px 60px;\\n font-size: 18px;\\n &.desktop { display: none; }\\n &.mobile { display: inline; }\\n }\\n'], ['\\n padding: 10px 30px 10px 60px;\\n text-align: center;\\n color: ', ';\\n height: 100%;\\n width: 100%;\\n\\n &.mobile { display: none; }\\n\\n @media only screen and (max-width: 768px) {\\n padding: 10px 20px 10px 60px;\\n font-size: 18px;\\n &.desktop { display: none; }\\n &.mobile { display: inline; }\\n }\\n']),\n _templateObject12 = _taggedTemplateLiteral(['\\n text-align: center;\\n margin: 30px 0;\\n\\n .icon { color: ', '; }\\n a { font-weight: bold; }\\n\\n @media only screen and (max-width: 768px) {\\n font-size: 20px;\\n padding: 0;\\n\\n .icon { color: ', '; }\\n a { font-weight: bold; }\\n }\\n'], ['\\n text-align: center;\\n margin: 30px 0;\\n\\n .icon { color: ', '; }\\n a { font-weight: bold; }\\n\\n @media only screen and (max-width: 768px) {\\n font-size: 20px;\\n padding: 0;\\n\\n .icon { color: ', '; }\\n a { font-weight: bold; }\\n }\\n']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactFontawesome = __webpack_require__(7);\n\nvar _freeSolidSvgIcons = __webpack_require__(6);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _Timeline = __webpack_require__(28);\n\nvar _Timeline2 = _interopRequireDefault(_Timeline);\n\nvar _Skills = __webpack_require__(30);\n\nvar _Skills2 = _interopRequireDefault(_Skills);\n\nvar _ScrollSpy = __webpack_require__(32);\n\nvar _ScrollSpy2 = _interopRequireDefault(_ScrollSpy);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Container = (0, _styledComponents.styled)(_global.Page)(_templateObject);\n\nvar Section = _styledComponents.styled.section(_templateObject2);\n\nvar SectionHeader = _styledComponents.styled.div(_templateObject3);\n\nvar SectionTitle = _styledComponents.styled.h2(_templateObject4);\n\nvar SectionPre = _styledComponents.styled.span(_templateObject5);\n\nvar SectionContent = _styledComponents.styled.div(_templateObject6);\n\nvar AboutMe = _styledComponents.styled.p(_templateObject7);\n\nvar DownloadResume = _styledComponents.styled.div(_templateObject8);\n\nvar PDFLink = _styledComponents.styled.a(_templateObject9, _global.colors.main, _global.colors.mainAlt);\n\nvar PDFIcon = (0, _styledComponents.styled)(_reactFontawesome.FontAwesomeIcon)(_templateObject10, _global.colors.white);\n\nvar PDFText = _styledComponents.styled.span(_templateObject11, _global.colors.white);\n\nvar Copyright = _styledComponents.styled.div(_templateObject12, _global.colors.main, _global.colors.main);\n\nvar Profile = function Profile() {\n var _useState = (0, _react.useState)({\n education: [],\n experience: [],\n skills: [],\n sections: []\n }),\n _useState2 = _slicedToArray(_useState, 2),\n state = _useState2[0],\n setState = _useState2[1];\n\n (0, _react.useEffect)(function () {\n var getEducation = fetch('/data/education.json').then(function (response) {\n return response.json();\n });\n var getExperience = fetch('/data/experience.json').then(function (response) {\n return response.json();\n });\n var getSkills = fetch('/data/skills.json').then(function (response) {\n return response.json();\n });\n var getSections = fetch('/data/sections.json').then(function (response) {\n return response.json();\n });\n\n Promise.all([getEducation, getExperience, getSkills, getSections]).then(function (responses) {\n setState({\n education: responses[0],\n experience: responses[1],\n skills: responses[2],\n sections: responses[3]\n });\n });\n }, [setState]);\n\n return _react2.default.createElement(\n Container,\n null,\n _react2.default.createElement(\n Section,\n { id: 'intro' },\n _react2.default.createElement(\n SectionHeader,\n null,\n _react2.default.createElement(\n SectionTitle,\n null,\n 'Intro'\n ),\n _react2.default.createElement(\n SectionPre,\n null,\n 'Who I am?'\n )\n ),\n _react2.default.createElement(\n SectionContent,\n null,\n _react2.default.createElement(\n AboutMe,\n null,\n 'I am a software engineer with over 6 years of experience specializing in distributed systems and backend systems. Skilled in designing, developing, and optimizing scalable and fault-tolerant solutions for complex infrastrutures. Currently working at Mux helping developers to build anything video, whether it\\u2019s a live-streaming platform, video chat, an on-demand video or anything in between.'\n )\n )\n ),\n _react2.default.createElement(\n Section,\n { id: 'experience' },\n _react2.default.createElement(\n SectionHeader,\n null,\n _react2.default.createElement(\n SectionTitle,\n null,\n 'Experience'\n ),\n _react2.default.createElement(\n SectionPre,\n null,\n 'Where I\\u2019ve worked.'\n )\n ),\n _react2.default.createElement(\n SectionContent,\n null,\n _react2.default.createElement(_Timeline2.default, { items: state.experience })\n )\n ),\n _react2.default.createElement(\n Section,\n { id: 'education' },\n _react2.default.createElement(\n SectionHeader,\n null,\n _react2.default.createElement(\n SectionTitle,\n null,\n 'Education'\n ),\n _react2.default.createElement(\n SectionPre,\n null,\n 'Where I\\u2019ve studied.'\n )\n ),\n _react2.default.createElement(\n SectionContent,\n null,\n _react2.default.createElement(_Timeline2.default, { items: state.education })\n )\n ),\n _react2.default.createElement(\n Section,\n { id: 'skills' },\n _react2.default.createElement(\n SectionHeader,\n null,\n _react2.default.createElement(\n SectionTitle,\n null,\n 'Skills'\n ),\n _react2.default.createElement(\n SectionPre,\n null,\n 'What I can do.'\n )\n ),\n _react2.default.createElement(\n SectionContent,\n null,\n _react2.default.createElement(_Skills2.default, { items: state.skills })\n )\n ),\n _react2.default.createElement(\n DownloadResume,\n null,\n _react2.default.createElement(\n PDFLink,\n { href: '/ganzorig_erdenebat_resume.pdf' },\n _react2.default.createElement(PDFIcon, { icon: _freeSolidSvgIcons.faCloudDownloadAlt }),\n _react2.default.createElement(\n PDFText,\n { className: 'desktop' },\n 'Click here to download my complete resume'\n ),\n _react2.default.createElement(\n PDFText,\n { className: 'mobile' },\n 'Download resume'\n )\n )\n ),\n _react2.default.createElement(\n Copyright,\n null,\n _react2.default.createElement(\n 'p',\n null,\n _react2.default.createElement(_reactFontawesome.FontAwesomeIcon, { className: 'icon', icon: _freeSolidSvgIcons.faCode }),\n ' by ',\n _react2.default.createElement(\n 'a',\n { href: 'https://github.com/rozig/' },\n 'Rozig'\n ),\n '.'\n )\n )\n );\n};\n\nexports.default = Profile;\n\n//# sourceURL=webpack:///./src/pages/Profile/index.jsx?")},,,function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _templateObject = _taggedTemplateLiteral(['\\n @media only screen and (max-width: 768px) {\\n padding: 0 10px;\\n }\\n'], ['\\n @media only screen and (max-width: 768px) {\\n padding: 0 10px;\\n }\\n']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _TimelineItem = __webpack_require__(29);\n\nvar _TimelineItem2 = _interopRequireDefault(_TimelineItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Container = _styledComponents.styled.div(_templateObject);\n\nvar Timeline = function Timeline(props) {\n var listItems = props.items.map(function (item) {\n return _react2.default.createElement(_TimelineItem2.default, { key: item.id, item: item });\n });\n\n return _react2.default.createElement(\n Container,\n null,\n listItems\n );\n};\n\nexports.default = Timeline;\n\n//# sourceURL=webpack:///./src/components/Timeline/index.jsx?")},function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _templateObject = _taggedTemplateLiteral(['\\n font-size: 12px;\\n padding: 5px 0;\\n'], ['\\n font-size: 12px;\\n padding: 5px 0;\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n text-transform: uppercase;\\n font-weight: bold;\\n font-size: 18px;\\n'], ['\\n text-transform: uppercase;\\n font-weight: bold;\\n font-size: 18px;\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n line-height: 1.5;\\n font-size: 15px;\\n margin: 10px 0;\\n padding: 0;\\n'], ['\\n line-height: 1.5;\\n font-size: 15px;\\n margin: 10px 0;\\n padding: 0;\\n']),\n _templateObject4 = _taggedTemplateLiteral(['\\n border: 2px solid ', ';\\n background-color: ', ';\\n border-radius: 50%;\\n position: absolute;\\n margin-left: -16px;\\n margin-top: -16px;\\n line-height: 28px;\\n height: 32px;\\n width: 32px;\\n z-index: 2;\\n left: 50%;\\n top: 50%;\\n\\n @media only screen and (max-width: 860px) {\\n display: none;\\n }\\n'], ['\\n border: 2px solid ', ';\\n background-color: ', ';\\n border-radius: 50%;\\n position: absolute;\\n margin-left: -16px;\\n margin-top: -16px;\\n line-height: 28px;\\n height: 32px;\\n width: 32px;\\n z-index: 2;\\n left: 50%;\\n top: 50%;\\n\\n @media only screen and (max-width: 860px) {\\n display: none;\\n }\\n']),\n _templateObject5 = _taggedTemplateLiteral(['\\n border-width: 0px 1px;\\n border-style: solid;\\n border-color: ', ';\\n position: absolute;\\n margin-left: -1px;\\n height: 100%;\\n z-index: 1;\\n left: 50%;\\n width: 0;\\n\\n @media only screen and (max-width: 860px) {\\n display: none;\\n }\\n'], ['\\n border-width: 0px 1px;\\n border-style: solid;\\n border-color: ', ';\\n position: absolute;\\n margin-left: -1px;\\n height: 100%;\\n z-index: 1;\\n left: 50%;\\n width: 0;\\n\\n @media only screen and (max-width: 860px) {\\n display: none;\\n }\\n']),\n _templateObject6 = _taggedTemplateLiteral(['\\n border: 1px solid ', ';\\n background-color: ', ';\\n position: relative;\\n text-align: left;\\n padding: 10px;\\n width: 400px;\\n margin: 20px 0;\\n\\n &::after, &::before {\\n position: absolute;\\n height: 0;\\n width: 0;\\n border-top: 6px solid transparent;\\n border-bottom: 6px solid transparent;\\n margin-top: -6px;\\n top: 50%;\\n }\\n &::after {\\n border-left: 8px solid ', ';\\n right: -8px;\\n }\\n &::before {\\n border-right: 8px solid ', ';\\n left: -8px;\\n }\\n\\n @media only screen and (max-width: 860px) {\\n width: 100%;\\n margin: 0;\\n }\\n'], ['\\n border: 1px solid ', ';\\n background-color: ', ';\\n position: relative;\\n text-align: left;\\n padding: 10px;\\n width: 400px;\\n margin: 20px 0;\\n\\n &::after, &::before {\\n position: absolute;\\n height: 0;\\n width: 0;\\n border-top: 6px solid transparent;\\n border-bottom: 6px solid transparent;\\n margin-top: -6px;\\n top: 50%;\\n }\\n &::after {\\n border-left: 8px solid ', ';\\n right: -8px;\\n }\\n &::before {\\n border-right: 8px solid ', ';\\n left: -8px;\\n }\\n\\n @media only screen and (max-width: 860px) {\\n width: 100%;\\n margin: 0;\\n }\\n']),\n _templateObject7 = _taggedTemplateLiteral(['\\n position: relative;\\n overflow: hidden;\\n\\n &:nth-of-type(odd) {\\n ', ' {\\n float: left;\\n &::after { content: \"\"; }\\n }\\n }\\n\\n &:nth-of-type(even) {\\n ', ' {\\n float: right;\\n &::before { content: \"\"; }\\n }\\n }\\n\\n &:first-child {\\n ', ' {\\n margin-top: unset;\\n top: 40px;\\n }\\n\\n ', ' {\\n margin-top: 72px;\\n }\\n\\n ', '::after, ', '::before {\\n margin-top: 0;\\n top: 30px;\\n }\\n }\\n\\n &:last-child {\\n ', ' {\\n margin-top: unset;\\n bottom: 40px;\\n top: unset;\\n }\\n\\n ', ' {\\n margin-top: -72px;\\n }\\n\\n ', '::after, ', '::before {\\n margin-top: 0;\\n bottom: 30px;\\n top: unset;\\n }\\n }\\n\\n @media only screen and (max-width: 860px) {\\n margin-bottom: 10px;\\n }\\n'], ['\\n position: relative;\\n overflow: hidden;\\n\\n &:nth-of-type(odd) {\\n ', ' {\\n float: left;\\n &::after { content: \"\"; }\\n }\\n }\\n\\n &:nth-of-type(even) {\\n ', ' {\\n float: right;\\n &::before { content: \"\"; }\\n }\\n }\\n\\n &:first-child {\\n ', ' {\\n margin-top: unset;\\n top: 40px;\\n }\\n\\n ', ' {\\n margin-top: 72px;\\n }\\n\\n ', '::after, ', '::before {\\n margin-top: 0;\\n top: 30px;\\n }\\n }\\n\\n &:last-child {\\n ', ' {\\n margin-top: unset;\\n bottom: 40px;\\n top: unset;\\n }\\n\\n ', ' {\\n margin-top: -72px;\\n }\\n\\n ', '::after, ', '::before {\\n margin-top: 0;\\n bottom: 30px;\\n top: unset;\\n }\\n }\\n\\n @media only screen and (max-width: 860px) {\\n margin-bottom: 10px;\\n }\\n']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactFontawesome = __webpack_require__(7);\n\nvar _freeSolidSvgIcons = __webpack_require__(6);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Prop = _styledComponents.styled.div(_templateObject);\n\nvar Heading = _styledComponents.styled.div(_templateObject2);\n\nvar Summary = _styledComponents.styled.p(_templateObject3);\n\nvar Type = _styledComponents.styled.div(_templateObject4, _global.colors.borderGray, _global.colors.white);\n\nvar Line = _styledComponents.styled.div(_templateObject5, _global.colors.borderGray);\n\nvar Content = _styledComponents.styled.div(_templateObject6, _global.colors.borderGray, _global.colors.white, _global.colors.borderGray, _global.colors.borderGray);\n\nvar Container = _styledComponents.styled.div(_templateObject7, Content, Content, Type, Line, Content, Content, Type, Line, Content, Content);\n\nvar TimelineItem = function TimelineItem(props) {\n var item = props.item;\n\n return _react2.default.createElement(\n Container,\n null,\n _react2.default.createElement(\n Type,\n null,\n _react2.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: item.type === 'edu' ? _freeSolidSvgIcons.faGraduationCap : _freeSolidSvgIcons.faBriefcase })\n ),\n _react2.default.createElement(Line, null),\n _react2.default.createElement(\n Content,\n null,\n item.timeframe && _react2.default.createElement(\n Prop,\n null,\n item.timeframe\n ),\n item.heading && _react2.default.createElement(\n Heading,\n null,\n item.heading\n ),\n item.title && _react2.default.createElement(\n Prop,\n null,\n item.title\n ),\n item.location && _react2.default.createElement(\n Prop,\n null,\n item.location\n ),\n item.summary && _react2.default.createElement(\n Summary,\n null,\n item.summary\n )\n )\n );\n};\n\nexports.default = TimelineItem;\n\n//# sourceURL=webpack:///./src/components/TimelineItem/index.jsx?")},function(module,exports,__webpack_require__){"use strict";eval('\n\nObject.defineProperty(exports, "__esModule", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();\n\nvar _templateObject = _taggedTemplateLiteral([\'\\n @media only screen and (max-width: 768px) {\\n padding: 0;\\n }\\n\'], [\'\\n @media only screen and (max-width: 768px) {\\n padding: 0;\\n }\\n\']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _Skill = __webpack_require__(31);\n\nvar _Skill2 = _interopRequireDefault(_Skill);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Container = _styledComponents.styled.div(_templateObject);\n\nvar Skills = function Skills(_ref) {\n var items = _ref.items;\n\n var renderSkills = function renderSkills() {\n var skills = {\n language: {\n name: "Programming/Scripting Languages",\n data: []\n },\n framework: {\n name: "Frameworks",\n data: []\n },\n tool: {\n name: "Tools",\n data: []\n },\n other: {\n name: "Other",\n data: []\n }\n };\n\n items.forEach(function (item) {\n skills[item.type]["data"].push(_react2.default.createElement(_Skill2.default, { key: item.id, skill: item }));\n });\n\n var categories = [];\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = Object.entries(skills)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var _ref2 = _step.value;\n\n var _ref3 = _slicedToArray(_ref2, 2);\n\n var key = _ref3[0];\n var category = _ref3[1];\n\n if (category.data.length > 0) {\n categories.push(_react2.default.createElement(\n _global.Col,\n { className: \'col-6 skill-category\', key: key },\n _react2.default.createElement(\n \'h3\',\n { className: \'category-name\' },\n category.name\n ),\n _react2.default.createElement(\n \'div\',\n { className: \'category-content\' },\n category.data\n )\n ));\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n return _react2.default.createElement(\n _global.Row,\n null,\n categories\n );\n };\n\n return _react2.default.createElement(\n Container,\n null,\n renderSkills()\n );\n};\n\nexports.default = Skills;\n\n//# sourceURL=webpack:///./src/components/Skills/index.jsx?')},function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _templateObject = _taggedTemplateLiteral(['\\n position: relative;\\n line-height: 36px;\\n text-align: left;\\n padding: 0 10px;\\n height: 36px;\\n\\n @media only screen and (max-width: 1200px) {\\n padding: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n line-height: 30px;\\n padding: 0 15px;\\n height: 40px;\\n }\\n'], ['\\n position: relative;\\n line-height: 36px;\\n text-align: left;\\n padding: 0 10px;\\n height: 36px;\\n\\n @media only screen and (max-width: 1200px) {\\n padding: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n line-height: 30px;\\n padding: 0 15px;\\n height: 40px;\\n }\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n padding-right: 210px;\\n font-size: 16px;\\n\\n @media only screen and (max-width: 1200px) {\\n line-height: 24px;\\n font-size: 16px;\\n padding: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n line-height: 24px;\\n font-size: 16px;\\n padding: 0;\\n }\\n'], ['\\n padding-right: 210px;\\n font-size: 16px;\\n\\n @media only screen and (max-width: 1200px) {\\n line-height: 24px;\\n font-size: 16px;\\n padding: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n line-height: 24px;\\n font-size: 16px;\\n padding: 0;\\n }\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n position: absolute;\\n height: 100%;\\n width: 210px;\\n right: 10px;\\n top: 0;\\n\\n @media only screen and (max-width: 1200px) {\\n padding-right: 40px;\\n position: relative;\\n line-height: 10px;\\n height: 10px;\\n width: 100%;\\n right: 0;\\n top: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n padding-right: 40px;\\n position: relative;\\n line-height: 10px;\\n height: 10px;\\n width: 100%;\\n right: 0;\\n top: 0;\\n }\\n'], ['\\n position: absolute;\\n height: 100%;\\n width: 210px;\\n right: 10px;\\n top: 0;\\n\\n @media only screen and (max-width: 1200px) {\\n padding-right: 40px;\\n position: relative;\\n line-height: 10px;\\n height: 10px;\\n width: 100%;\\n right: 0;\\n top: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n padding-right: 40px;\\n position: relative;\\n line-height: 10px;\\n height: 10px;\\n width: 100%;\\n right: 0;\\n top: 0;\\n }\\n']),\n _templateObject4 = _taggedTemplateLiteral(['\\n background-color: ', ';\\n position: absolute;\\n margin-top: -4px;\\n height: 8px;\\n width: 160px;\\n left: 0;\\n top: 50%;\\n\\n @media only screen and (max-width: 1200px) {\\n position: relative;\\n margin-top: 0;\\n height: 10px;\\n width: 100%;\\n top: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n position: relative;\\n margin-top: 0;\\n height: 10px;\\n width: 100%;\\n top: 0;\\n }\\n'], ['\\n background-color: ', ';\\n position: absolute;\\n margin-top: -4px;\\n height: 8px;\\n width: 160px;\\n left: 0;\\n top: 50%;\\n\\n @media only screen and (max-width: 1200px) {\\n position: relative;\\n margin-top: 0;\\n height: 10px;\\n width: 100%;\\n top: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n position: relative;\\n margin-top: 0;\\n height: 10px;\\n width: 100%;\\n top: 0;\\n }\\n']),\n _templateObject5 = _taggedTemplateLiteral(['\\n background-color: ', ';\\n height: 100%;\\n\\n @media only screen and (max-width: 1200px) {\\n background-color: ', ';\\n height: 100%;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n background-color: ', ';\\n height: 100%;\\n }\\n'], ['\\n background-color: ', ';\\n height: 100%;\\n\\n @media only screen and (max-width: 1200px) {\\n background-color: ', ';\\n height: 100%;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n background-color: ', ';\\n height: 100%;\\n }\\n']),\n _templateObject6 = _taggedTemplateLiteral(['\\n padding-left: 160px;\\n text-align: center;\\n position: relative;\\n font-weight: bold;\\n font-size: 24px;\\n color: ', ';\\n\\n @media only screen and (max-width: 1200px) {\\n position: absolute;\\n font-size: 16px;\\n height: 100%;\\n width: 40px;\\n padding: 0;\\n right: 0;\\n top: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n position: absolute;\\n font-size: 16px;\\n height: 100%;\\n width: 40px;\\n padding: 0;\\n right: 0;\\n top: 0;\\n }\\n'], ['\\n padding-left: 160px;\\n text-align: center;\\n position: relative;\\n font-weight: bold;\\n font-size: 24px;\\n color: ', ';\\n\\n @media only screen and (max-width: 1200px) {\\n position: absolute;\\n font-size: 16px;\\n height: 100%;\\n width: 40px;\\n padding: 0;\\n right: 0;\\n top: 0;\\n }\\n\\n @media only screen and (max-width: 768px) {\\n position: absolute;\\n font-size: 16px;\\n height: 100%;\\n width: 40px;\\n padding: 0;\\n right: 0;\\n top: 0;\\n }\\n']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Container = _styledComponents.styled.div(_templateObject);\n\nvar Name = _styledComponents.styled.div(_templateObject2);\n\nvar ProgressContainer = _styledComponents.styled.div(_templateObject3);\n\nvar ProgressPlaceholder = _styledComponents.styled.div(_templateObject4, _global.colors.skillsBg);\n\nvar Progress = _styledComponents.styled.div(_templateObject5, _global.colors.main, _global.colors.main, _global.colors.main);\n\nvar ProgressPercentage = _styledComponents.styled.div(_templateObject6, _global.colors.main);\n\nvar calculateLevel = function calculateLevel(date) {\n var _date$split = date.split('-'),\n _date$split2 = _slicedToArray(_date$split, 3),\n yearSince = _date$split2[0],\n _monthSince = _date$split2[1],\n _daySince = _date$split2[2];\n\n var today = new Date();\n return today.getFullYear() - yearSince;\n};\n\nvar Skill = function Skill(_ref) {\n var skill = _ref.skill;\n\n var totalExperience = new Date().getFullYear() - 2016;\n var expLevel = calculateLevel(skill.since);\n var expPercentage = expLevel * 100 / totalExperience;\n\n return _react2.default.createElement(\n Container,\n null,\n _react2.default.createElement(\n Name,\n null,\n skill.name\n ),\n _react2.default.createElement(\n ProgressContainer,\n null,\n _react2.default.createElement(\n ProgressPlaceholder,\n null,\n _react2.default.createElement(Progress, { style: { width: expPercentage + '%' } })\n ),\n _react2.default.createElement(\n ProgressPercentage,\n null,\n expLevel + ' ' + (expLevel > 1 ? 'yrs' : 'yr')\n )\n )\n );\n};\n\nexports.default = Skill;\n\n//# sourceURL=webpack:///./src/components/Skill/index.jsx?")},function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _templateObject = _taggedTemplateLiteral(['\\n margin-top: -107px;\\n position: fixed;\\n right: 50px;\\n width: 50px;\\n top: 50%;\\n'], ['\\n margin-top: -107px;\\n position: fixed;\\n right: 50px;\\n width: 50px;\\n top: 50%;\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n background-color: ', ';\\n -webkit-transition: .5s all;\\n -moz-tranisiton: .5s all;\\n transition: .5s all;\\n border-radius: 50%;\\n position: relative;\\n margin: 30px 0;\\n display: block;\\n height: 16px;\\n width: 16px;\\n span {\\n -webkit-transition: .5s all;\\n -moz-transition: .5s all;\\n transition: .5s all;\\n position: absolute;\\n line-height: 16px;\\n text-align: right;\\n overflow: hidden;\\n font-size: 14px;\\n color: ', ';\\n right: 120%;\\n width: 0;\\n }\\n &:hover, &.active {\\n background-color:$main;\\n span { width:60px; }\\n }\\n &::before, &::after {\\n border-color:$border-gray;\\n border-width:0 1px 0 1px;\\n border-style:solid;\\n position:absolute;\\n margin-left:-1px;\\n display:block;\\n height:15px;\\n content:\"\";\\n left:50%;\\n }\\n &::before {\\n top:-15px;\\n }\\n &::after {\\n bottom:-15px;\\n }\\n &:first-child::before { display:none; }\\n &:last-child::after { display:none; }\\n'], ['\\n background-color: ', ';\\n -webkit-transition: .5s all;\\n -moz-tranisiton: .5s all;\\n transition: .5s all;\\n border-radius: 50%;\\n position: relative;\\n margin: 30px 0;\\n display: block;\\n height: 16px;\\n width: 16px;\\n span {\\n -webkit-transition: .5s all;\\n -moz-transition: .5s all;\\n transition: .5s all;\\n position: absolute;\\n line-height: 16px;\\n text-align: right;\\n overflow: hidden;\\n font-size: 14px;\\n color: ', ';\\n right: 120%;\\n width: 0;\\n }\\n &:hover, &.active {\\n background-color:$main;\\n span { width:60px; }\\n }\\n &::before, &::after {\\n border-color:$border-gray;\\n border-width:0 1px 0 1px;\\n border-style:solid;\\n position:absolute;\\n margin-left:-1px;\\n display:block;\\n height:15px;\\n content:\"\";\\n left:50%;\\n }\\n &::before {\\n top:-15px;\\n }\\n &::after {\\n bottom:-15px;\\n }\\n &:first-child::before { display:none; }\\n &:last-child::after { display:none; }\\n']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouterDom = __webpack_require__(8);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Container = _styledComponents.styled.div(_templateObject);\n\nvar SectionLink = _styledComponents.styled.a(_templateObject2, _global.colors.borderGray, _global.colors.main);\n\nvar ScrollSpy = function (_Component) {\n _inherits(ScrollSpy, _Component);\n\n function ScrollSpy() {\n _classCallCheck(this, ScrollSpy);\n\n return _possibleConstructorReturn(this, (ScrollSpy.__proto__ || Object.getPrototypeOf(ScrollSpy)).apply(this, arguments));\n }\n\n _createClass(ScrollSpy, [{\n key: 'render',\n value: function render() {\n var sections = this.props.sections.map(function (section) {\n return _react2.default.createElement(\n SectionLink,\n { href: section.anchor, key: section.id },\n _react2.default.createElement(\n 'span',\n null,\n section.name\n )\n );\n });\n return _react2.default.createElement(\n Container,\n null,\n sections\n );\n }\n }]);\n\n return ScrollSpy;\n}(_react.Component);\n\n;\n\nexports.default = ScrollSpy;\n\n//# sourceURL=webpack:///./src/components/ScrollSpy/index.jsx?")},function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _templateObject = _taggedTemplateLiteral(['\\n justify-content: center;\\n'], ['\\n justify-content: center;\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n padding-top: 30px;\\n width: 800px;\\n\\n @media only screen and (max-width: 800px) {\\n width: 100%;\\n }\\n'], ['\\n padding-top: 30px;\\n width: 800px;\\n\\n @media only screen and (max-width: 800px) {\\n width: 100%;\\n }\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n text-align: center;\\n padding-bottom: 30px;\\n\\n @media only screen and (max-width: 480px) {\\n padding: 0;\\n }\\n'], ['\\n text-align: center;\\n padding-bottom: 30px;\\n\\n @media only screen and (max-width: 480px) {\\n padding: 0;\\n }\\n']),\n _templateObject4 = _taggedTemplateLiteral(['\\n font-size: 60px;\\n padding: 0;\\n margin: 0;\\n\\n @media only screen and (max-width: 480px) {\\n font-size: 30px;\\n }\\n'], ['\\n font-size: 60px;\\n padding: 0;\\n margin: 0;\\n\\n @media only screen and (max-width: 480px) {\\n font-size: 30px;\\n }\\n']),\n _templateObject5 = _taggedTemplateLiteral(['\\n font-size: 16px;\\n'], ['\\n font-size: 16px;\\n']),\n _templateObject6 = _taggedTemplateLiteral(['\\n text-align: center;\\n\\n @media only screen and (max-width: 480px) {\\n padding: 30px 0;\\n }\\n'], ['\\n text-align: center;\\n\\n @media only screen and (max-width: 480px) {\\n padding: 30px 0;\\n }\\n']),\n _templateObject7 = _taggedTemplateLiteral(['\\n background-color: ', ';\\n border: 1px solid ', ';\\n border-radius: 4px;\\n padding: 0 6px;\\n color: ', ';\\n font-size: 16px;\\n margin: 0 5px;\\n\\n @media only screen and (max-width: 480px) {\\n margin: 5px 0;\\n }\\n'], ['\\n background-color: ', ';\\n border: 1px solid ', ';\\n border-radius: 4px;\\n padding: 0 6px;\\n color: ', ';\\n font-size: 16px;\\n margin: 0 5px;\\n\\n @media only screen and (max-width: 480px) {\\n margin: 5px 0;\\n }\\n']),\n _templateObject8 = _taggedTemplateLiteral(['\\n justify-content: center;\\n margin-bottom: 20px;\\n align-items: center;\\n flex-wrap: wrap;\\n font-size: 24px;\\n line-height: 2;\\n display: flex;\\n padding: 0;\\n\\n @media only screen and (max-width: 768px) {\\n justify-content: flex-start;\\n line-height: 1.5;\\n font-size: 20px;\\n }\\n'], ['\\n justify-content: center;\\n margin-bottom: 20px;\\n align-items: center;\\n flex-wrap: wrap;\\n font-size: 24px;\\n line-height: 2;\\n display: flex;\\n padding: 0;\\n\\n @media only screen and (max-width: 768px) {\\n justify-content: flex-start;\\n line-height: 1.5;\\n font-size: 20px;\\n }\\n']),\n _templateObject9 = _taggedTemplateLiteral(['\\n margin-top: 40px;\\n text-align: left;\\n flex-wrap: wrap;\\n display: flex;\\n\\n @media only screen and (max-width: 800px) {\\n flex-direction: column;\\n }\\n'], ['\\n margin-top: 40px;\\n text-align: left;\\n flex-wrap: wrap;\\n display: flex;\\n\\n @media only screen and (max-width: 800px) {\\n flex-direction: column;\\n }\\n']),\n _templateObject10 = _taggedTemplateLiteral(['\\n position: relative;\\n margin: 10px 0;\\n line-height: 42px;\\n overflow: hidden;\\n font-size: 22px;\\n width: 50%;\\n\\n @media only screen and (max-width: 480px) {\\n line-height: 36px;\\n font-size: 18px;\\n width: 100%;\\n margin: 0;\\n margin-bottom: 10px;\\n }\\n'], ['\\n position: relative;\\n margin: 10px 0;\\n line-height: 42px;\\n overflow: hidden;\\n font-size: 22px;\\n width: 50%;\\n\\n @media only screen and (max-width: 480px) {\\n line-height: 36px;\\n font-size: 18px;\\n width: 100%;\\n margin: 0;\\n margin-bottom: 10px;\\n }\\n']),\n _templateObject11 = _taggedTemplateLiteral(['\\n -webkit-tranisiton: .5s all;\\n -moz-tranisiton: .5s all;\\n transition: .5s all;\\n background-color: ', ';\\n position: absolute;\\n border-radius: 3px;\\n padding: 8px;\\n height: 26px;\\n width: 26px;\\n left: 0;\\n top: 0;\\n\\n @media only screen and (max-width: 480px) {\\n padding: 7px;\\n height: 22px;\\n width: 22px;\\n }\\n'], ['\\n -webkit-tranisiton: .5s all;\\n -moz-tranisiton: .5s all;\\n transition: .5s all;\\n background-color: ', ';\\n position: absolute;\\n border-radius: 3px;\\n padding: 8px;\\n height: 26px;\\n width: 26px;\\n left: 0;\\n top: 0;\\n\\n @media only screen and (max-width: 480px) {\\n padding: 7px;\\n height: 22px;\\n width: 22px;\\n }\\n']),\n _templateObject12 = _taggedTemplateLiteral(['\\n -webkit-tranisition: .5s all;\\n -moz-transition: .5s all;\\n transition: .5s all;\\n position: relative;\\n padding-left: 50px;\\n\\n @media only screen and (max-width: 480px) {\\n padding-left: 44px;\\n }\\n'], ['\\n -webkit-tranisition: .5s all;\\n -moz-transition: .5s all;\\n transition: .5s all;\\n position: relative;\\n padding-left: 50px;\\n\\n @media only screen and (max-width: 480px) {\\n padding-left: 44px;\\n }\\n']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactFontawesome = __webpack_require__(7);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _freeSolidSvgIcons = __webpack_require__(6);\n\nvar _freeBrandsSvgIcons = __webpack_require__(11);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Container = (0, _styledComponents.styled)(_global.Page)(_templateObject);\n\nvar Section = _styledComponents.styled.section(_templateObject2);\n\nvar SectionHeader = _styledComponents.styled.div(_templateObject3);\n\nvar SectionTitle = _styledComponents.styled.h2(_templateObject4);\n\nvar SectionPre = _styledComponents.styled.span(_templateObject5);\n\nvar SectionContent = _styledComponents.styled.div(_templateObject6);\n\nvar Link = _styledComponents.styled.a(_templateObject7, _global.colors.white, _global.colors.main, _global.colors.main);\n\nvar PGP = _styledComponents.styled.div(_templateObject8);\n\nvar ContactLinks = _styledComponents.styled.div(_templateObject9);\n\nvar ContactItem = _styledComponents.styled.div(_templateObject10);\n\nvar ContactItemIcon = (0, _styledComponents.styled)(_reactFontawesome.FontAwesomeIcon)(_templateObject11, _global.colors.iconBg);\n\nvar ContactItemContent = _styledComponents.styled.div(_templateObject12);\n\nvar Contact = function Contact() {\n return _react2.default.createElement(\n Container,\n null,\n _react2.default.createElement(\n Section,\n { id: 'info' },\n _react2.default.createElement(\n SectionHeader,\n null,\n _react2.default.createElement(\n SectionTitle,\n null,\n 'Contact'\n ),\n _react2.default.createElement(\n SectionPre,\n null,\n 'Get in touch'\n )\n ),\n _react2.default.createElement(\n SectionContent,\n null,\n _react2.default.createElement(\n PGP,\n null,\n 'PGP Fingerprint: ',\n _react2.default.createElement(\n Link,\n { href: 'https://pgp.mit.edu/pks/lookup?op=get&search=0xC09D284EB3830930' },\n 'D78A 27A8 C7E5 E55E B594 F340 C09D 284E B383 0930'\n )\n ),\n _react2.default.createElement(\n ContactLinks,\n null,\n _react2.default.createElement(\n ContactItem,\n null,\n _react2.default.createElement(ContactItemIcon, { icon: _freeSolidSvgIcons.faMapMarkerAlt }),\n _react2.default.createElement(\n ContactItemContent,\n null,\n 'San Francisco, CA'\n )\n ),\n _react2.default.createElement(\n ContactItem,\n null,\n _react2.default.createElement(\n 'a',\n { target: '_blank', href: 'https://www.linkedin.com/in/rozig/' },\n _react2.default.createElement(ContactItemIcon, { icon: _freeBrandsSvgIcons.faLinkedinIn }),\n _react2.default.createElement(\n ContactItemContent,\n null,\n 'rozig'\n )\n )\n ),\n _react2.default.createElement(\n ContactItem,\n null,\n _react2.default.createElement(\n 'a',\n { target: '_blank', href: 'https://medium.com/@rozig' },\n _react2.default.createElement(ContactItemIcon, { icon: _freeBrandsSvgIcons.faMedium }),\n _react2.default.createElement(\n ContactItemContent,\n null,\n 'rozig'\n )\n )\n ),\n _react2.default.createElement(\n ContactItem,\n null,\n _react2.default.createElement(\n 'a',\n { href: 'mailto:[email protected]' },\n _react2.default.createElement(ContactItemIcon, { icon: _freeSolidSvgIcons.faEnvelope }),\n _react2.default.createElement(\n ContactItemContent,\n null,\n '[email protected]'\n )\n )\n ),\n _react2.default.createElement(\n ContactItem,\n null,\n _react2.default.createElement(\n 'a',\n { href: 'tel:+13124041266' },\n _react2.default.createElement(ContactItemIcon, { icon: _freeSolidSvgIcons.faPhone }),\n _react2.default.createElement(\n ContactItemContent,\n null,\n '+1 (312) 404-1266'\n )\n )\n ),\n _react2.default.createElement(\n ContactItem,\n null,\n _react2.default.createElement(\n 'a',\n { target: '_blank', href: 'https://github.com/rozig/' },\n _react2.default.createElement(ContactItemIcon, { icon: _freeBrandsSvgIcons.faGithub }),\n _react2.default.createElement(\n ContactItemContent,\n null,\n 'rozig'\n )\n )\n )\n )\n )\n )\n );\n};\n\nexports.default = Contact;\n\n//# sourceURL=webpack:///./src/pages/Contact/index.jsx?")},function(module,exports,__webpack_require__){"use strict";eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _templateObject = _taggedTemplateLiteral(['\\n justify-content: space-between;\\n align-items: center;\\n position: absolute;\\n flex-wrap: wrap;\\n padding: 10px 0;\\n display: flex;\\n height: 70px;\\n width: 100%;\\n z-index: 3;\\n left: 0;\\n top: 0;\\n\\n @media only screen and (max-width: 768px) {\\n justify-content: space-around;\\n padding: 0 20px;\\n height: auto;\\n width: 100%;\\n }\\n'], ['\\n justify-content: space-between;\\n align-items: center;\\n position: absolute;\\n flex-wrap: wrap;\\n padding: 10px 0;\\n display: flex;\\n height: 70px;\\n width: 100%;\\n z-index: 3;\\n left: 0;\\n top: 0;\\n\\n @media only screen and (max-width: 768px) {\\n justify-content: space-around;\\n padding: 0 20px;\\n height: auto;\\n width: 100%;\\n }\\n']),\n _templateObject2 = _taggedTemplateLiteral(['\\n line-height: 70px;\\n font-weight: bold;\\n font-size: 48px;\\n display: block;\\n flex-grow: 1;\\n margin: 0;\\n\\n @media only screen and (max-width: 768px) {\\n order: 1;\\n }\\n'], ['\\n line-height: 70px;\\n font-weight: bold;\\n font-size: 48px;\\n display: block;\\n flex-grow: 1;\\n margin: 0;\\n\\n @media only screen and (max-width: 768px) {\\n order: 1;\\n }\\n']),\n _templateObject3 = _taggedTemplateLiteral(['\\n justify-content: flex-end;\\n list-style-type: none;\\n line-height: 50px;\\n overflow: hidden;\\n display: flex;\\n flex-grow: 1;\\n padding: 0;\\n margin: 0;\\n\\n @media only screen and (max-width: 768px) {\\n order: 2;\\n }\\n'], ['\\n justify-content: flex-end;\\n list-style-type: none;\\n line-height: 50px;\\n overflow: hidden;\\n display: flex;\\n flex-grow: 1;\\n padding: 0;\\n margin: 0;\\n\\n @media only screen and (max-width: 768px) {\\n order: 2;\\n }\\n']),\n _templateObject4 = _taggedTemplateLiteral(['\\n font-size: 20px;\\n margin: 0 10px;\\n\\n @media only screen and (max-width: 768px) {\\n margin: 0;\\n margin-left: 20px;\\n }\\n'], ['\\n font-size: 20px;\\n margin: 0 10px;\\n\\n @media only screen and (max-width: 768px) {\\n margin: 0;\\n margin-left: 20px;\\n }\\n']),\n _templateObject5 = _taggedTemplateLiteral(['\\n justify-content: flex-start;\\n text-transform: uppercase;\\n font-weight: bold;\\n line-height: 50px;\\n display: flex;\\n flex-grow: 8;\\n padding: 0px;\\n margin: 0px;\\n\\n @media only screen and (max-width: 768px) {\\n justify-content: center;\\n flex-grow: 1;\\n order: 3;\\n }\\n'], ['\\n justify-content: flex-start;\\n text-transform: uppercase;\\n font-weight: bold;\\n line-height: 50px;\\n display: flex;\\n flex-grow: 8;\\n padding: 0px;\\n margin: 0px;\\n\\n @media only screen and (max-width: 768px) {\\n justify-content: center;\\n flex-grow: 1;\\n order: 3;\\n }\\n']),\n _templateObject6 = _taggedTemplateLiteral(['\\n font-size: 16px;\\n margin: 0 20px;\\n\\n &::before, &::after {\\n -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;\\n -moz-transition: -moz-transform 0.3s, opacity 0.2s;\\n transition: transform 0.3s, opacity 0.2s;\\n display: inline-block;\\n opacity: 0;\\n }\\n\\n &::before {\\n -webkit-transform: translateX(20px);\\n -moz-transform: translateX(20px);\\n transform: translateX(20px);\\n margin-right: 10px;\\n content: \\'[\\';\\n }\\n &::after {\\n -webkit-transform: translateX(-20px);\\n -moz-transform: translateX(-20px);\\n transform: translateX(-20px);\\n margin-left: 10px;\\n content: \\']\\';\\n }\\n\\n &:hover::before,\\n &:hover::after,\\n &:focus::before,\\n &:focus::after,\\n &.active::before,\\n &.active::after {\\n -webkit-transform: translateX(0px);\\n -moz-transform: translateX(0px);\\n transform: translateX(0px);\\n opacity: 1;\\n }\\n &.active { color: ', '; }\\n\\n @media only screen and (max-width: 768px) {\\n margin: 0 10px;\\n }\\n'], ['\\n font-size: 16px;\\n margin: 0 20px;\\n\\n &::before, &::after {\\n -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;\\n -moz-transition: -moz-transform 0.3s, opacity 0.2s;\\n transition: transform 0.3s, opacity 0.2s;\\n display: inline-block;\\n opacity: 0;\\n }\\n\\n &::before {\\n -webkit-transform: translateX(20px);\\n -moz-transform: translateX(20px);\\n transform: translateX(20px);\\n margin-right: 10px;\\n content: \\'[\\';\\n }\\n &::after {\\n -webkit-transform: translateX(-20px);\\n -moz-transform: translateX(-20px);\\n transform: translateX(-20px);\\n margin-left: 10px;\\n content: \\']\\';\\n }\\n\\n &:hover::before,\\n &:hover::after,\\n &:focus::before,\\n &:focus::after,\\n &.active::before,\\n &.active::after {\\n -webkit-transform: translateX(0px);\\n -moz-transform: translateX(0px);\\n transform: translateX(0px);\\n opacity: 1;\\n }\\n &.active { color: ', '; }\\n\\n @media only screen and (max-width: 768px) {\\n margin: 0 10px;\\n }\\n']);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouterDom = __webpack_require__(8);\n\nvar _reactFontawesome = __webpack_require__(7);\n\nvar _styledComponents = __webpack_require__(3);\n\nvar _freeSolidSvgIcons = __webpack_require__(6);\n\nvar _freeBrandsSvgIcons = __webpack_require__(11);\n\nvar _global = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\nvar Container = _styledComponents.styled.div(_templateObject);\n\nvar Logo = (0, _styledComponents.styled)(_reactRouterDom.NavLink)(_templateObject2);\n\nvar SocialContainer = _styledComponents.styled.ul(_templateObject3);\n\nvar SocialItem = _styledComponents.styled.li(_templateObject4);\n\nvar Nav = _styledComponents.styled.nav(_templateObject5);\n\nvar NavItem = (0, _styledComponents.styled)(_reactRouterDom.NavLink)(_templateObject6, _global.colors.textHover);\n\nvar Header = function Header() {\n return _react2.default.createElement(\n Container,\n null,\n _react2.default.createElement(\n Logo,\n { to: '/' },\n 'Rozig'\n ),\n _react2.default.createElement(\n Nav,\n null,\n _react2.default.createElement(\n NavItem,\n { className: function className(_ref) {\n var isActive = _ref.isActive;\n return isActive && 'active';\n }, to: '/' },\n 'Home'\n ),\n _react2.default.createElement(\n NavItem,\n { className: function className(_ref2) {\n var isActive = _ref2.isActive;\n return isActive && 'active';\n }, to: '/profile' },\n 'Profile'\n ),\n _react2.default.createElement(\n NavItem,\n { className: function className(_ref3) {\n var isActive = _ref3.isActive;\n return isActive && 'active';\n }, to: '/contact' },\n 'Contact'\n )\n ),\n _react2.default.createElement(\n SocialContainer,\n null,\n _react2.default.createElement(\n SocialItem,\n null,\n _react2.default.createElement(\n 'a',\n { target: '_blank', href: 'https://github.com/rozig/' },\n _react2.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeBrandsSvgIcons.faGithubAlt })\n )\n ),\n _react2.default.createElement(\n SocialItem,\n null,\n _react2.default.createElement(\n 'a',\n { href: 'mailto:[email protected]' },\n _react2.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faEnvelope })\n )\n ),\n _react2.default.createElement(\n SocialItem,\n null,\n _react2.default.createElement(\n 'a',\n { target: '_blank', href: 'https://www.linkedin.com/in/rozig/' },\n _react2.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeBrandsSvgIcons.faLinkedinIn })\n )\n )\n )\n );\n};\n\nexports.default = Header;\n\n//# sourceURL=webpack:///./src/components/Header/index.jsx?")}]);