Decoupled images from software

.eslintcache

@@ -1 +1 @@
-[{"G:\\Projects\\github-repos\\portfolio\\src\\index.tsx":"1","G:\\Projects\\github-repos\\portfolio\\src\\reportWebVitals.ts":"2","G:\\Projects\\github-repos\\portfolio\\src\\Portfolio.tsx":"3","G:\\Projects\\github-repos\\portfolio\\src\\App.tsx":"4"},{"size":514,"mtime":1615755960771,"results":"5","hashOfConfig":"6"},{"size":440,"mtime":1615755960791,"results":"7","hashOfConfig":"6"},{"size":2185,"mtime":1615756199873,"results":"8","hashOfConfig":"6"},{"size":5809,"mtime":1615755960769,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"1ym830g",{"filePath":"13","messages":"14","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},{"filePath":"15","messages":"16","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"17","usedDeprecatedRules":"12"},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"G:\\Projects\\github-repos\\portfolio\\src\\index.tsx",[],["20","21"],"G:\\Projects\\github-repos\\portfolio\\src\\reportWebVitals.ts",[],"G:\\Projects\\github-repos\\portfolio\\src\\Portfolio.tsx",["22"],"import './Portfolio.css'\r\nimport {Grid} from \"@material-ui/core\";\r\nimport {faGithub, faLinkedin} from \"@fortawesome/free-brands-svg-icons\";\r\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\r\nimport {faEnvelope} from \"@fortawesome/free-solid-svg-icons\";\r\nimport App from \"./App\";\r\nimport {Helmet} from \"react-helmet\";\r\n\r\nfunction Portfolio() {\r\n\r\n    // The second grid with xs=5 is needed, cause the first one doent work..?\r\n    return (\r\n        <div>\r\n            <Helmet>\r\n                <meta charSet=\"utf-8\" />\r\n                <title>Lucas Winther Portfolio</title>\r\n            </Helmet>\r\n            <Grid container spacing={0}>\r\n                <Grid item xs={5} id={\"headerContainer\"}>\r\n                    <header>\r\n                        <img alt={\"Lucas Winther\"} src='images/avatar.png' />\r\n                        <p>\r\n                            <strong>My name is Lucas</strong>, a student <br />\r\n                            at Aarhus University with <br />\r\n                            passion for development.\r\n                        </p>\r\n                        <div id={\"icons\"}>\r\n                            <a href={\"https://www.linkedin.com/in/lucas-winther/\"}><FontAwesomeIcon icon={faLinkedin} /></a>\r\n                            <a href={\"mailto:lucas@lucaswinther.info\"}><FontAwesomeIcon icon={faEnvelope} /></a>\r\n                            <a href={\"https://github.com/StereotypicalCat\"}><FontAwesomeIcon icon={faGithub} /></a>\r\n                        </div>\r\n                    </header>\r\n                </Grid>\r\n                {/* I dont know why this grid is needed, but the first grid apparently doesn't register correctly.*/}\r\n                <Grid item xs={5}>\r\n                </Grid>\r\n                <Grid item xs={7} id={\"appContainer\"}>\r\n                    <App />\r\n                </Grid>\r\n            </Grid>\r\n            <noscript><img src=\"https://websiteanalytics.herokuapp.com/ingress/34f15484-8d83-4381-a829-c4cf4ac7e32b/pixel.gif\"/></noscript> <script src=\"https://websiteanalytics.herokuapp.com/ingress/34f15484-8d83-4381-a829-c4cf4ac7e32b/script.js\" />\r\n        </div>\r\n    )\r\n\r\n}\r\n\r\nexport default Portfolio;","G:\\Projects\\github-repos\\portfolio\\src\\App.tsx",[],{"ruleId":"23","replacedBy":"24"},{"ruleId":"25","replacedBy":"26"},{"ruleId":"27","severity":1,"message":"28","line":41,"column":23,"nodeType":"29","endLine":41,"endColumn":129},"no-native-reassign",["30"],"no-negated-in-lhs",["31"],"jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","no-global-assign","no-unsafe-negation"]
+[{"G:\\github-repos\\portfolio\\src\\index.tsx":"1","G:\\github-repos\\portfolio\\src\\reportWebVitals.ts":"2","G:\\github-repos\\portfolio\\src\\Portfolio.tsx":"3","G:\\github-repos\\portfolio\\src\\App.tsx":"4"},{"size":514,"mtime":1625244051083,"results":"5","hashOfConfig":"6"},{"size":440,"mtime":1625244051084,"results":"7","hashOfConfig":"6"},{"size":2067,"mtime":1628177776903,"results":"8","hashOfConfig":"6"},{"size":5809,"mtime":1628179437231,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"5w18i9",{"filePath":"13","messages":"14","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},{"filePath":"15","messages":"16","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"G:\\github-repos\\portfolio\\src\\index.tsx",[],["19","20"],"G:\\github-repos\\portfolio\\src\\reportWebVitals.ts",[],"G:\\github-repos\\portfolio\\src\\Portfolio.tsx",[],"G:\\github-repos\\portfolio\\src\\App.tsx",[],{"ruleId":"21","replacedBy":"22"},{"ruleId":"23","replacedBy":"24"},"no-native-reassign",["25"],"no-negated-in-lhs",["26"],"no-global-assign","no-unsafe-negation"]