{"version":3,"sources":["components/navbar.jsx","components/home.jsx","components/portfolio/portfolioBlocks/generic.jsx","components/portfolio/projectcontainer.jsx","components/project.jsx","components/contact.jsx","history.js","App.js","index.js"],"names":["NavBar","className","link","onMouseMove","this","props","onMouseDown","Component","Home","src","alt","infoBlocks","title","subTitle","icon","description","techTags","href","PHP","Symfony","Shell","MySQL","JavaScript","jQuery","Docker","WordPress","Canvas","React","Joomla","VB","MSSQL","GitHub","PrestaShop","Sass","GenericProjectBlock","Fragment","map","d","key","tag","style","backgroundColor","ProjectContainer","Project","Contact","createBrowserHistory","App","state","x","y","cursorPosition","left","top","allowMovement","allowTransition","e","backgroundStyle","window","getComputedStyle","target","getPropertyValue","nativeEvent","clientX","clientY","setState","newLink","getAttribute","width","height","transition","timer","setTimeout","loadContent","bind","borderRadius","history","push","revealContent","Router","Route","exact","path","render","ReactDOM","document","getElementById"],"mappings":"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","file":"static/js/main.48a7409b.chunk.js","sourcesContent":["import React, {Component} from 'react';\r\n\r\nclass NavBar extends Component {\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                <nav>\r\n                    <span className=\"link navLinkGrey\" link='/' onMouseMove={this.props.onMouseMove}\r\n                          onMouseDown={this.props.onMouseDown}>Hem</span>\r\n                    <span className=\"link navLinkGrey\" link='/project' onMouseMove={this.props.onMouseMove}\r\n                          onMouseDown={this.props.onMouseDown}>Projekt och erfarenheter</span>\r\n                    <span className=\"link navLinkGrey\" link='/contact' onMouseMove={this.props.onMouseMove}\r\n                          onMouseDown={this.props.onMouseDown}>Kontakt</span>\r\n                </nav>\r\n            </div>\r\n        );\r\n    }\r\n\r\n};\r\n\r\nexport default NavBar;","import React, {Component} from 'react';\r\n\r\nclass Home extends Component {\r\n\r\n    render() {\r\n\r\n        return (\r\n            <div className=\"homeContainer container\">\r\n                <h3 className=\"homeHeader\">Carl Markegång</h3>\r\n                <img src=\"/img/carl_markegang.png\" className=\"homeMeImage\" alt=\"Carl Markegång\"/>\r\n                <p className=\"homeIntroduction\">Hej!</p>\r\n\t\t\t\t\r\n                <span className=\"projectButtonLink\"><div className=\"projectButton\" link='/project'\r\n                                                         onMouseMove={this.props.onMouseMove}\r\n                                                         onMouseDown={this.props.onMouseDown}>Projekt och Erfarenheter</div>\r\n                    </span>\r\n            </div>\r\n        );\r\n\r\n    }\r\n\r\n};\r\n\r\nexport default Home;","import React, { Component } from 'react';\r\n\r\nconst infoBlocks = [\r\n    {\r\n        title: 'DPJ Workspace',\r\n        subTitle: 'Anställd - 2022 - nu',\r\n        icon: '/img/dpj.png',\r\n        description: [\r\n            <p>Fullstack utvecklare hos DPJ Workspace</p>\r\n        ],\r\n        techTags: [\r\n            'PHP',\r\n            'PrestaShop',\r\n            'JavaScript',\r\n            'jQuery',\r\n            'Sass',\r\n        ]\r\n    },\r\n    {\r\n        title: 'InfoSolutions',\r\n        subTitle: 'Anställd - 2019 - 2022',\r\n        icon: '/img/infosolutions.png',\r\n        description: [\r\n            <p>Utvecklare hos InfoSolutions</p>\r\n        ],\r\n        techTags: [\r\n            'ASP.NET',\r\n            'C#',\r\n            'VB',\r\n            'MSSQL',\r\n            'JavaScript',\r\n            'jQuery',\r\n            'WordPress'\r\n        ]\r\n    },\r\n    {\r\n        title: 'Linas Matkasse',\r\n        subTitle: 'Anställd - 2016 - 2018',\r\n        icon: '/img/icon1.png',\r\n        description: [\r\n            <p>Framför allt backend-utvecklare för Linas Matkasses interna business-system. Men även engagerad i\r\n                frontendarbete för kundriktade sidor, teknisk support m.m.</p>,\r\n            <p>Årets Anstäld 2017</p>\r\n        ],\r\n        techTags: [\r\n            'PHP',\r\n            'Symfony',\r\n            'Shell',\r\n            'MySQL',\r\n            'JavaScript',\r\n            'jQuery',\r\n            'Docker',\r\n            'WordPress'\r\n        ]\r\n    },\r\n    {\r\n        title: 'Personliga projekt på GitHub',\r\n        subTitle: 'Projekt',\r\n        icon: '/img/github.png',\r\n        description: [\r\n            <p>Jag håller ofta på med olika egna kod-projekt på fritiden. <br />\r\n                <a href=\"https://github.com/carlmarkegang\">Besök min GitHub för att se mer</a></p>,\r\n        ],\r\n        techTags: []\r\n    },\r\n    {\r\n        title: 'Gridtorps Pizzeria',\r\n        subTitle: 'Frilans - 2015',\r\n        icon: '/img/icon2.png',\r\n        description: [\r\n            <p>En sida skapad för Grindtorps pizzeria med adminverktyg med fokus på användarvänlighet. (Inte längre i drift)</p>,\r\n            <p>Finns lite mer om läsa om sidan på min <a href=\"http://www.markegang.se/archive/portfolio.html#restaurang\">före detta portfolio</a></p>\r\n        ],\r\n        techTags: [\r\n            'PHP',\r\n            'JavaScript',\r\n        ]\r\n    },\r\n    {\r\n        title: 'Markegang.se',\r\n        subTitle: 'Portfolio',\r\n        icon: '/img/icon4.png',\r\n        description: [\r\n            <p>Sidan du är på just nu är skriven i React med några roliga custom-skrivna transitions. :) <a href=\"https://github.com/carlmarkegang/portfolio\">Källkod</a></p>,\r\n            <p>Du kan även besöka min <a href=\"http://www.markegang.se/archive/portfolio.html\">föregående portfolio-sida</a>,\r\n                som är skriven i Javascript och jQuery. Här finns några fler projekt jag inte har redovisat här.</p>\r\n        ],\r\n        techTags: [\r\n            'React',\r\n            'jQuery',\r\n            'JavaScript'\r\n        ]\r\n    },\r\n    {\r\n        title: 'Svenska Hemag',\r\n        subTitle: 'Slutprojekt',\r\n        icon: '/img/icon6.png',\r\n        description: [\r\n            <p>Som slutprojekt och grupparbete på utbildningen Diplomerad Webbmaster gjorde vi en sida till en hantverkarfirma</p>\r\n        ],\r\n        techTags: [\r\n            'Joomla'\r\n        ]\r\n    },\r\n];\r\n\r\nconst techTags = {\r\n    PHP: '#3970d6',\r\n    Symfony: '#4f9263',\r\n    Shell: '#020202',\r\n    MySQL: '#f39e02',\r\n    JavaScript: '#9062a7',\r\n    jQuery: '#3e8392',\r\n    Docker: '#ea604e',\r\n    WordPress: '#8f99a3',\r\n    Canvas: '#acdf4d',\r\n    React: '#c3bf29',\r\n    Joomla: '#a05434',\r\n    'ASP.NET': '#62a7a0',\r\n    'C#': '#d02424',\r\n    VB: '#768424',\r\n    MSSQL: '#1a866c',\r\n    GitHub: '#020202',\r\n    PrestaShop: '#8f99a3',\r\n    Sass: '#e766d5',\r\n};\r\n\r\n\r\nclass GenericProjectBlock extends Component {\r\n    render() {\r\n        return (\r\n            <React.Fragment>\r\n                {\r\n                    infoBlocks.map(function (d) {\r\n                        return (\r\n                            <tr className=\"portfolioBlock\" key={d.title}>\r\n                                <td className=\"portfolioBlockImage\">\r\n                                    <img src={d.icon} alt=\"\" />\r\n                                </td>\r\n                                <td className=\"portfolioBlockText\">\r\n                                    <h3 className=\"portfolioBlockTextHeader\">{d.title}</h3>\r\n                                    <h4 className=\"portfolioBlockTextSubHeader\">{d.subTitle}</h4>\r\n                                    {d.description}\r\n\r\n                                    <div className=\"portfolioBlockTechs\">\r\n                                        {\r\n                                            d.techTags.map(function (tag) {\r\n                                                return (\r\n                                                    <span style={{ backgroundColor: techTags[tag] }}>{tag}</span>\r\n                                                )\r\n                                            })\r\n                                        }\r\n                                    </div>\r\n                                </td>\r\n                            </tr>\r\n                        )\r\n                    })\r\n                }\r\n            </React.Fragment>\r\n        )\r\n\r\n\r\n    }\r\n\r\n};\r\n\r\nexport default GenericProjectBlock;","import React, {Component} from 'react';\r\nimport GenericProjectBlock from './portfolioBlocks/generic';\r\n\r\nclass ProjectContainer extends Component {\r\n    render() {\r\n\r\n        return (\r\n            <React.Fragment>\r\n                <table>\r\n                    <tbody>\r\n                        <GenericProjectBlock />\r\n                    </tbody>\r\n                </table>\r\n                <br />\r\n                <span className=\"contactButtonLink\">\r\n                    <div className=\"contactButton\" link='/contact'\r\n                    onMouseMove={this.props.onMouseMove}\r\n                    onMouseDown={this.props.onMouseDown}>Kontakta mig</div>\r\n                    </span>\r\n                <br />\r\n            </React.Fragment>\r\n        );\r\n\r\n    }\r\n\r\n};\r\n\r\nexport default ProjectContainer;","import React, {Component} from 'react';\r\nimport ProjectContainer from './portfolio/projectcontainer';\r\n\r\nclass Project extends Component {\r\n\r\n    render() {\r\n\r\n        return (\r\n            <div className='container'>\r\n                <h3>Projekt och Erfarenheter</h3>\r\n                <ProjectContainer onMouseMove={this.props.onMouseMove} onMouseDown={this.props.onMouseDown} />\r\n            </div>\r\n        );\r\n\r\n    }\r\n\r\n};\r\n\r\nexport default Project;","import React, {Component} from 'react';\r\n\r\nclass Contact extends Component {\r\n\r\n    render() {\r\n\r\n        return (\r\n            <div className='container'>\r\n                <h3>Kontakt</h3>\r\n                <div className=\"contact\">\r\n                    <p>carl@markegang.se</p>\r\n                    <p>070-204 64 16</p>\r\n                    <p>Eller ett meddelande på LinkedIn</p>\r\n                    <p>\r\n                        <a href=\"https://github.com/carlmarkegang\">\r\n                            <img src=\"/img/github.png\" className=\"contactImages\" alt=\"github\"/>\r\n                        </a>\r\n                        <a href=\"https://www.linkedin.com/in/carl-markeg%C3%A5ng-b41971101/\">\r\n                            <img src=\"/img//linkedin.png\" className=\"contactImages\" alt=\"linkedin\"/>\r\n                        </a>\r\n                    </p>\r\n                </div>\r\n            </div>\r\n        );\r\n\r\n    }\r\n\r\n};\r\n\r\nexport default Contact;","import {createBrowserHistory} from 'history';\r\n\r\nexport default createBrowserHistory();","import React, {Component} from 'react';\r\nimport NavBar from './components/navbar';\r\nimport Home from './components/home';\r\nimport Project from './components/project';\r\nimport Contact from './components/contact';\r\nimport {Route, Router} from 'react-router-dom';\r\nimport history from './history';\r\n\r\nclass App extends Component {\r\n\r\n    state = {x: 0, y: 0};\r\n    cursorPosition = {left: 0, top: 0};\r\n    allowMovement = 1;\r\n    allowTransition = 1;\r\n\r\n    onMouseMove = (e) => {\r\n        if (this.allowMovement === 1) {\r\n            const backgroundStyle = window.getComputedStyle(e.target, null).getPropertyValue(\"background-color\");\r\n            this.cursorPosition = {\r\n                left: e.nativeEvent.clientX,\r\n                top: e.nativeEvent.clientY - 25,\r\n                backgroundColor: backgroundStyle\r\n            };\r\n\r\n            this.setState({x: e.nativeEvent.clientX, y: e.nativeEvent.clientY});\r\n\r\n        }\r\n    };\r\n\r\n    onMouseDown = (e) => {\r\n        if (this.allowTransition === 1 ) {\r\n            this.onMouseMove(e);\r\n            this.allowTransition = 0;\r\n            this.allowMovement = 0;\r\n            const newLink = e.target.getAttribute('link');\r\n            const backgroundStyle = window.getComputedStyle(e.target, null).getPropertyValue(\"background-color\");\r\n\r\n            this.cursorPosition = {\r\n                left: '-2000px',\r\n                top: '-2000px',\r\n                width: '10000px',\r\n                height: '10000px',\r\n                transition: '2s',\r\n                backgroundColor: backgroundStyle\r\n            };\r\n            this.setState({x: e.nativeEvent.clientX, y: e.nativeEvent.clientY});\r\n            this.timer = setTimeout(this.loadContent.bind(backgroundStyle, newLink), 1000);\r\n\r\n        }\r\n    };\r\n\r\n    loadContent = (newLink) => {\r\n        this.cursorPosition = {\r\n            left: '0px',\r\n            top: '0px',\r\n            width: '5000px',\r\n            height: '0px',\r\n            transition: '2s',\r\n            borderRadius: '0'\r\n        };\r\n\r\n        history.push(newLink);\r\n        this.setState(history);\r\n\r\n        this.allowMovement = 1;\r\n        this.allowTransition = 1;\r\n        this.timer = setTimeout(this.revealContent.bind(), 2000);\r\n        this.setState(this.cursorPosition);\r\n\r\n    };\r\n\r\n    revealContent = () => {\r\n        this.cursorPosition = {\r\n            left: '0px',\r\n            top: '0px',\r\n            width: '0px',\r\n            height: '0px',\r\n            transition: '0s',\r\n            borderRadius: '100%'\r\n        };\r\n    };\r\n\r\n    render() {\r\n\r\n        return (\r\n            <div className=\"appContainer\">\r\n                <NavBar onMouseMove={this.onMouseMove.bind(this)} onMouseDown={this.onMouseDown.bind(this)}/>\r\n\r\n\r\n                <Router history={history}>\r\n                    <div>\r\n                        <Route exact path=\"/\" render={(props) => {\r\n                            return (\r\n                                <div>\r\n                                    <Home onMouseMove={this.onMouseMove.bind(this)}\r\n                                          onMouseDown={this.onMouseDown.bind(this)}/>\r\n                                </div>\r\n                            )\r\n                        }}/>\r\n\r\n                        <Route exact path=\"/project\" render={(props) => {\r\n                            return (\r\n                                <div>\r\n                                    <Project onMouseMove={this.onMouseMove.bind(this)}\r\n                                             onMouseDown={this.onMouseDown.bind(this)}/>\r\n                                </div>\r\n                            )\r\n                        }}/>\r\n\r\n                        <Route exact path=\"/contact\" render={(props) => {\r\n                            return (\r\n                                <div>\r\n                                    <Contact onMouseMove={this.onMouseMove.bind(this)}\r\n                                             onMouseDown={this.onMouseDown.bind(this)}/>\r\n                                </div>\r\n                            )\r\n                        }}/>\r\n                    </div>\r\n                </Router>\r\n\r\n\r\n                <div style={this.cursorPosition} className=\"cursorFollower\"></div>\r\n\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default App;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App'\r\n\r\nReactDOM.render(<App/>, document.getElementById('root'));"],"sourceRoot":""}