diff --git a/node_modules/.cache/.eslintcache b/node_modules/.cache/.eslintcache
index 524bc21c..49581976 100644
--- a/node_modules/.cache/.eslintcache
+++ b/node_modules/.cache/.eslintcache
@@ -1 +1 @@
-[{"D:\\Uni\\MrCake4.github.io\\src\\index.js":"1","D:\\Uni\\MrCake4.github.io\\src\\App.js":"2","D:\\Uni\\MrCake4.github.io\\src\\components\\Navbar.js":"3","D:\\Uni\\MrCake4.github.io\\src\\components\\Header.js":"4","D:\\Uni\\MrCake4.github.io\\src\\components\\Projects.js":"5","D:\\Uni\\MrCake4.github.io\\src\\components\\About.js":"6","D:\\Uni\\MrCake4.github.io\\src\\components\\Footer.js":"7","D:\\Uni\\MrCake4.github.io\\src\\components\\FilmInformation.js":"8","D:\\Uni\\MrCake4.github.io\\src\\components\\SocialMedia.js":"9","D:\\Uni\\MrCake4.github.io\\src\\components\\Film.js":"10","D:\\Uni\\MrCake4.github.io\\src\\components\\FilmData.js":"11"},{"size":459,"mtime":1758229140000,"results":"12","hashOfConfig":"13"},{"size":976,"mtime":1758229140000,"results":"14","hashOfConfig":"13"},{"size":640,"mtime":1758229140000,"results":"15","hashOfConfig":"13"},{"size":314,"mtime":1758229140000,"results":"16","hashOfConfig":"13"},{"size":3457,"mtime":1758229140000,"results":"17","hashOfConfig":"13"},{"size":3670,"mtime":1758229140000,"results":"18","hashOfConfig":"13"},{"size":861,"mtime":1758229140000,"results":"19","hashOfConfig":"13"},{"size":2118,"mtime":1758287110000,"results":"20","hashOfConfig":"13"},{"size":1679,"mtime":1758229140000,"results":"21","hashOfConfig":"13"},{"size":2431,"mtime":1758229140000,"results":"22","hashOfConfig":"13"},{"size":4861,"mtime":1758229140000,"results":"23","hashOfConfig":"13"},{"filePath":"24","messages":"25","suppressedMessages":"26","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"or52xd",{"filePath":"27","messages":"28","suppressedMessages":"29","errorCount":0,"fatalErrorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"30","messages":"31","suppressedMessages":"32","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"33","messages":"34","suppressedMessages":"35","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"36","messages":"37","suppressedMessages":"38","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":4,"source":null},{"filePath":"39","messages":"40","suppressedMessages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"42","messages":"43","suppressedMessages":"44","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":1,"source":null},{"filePath":"45","messages":"46","suppressedMessages":"47","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"48","messages":"49","suppressedMessages":"50","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":3,"source":null},{"filePath":"51","messages":"52","suppressedMessages":"53","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"54","messages":"55","suppressedMessages":"56","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\Uni\\MrCake4.github.io\\src\\index.js",[],[],"D:\\Uni\\MrCake4.github.io\\src\\App.js",["57","58"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Navbar.js",[],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Header.js",["59"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Projects.js",["60","61","62","63"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\About.js",["64","65","66","67"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Footer.js",["68"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\FilmInformation.js",["69"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\SocialMedia.js",["70","71","72","73"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Film.js",["74","75","76","77"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\FilmData.js",[],[],{"ruleId":"78","severity":1,"message":"79","line":1,"column":8,"nodeType":"80","messageId":"81","endLine":1,"endColumn":12},{"ruleId":"78","severity":1,"message":"82","line":13,"column":8,"nodeType":"80","messageId":"81","endLine":13,"endColumn":12},{"ruleId":"78","severity":1,"message":"83","line":1,"column":8,"nodeType":"80","messageId":"81","endLine":1,"endColumn":13},{"ruleId":"84","severity":1,"message":"85","line":43,"column":17,"nodeType":"86","messageId":"87","endLine":46,"endColumn":18,"fix":"88"},{"ruleId":"84","severity":1,"message":"85","line":54,"column":17,"nodeType":"86","messageId":"87","endLine":57,"endColumn":18,"fix":"89"},{"ruleId":"84","severity":1,"message":"85","line":65,"column":17,"nodeType":"86","messageId":"87","endLine":68,"endColumn":18,"fix":"90"},{"ruleId":"84","severity":1,"message":"85","line":73,"column":17,"nodeType":"86","messageId":"87","endLine":76,"endColumn":18,"fix":"91"},{"ruleId":"78","severity":1,"message":"83","line":1,"column":8,"nodeType":"80","messageId":"81","endLine":1,"endColumn":13},{"ruleId":"78","severity":1,"message":"92","line":3,"column":16,"nodeType":"80","messageId":"81","endLine":3,"endColumn":24},{"ruleId":"78","severity":1,"message":"93","line":4,"column":9,"nodeType":"80","messageId":"81","endLine":4,"endColumn":15},{"ruleId":"78","severity":1,"message":"94","line":4,"column":17,"nodeType":"80","messageId":"81","endLine":4,"endColumn":24},{"ruleId":"84","severity":1,"message":"85","line":13,"column":13,"nodeType":"86","messageId":"87","endLine":13,"endColumn":66,"fix":"95"},{"ruleId":"96","severity":1,"message":"97","line":5,"column":13,"nodeType":"86","endLine":7,"endColumn":44},{"ruleId":"78","severity":1,"message":"98","line":3,"column":9,"nodeType":"80","messageId":"81","endLine":3,"endColumn":19},{"ruleId":"84","severity":1,"message":"85","line":13,"column":21,"nodeType":"86","messageId":"87","endLine":14,"endColumn":60,"fix":"99"},{"ruleId":"84","severity":1,"message":"85","line":19,"column":17,"nodeType":"86","messageId":"87","endLine":20,"endColumn":85,"fix":"100"},{"ruleId":"84","severity":1,"message":"85","line":24,"column":17,"nodeType":"86","messageId":"87","endLine":25,"endColumn":86,"fix":"101"},{"ruleId":"78","severity":1,"message":"102","line":1,"column":8,"nodeType":"80","messageId":"81","endLine":1,"endColumn":19},{"ruleId":"78","severity":1,"message":"103","line":2,"column":8,"nodeType":"80","messageId":"81","endLine":2,"endColumn":23},{"ruleId":"78","severity":1,"message":"104","line":12,"column":9,"nodeType":"80","messageId":"81","endLine":12,"endColumn":15},{"ruleId":"105","severity":1,"message":"106","line":44,"column":27,"nodeType":"107","messageId":"108","endLine":44,"endColumn":29},"no-unused-vars","'logo' is defined but never used.","Identifier","unusedVar","'Film' is defined but never used.","'react' is defined but never used.","react/jsx-no-target-blank","Using target=\"_blank\" without rel=\"noreferrer\" (which implies rel=\"noopener\") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations","JSXOpeningElement","noTargetBlankWithoutNoreferrer",{"range":"109","text":"110"},{"range":"111","text":"110"},{"range":"112","text":"110"},{"range":"113","text":"110"},"'faGithub' is defined but never used.","'faFilm' is defined but never used.","'faImage' is defined but never used.",{"range":"114","text":"110"},"jsx-a11y/iframe-has-title","<iframe> elements must have a unique title property.","'faEnvelope' is defined but never used.",{"range":"115","text":"110"},{"range":"116","text":"110"},{"range":"117","text":"110"},"'ReactPlayer' is defined but never used.","'FilmInformation' is defined but never used.","'filmID' is assigned a value but never used.","eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected",[1743,1743]," rel=\"noreferrer\"",[2232,2232],[2731,2731],[3156,3156],[465,465],[609,609],[1052,1052],[1426,1426]]
\ No newline at end of file
+[{"D:\\Uni\\MrCake4.github.io\\src\\index.js":"1","D:\\Uni\\MrCake4.github.io\\src\\App.js":"2","D:\\Uni\\MrCake4.github.io\\src\\components\\Navbar.js":"3","D:\\Uni\\MrCake4.github.io\\src\\components\\Header.js":"4","D:\\Uni\\MrCake4.github.io\\src\\components\\Projects.js":"5","D:\\Uni\\MrCake4.github.io\\src\\components\\About.js":"6","D:\\Uni\\MrCake4.github.io\\src\\components\\Footer.js":"7","D:\\Uni\\MrCake4.github.io\\src\\components\\FilmInformation.js":"8","D:\\Uni\\MrCake4.github.io\\src\\components\\SocialMedia.js":"9","D:\\Uni\\MrCake4.github.io\\src\\components\\Film.js":"10","D:\\Uni\\MrCake4.github.io\\src\\components\\FilmData.js":"11"},{"size":459,"mtime":1758229140000,"results":"12","hashOfConfig":"13"},{"size":976,"mtime":1758229140000,"results":"14","hashOfConfig":"13"},{"size":640,"mtime":1758229140000,"results":"15","hashOfConfig":"13"},{"size":314,"mtime":1758229140000,"results":"16","hashOfConfig":"13"},{"size":3940,"mtime":1763234264000,"results":"17","hashOfConfig":"13"},{"size":3670,"mtime":1758229140000,"results":"18","hashOfConfig":"13"},{"size":861,"mtime":1758229140000,"results":"19","hashOfConfig":"13"},{"size":2118,"mtime":1758458552000,"results":"20","hashOfConfig":"13"},{"size":1681,"mtime":1763234182000,"results":"21","hashOfConfig":"13"},{"size":2441,"mtime":1758458552000,"results":"22","hashOfConfig":"13"},{"size":5013,"mtime":1758458552000,"results":"23","hashOfConfig":"13"},{"filePath":"24","messages":"25","suppressedMessages":"26","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"or52xd",{"filePath":"27","messages":"28","suppressedMessages":"29","errorCount":0,"fatalErrorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"30","messages":"31","suppressedMessages":"32","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"33","messages":"34","suppressedMessages":"35","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"36","messages":"37","suppressedMessages":"38","errorCount":0,"fatalErrorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":5,"source":null},{"filePath":"39","messages":"40","suppressedMessages":"41","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"42","messages":"43","suppressedMessages":"44","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":1,"source":null},{"filePath":"45","messages":"46","suppressedMessages":"47","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"48","messages":"49","suppressedMessages":"50","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":3,"source":null},{"filePath":"51","messages":"52","suppressedMessages":"53","errorCount":0,"fatalErrorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"54","messages":"55","suppressedMessages":"56","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\Uni\\MrCake4.github.io\\src\\index.js",[],[],"D:\\Uni\\MrCake4.github.io\\src\\App.js",["57","58"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Navbar.js",[],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Header.js",["59"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Projects.js",["60","61","62","63","64"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\About.js",["65","66","67","68"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Footer.js",["69"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\FilmInformation.js",["70"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\SocialMedia.js",["71","72","73","74"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\Film.js",["75","76","77","78"],[],"D:\\Uni\\MrCake4.github.io\\src\\components\\FilmData.js",[],[],{"ruleId":"79","severity":1,"message":"80","line":1,"column":8,"nodeType":"81","messageId":"82","endLine":1,"endColumn":12},{"ruleId":"79","severity":1,"message":"83","line":13,"column":8,"nodeType":"81","messageId":"82","endLine":13,"endColumn":12},{"ruleId":"79","severity":1,"message":"84","line":1,"column":8,"nodeType":"81","messageId":"82","endLine":1,"endColumn":13},{"ruleId":"85","severity":1,"message":"86","line":43,"column":17,"nodeType":"87","messageId":"88","endLine":46,"endColumn":18,"fix":"89"},{"ruleId":"85","severity":1,"message":"86","line":54,"column":17,"nodeType":"87","messageId":"88","endLine":57,"endColumn":18,"fix":"90"},{"ruleId":"85","severity":1,"message":"86","line":65,"column":17,"nodeType":"87","messageId":"88","endLine":68,"endColumn":18,"fix":"91"},{"ruleId":"85","severity":1,"message":"86","line":76,"column":17,"nodeType":"87","messageId":"88","endLine":79,"endColumn":18,"fix":"92"},{"ruleId":"85","severity":1,"message":"86","line":84,"column":17,"nodeType":"87","messageId":"88","endLine":87,"endColumn":18,"fix":"93"},{"ruleId":"79","severity":1,"message":"84","line":1,"column":8,"nodeType":"81","messageId":"82","endLine":1,"endColumn":13},{"ruleId":"79","severity":1,"message":"94","line":3,"column":16,"nodeType":"81","messageId":"82","endLine":3,"endColumn":24},{"ruleId":"79","severity":1,"message":"95","line":4,"column":9,"nodeType":"81","messageId":"82","endLine":4,"endColumn":15},{"ruleId":"79","severity":1,"message":"96","line":4,"column":17,"nodeType":"81","messageId":"82","endLine":4,"endColumn":24},{"ruleId":"85","severity":1,"message":"86","line":13,"column":13,"nodeType":"87","messageId":"88","endLine":13,"endColumn":66,"fix":"97"},{"ruleId":"98","severity":1,"message":"99","line":5,"column":13,"nodeType":"87","endLine":7,"endColumn":44},{"ruleId":"79","severity":1,"message":"100","line":3,"column":9,"nodeType":"81","messageId":"82","endLine":3,"endColumn":19},{"ruleId":"85","severity":1,"message":"86","line":13,"column":21,"nodeType":"87","messageId":"88","endLine":14,"endColumn":60,"fix":"101"},{"ruleId":"85","severity":1,"message":"86","line":19,"column":17,"nodeType":"87","messageId":"88","endLine":20,"endColumn":85,"fix":"102"},{"ruleId":"85","severity":1,"message":"86","line":24,"column":17,"nodeType":"87","messageId":"88","endLine":25,"endColumn":86,"fix":"103"},{"ruleId":"79","severity":1,"message":"104","line":1,"column":8,"nodeType":"81","messageId":"82","endLine":1,"endColumn":19},{"ruleId":"79","severity":1,"message":"105","line":2,"column":8,"nodeType":"81","messageId":"82","endLine":2,"endColumn":23},{"ruleId":"79","severity":1,"message":"106","line":12,"column":9,"nodeType":"81","messageId":"82","endLine":12,"endColumn":15},{"ruleId":"107","severity":1,"message":"108","line":44,"column":27,"nodeType":"109","messageId":"110","endLine":44,"endColumn":29},"no-unused-vars","'logo' is defined but never used.","Identifier","unusedVar","'Film' is defined but never used.","'react' is defined but never used.","react/jsx-no-target-blank","Using target=\"_blank\" without rel=\"noreferrer\" (which implies rel=\"noopener\") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations","JSXOpeningElement","noTargetBlankWithoutNoreferrer",{"range":"111","text":"112"},{"range":"113","text":"112"},{"range":"114","text":"112"},{"range":"115","text":"112"},{"range":"116","text":"112"},"'faGithub' is defined but never used.","'faFilm' is defined but never used.","'faImage' is defined but never used.",{"range":"117","text":"112"},"jsx-a11y/iframe-has-title","<iframe> elements must have a unique title property.","'faEnvelope' is defined but never used.",{"range":"118","text":"112"},{"range":"119","text":"112"},{"range":"120","text":"112"},"'ReactPlayer' is defined but never used.","'FilmInformation' is defined but never used.","'filmID' is assigned a value but never used.","eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected",[1705,1705]," rel=\"noreferrer\"",[2226,2226],[2715,2715],[3214,3214],[3639,3639],[465,465],[609,609],[1052,1052],[1426,1426]]
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/01c5b4aa1b651e7a1a27dcf263cff8d2a0a2259954657a38e51d418e05437e4d.json b/node_modules/.cache/babel-loader/01c5b4aa1b651e7a1a27dcf263cff8d2a0a2259954657a38e51d418e05437e4d.json
new file mode 100644
index 00000000..e8a025eb
--- /dev/null
+++ b/node_modules/.cache/babel-loader/01c5b4aa1b651e7a1a27dcf263cff8d2a0a2259954657a38e51d418e05437e4d.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"D:\\\\Uni\\\\MrCake4.github.io\\\\src\\\\components\\\\Film.js\";\nimport ReactPlayer from 'react-player';\nimport FilmInformation from \"./FilmInformation\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Film = film => {\n  let filmName = film.filmName;\n  let description = film.description;\n  let director = film.director;\n  let dop = film.dop;\n  let production = film.production;\n  let yop = film.yop;\n  let filmID = film.filmID;\n  let link = film.link;\n  const showInformation = () => {\n    console.log(\"Film clicked \" + link);\n    let videoFrame = document.getElementById(\"videoFrame\");\n    let filmNameDisplay = document.getElementById(\"filmName\");\n    let filmInformationContainer = document.getElementById(\"FilmInformationContainer\");\n    let filmDescription = document.getElementById(\"description\");\n    let filmDirector = document.getElementById(\"directorText\");\n    let filmProduction = document.getElementById(\"productionText\");\n    let filmDop = document.getElementById(\"dopText\");\n    let filmYop = document.getElementById(\"yopText\");\n\n    // set container to visible\n    if (filmInformationContainer.hidden) {\n      filmInformationContainer.style.visibility = \"visible\";\n      filmInformationContainer.hidden = false;\n    }\n\n    // replace values of tags in FilmInformation.js\n    videoFrame.src = link;\n    filmNameDisplay.innerText = filmName;\n    filmDescription.innerText = description;\n    filmDirector.innerText = director;\n    filmDop.innerText = dop;\n    filmYop.innerText = yop;\n    filmProduction.innerText = production;\n\n    // check if video frame has a src\n    console.log(videoFrame.src);\n    if (videoFrame.src == \"http://localhost:3000/null\" || \"null\") {\n      videoFrame.hidden = true;\n    } else {\n      videoFrame.hidden = false;\n    }\n    filmInformationContainer.scrollIntoView({\n      behavior: \"smooth\"\n    });\n  };\n\n  // Make titles shorter\n  let filmNameDisplay = filmName;\n  if (filmName.length > 16) filmNameDisplay = filmName.slice(0, 12) + \"...\";\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"Film-Container\",\n    style: {\n      alignContent: \"center\"\n    },\n    onClick: showInformation,\n    children: [/*#__PURE__*/_jsxDEV(\"img\", {\n      className: \"Poster-Image\",\n      src: require('../styles/posters/' + film.img),\n      alt: film.alt,\n      style: {\n        width: \"15rem\"\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 56,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"h3\", {\n      children: filmNameDisplay\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 55,\n    columnNumber: 9\n  }, this);\n};\n_c = Film;\nexport default Film;\nvar _c;\n$RefreshReg$(_c, \"Film\");","map":{"version":3,"names":["ReactPlayer","FilmInformation","jsxDEV","_jsxDEV","Film","film","filmName","description","director","dop","production","yop","filmID","link","showInformation","console","log","videoFrame","document","getElementById","filmNameDisplay","filmInformationContainer","filmDescription","filmDirector","filmProduction","filmDop","filmYop","hidden","style","visibility","src","innerText","scrollIntoView","behavior","length","slice","className","alignContent","onClick","children","require","img","alt","width","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["D:/Uni/MrCake4.github.io/src/components/Film.js"],"sourcesContent":["import ReactPlayer from 'react-player'\r\nimport FilmInformation from \"./FilmInformation\";\r\n\r\n\r\nconst Film = (film) => {\r\n    let filmName = film.filmName;\r\n    let description = film.description;\r\n    let director = film.director;\r\n    let dop = film.dop;\r\n    let production = film.production;\r\n    let yop = film.yop;\r\n    let filmID = film.filmID;\r\n    let link = film.link;\r\n\r\n    const showInformation = () => {\r\n        console.log(\"Film clicked \" + link)\r\n\r\n        let videoFrame = document.getElementById(\"videoFrame\");\r\n        let filmNameDisplay = document.getElementById(\"filmName\")\r\n        let filmInformationContainer = document.getElementById(\"FilmInformationContainer\");\r\n        let filmDescription = document.getElementById(\"description\");\r\n        let filmDirector = document.getElementById(\"directorText\");\r\n        let filmProduction = document.getElementById(\"productionText\");\r\n        let filmDop = document.getElementById(\"dopText\");\r\n        let filmYop = document.getElementById(\"yopText\");\r\n\r\n        // set container to visible\r\n        if (filmInformationContainer.hidden) {\r\n            filmInformationContainer.style.visibility = \"visible\";\r\n            filmInformationContainer.hidden = false;\r\n        }\r\n\r\n        // replace values of tags in FilmInformation.js\r\n        videoFrame.src = link;\r\n        filmNameDisplay.innerText = filmName;\r\n        filmDescription.innerText = description;\r\n        filmDirector.innerText = director;\r\n        filmDop.innerText = dop;\r\n        filmYop.innerText = yop;\r\n        filmProduction.innerText = production;\r\n\r\n        // check if video frame has a src\r\n        console.log(videoFrame.src);\r\n        if(videoFrame.src == \"http://localhost:3000/null\" || \"null\") {videoFrame.hidden=true}\r\n        else {videoFrame.hidden=false}\r\n\r\n        filmInformationContainer.scrollIntoView({ behavior: \"smooth\" });\r\n    }\r\n\r\n    // Make titles shorter\r\n    let filmNameDisplay = filmName;\r\n    if (filmName.length > 16) filmNameDisplay = filmName.slice(0, 12) + \"...\";\r\n\r\n    return (\r\n        <div className=\"Film-Container\" style={{alignContent: \"center\"}} onClick={showInformation}>\r\n            <img className=\"Poster-Image\"\r\n                 src={require('../styles/posters/' + film.img)}\r\n                 alt={film.alt}\r\n                 style={{width: \"15rem\"}}\r\n            />\r\n            <h3>{filmNameDisplay}</h3>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Film;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/04644a28bb0b1da966c0471e03e0ab7d90f0418f80bd39fc999e97142e5c0b09.json b/node_modules/.cache/babel-loader/04644a28bb0b1da966c0471e03e0ab7d90f0418f80bd39fc999e97142e5c0b09.json
new file mode 100644
index 00000000..e4f283b5
--- /dev/null
+++ b/node_modules/.cache/babel-loader/04644a28bb0b1da966c0471e03e0ab7d90f0418f80bd39fc999e97142e5c0b09.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"D:\\\\Uni\\\\MrCake4.github.io\\\\src\\\\components\\\\SocialMedia.js\";\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faLinkedin, faYoutube, faGithub } from \"@fortawesome/free-brands-svg-icons\";\nimport { faEnvelope } from \"@fortawesome/free-regular-svg-icons\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst SocialMedia = () => {\n  let icoSize = \"3x\";\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"SocialMedia-container\",\n    id: \"SocialMedia\",\n    children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n      children: \"Social Media\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 9,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"hr\", {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 10,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"link-container\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"techIcon\",\n        children: /*#__PURE__*/_jsxDEV(\"a\", {\n          className: \"Github\",\n          target: \"_blank\",\n          href: \"https://github.com/win-vid\",\n          children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            className: \"icon\",\n            icon: faGithub,\n            size: icoSize\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 14,\n            columnNumber: 60\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 13,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"techIcon\",\n        children: /*#__PURE__*/_jsxDEV(\"a\", {\n          className: \"LinkedIN\",\n          target: \"_blank\",\n          href: \"https://www.linkedin.com/in/winston-reichelt-88a8522a8/\",\n          children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: faLinkedin,\n            size: icoSize\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 20,\n            columnNumber: 85\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 19,\n          columnNumber: 17\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"techIcon\",\n        children: /*#__PURE__*/_jsxDEV(\"a\", {\n          className: \"Youtube\",\n          target: \"_blank\",\n          href: \"https://www.youtube.com/channel/UCtA3QjX9Ic70OhlpcA1QR2w\",\n          children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n            icon: faYoutube,\n            size: icoSize\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 25,\n            columnNumber: 86\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 24,\n          columnNumber: 17\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 11,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 8,\n    columnNumber: 13\n  }, this);\n};\n_c = SocialMedia;\nexport default SocialMedia;\nvar _c;\n$RefreshReg$(_c, \"SocialMedia\");","map":{"version":3,"names":["FontAwesomeIcon","faLinkedin","faYoutube","faGithub","faEnvelope","jsxDEV","_jsxDEV","SocialMedia","icoSize","className","id","children","fileName","_jsxFileName","lineNumber","columnNumber","target","href","icon","size","_c","$RefreshReg$"],"sources":["D:/Uni/MrCake4.github.io/src/components/SocialMedia.js"],"sourcesContent":["import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'\r\nimport {faLinkedin, faYoutube, faGithub} from \"@fortawesome/free-brands-svg-icons\";\r\nimport {faEnvelope} from \"@fortawesome/free-regular-svg-icons\"\r\n\r\n\r\nconst SocialMedia = () => {\r\n    let icoSize = \"3x\"\r\n    return (<div className={\"SocialMedia-container\"} id=\"SocialMedia\">\r\n            <h2>Social Media</h2>\r\n            <hr/>\r\n            <div className=\"link-container\">\r\n                <div className={\"techIcon\"}>\r\n                    <a className={\"Github\"} target={\"_blank\"}\r\n                       href={\"https://github.com/win-vid\"}><FontAwesomeIcon className={\"icon\"}\r\n                                                                            icon={faGithub}\r\n                                                                            size={icoSize}/></a>\r\n                </div>\r\n                <div className={\"techIcon\"}>\r\n                <a className={\"LinkedIN\"} target={\"_blank\"}\r\n                   href={\"https://www.linkedin.com/in/winston-reichelt-88a8522a8/\"}><FontAwesomeIcon icon={faLinkedin}\r\n                                                                                                     size={icoSize}/></a>\r\n                </div>\r\n                <div className={\"techIcon\"}>\r\n                <a className={\"Youtube\"} target={\"_blank\"}\r\n                   href={\"https://www.youtube.com/channel/UCtA3QjX9Ic70OhlpcA1QR2w\"}><FontAwesomeIcon icon={faYoutube}\r\n                                                                                                      size={icoSize}/></a>\r\n                </div>\r\n            </div>\r\n        </div>)\r\n}\r\n\r\nexport default SocialMedia;\r\n"],"mappings":";AAAA,SAAQA,eAAe,QAAO,gCAAgC;AAC9D,SAAQC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAO,oCAAoC;AAClF,SAAQC,UAAU,QAAO,qCAAqC;AAAA,SAAAC,MAAA,IAAAC,OAAA;AAG9D,MAAMC,WAAW,GAAGA,CAAA,KAAM;EACtB,IAAIC,OAAO,GAAG,IAAI;EAClB,oBAAQF,OAAA;IAAKG,SAAS,EAAE,uBAAwB;IAACC,EAAE,EAAC,aAAa;IAAAC,QAAA,gBACzDL,OAAA;MAAAK,QAAA,EAAI;IAAY;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAI,CAAC,eACrBT,OAAA;MAAAM,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAI,CAAC,eACLT,OAAA;MAAKG,SAAS,EAAC,gBAAgB;MAAAE,QAAA,gBAC3BL,OAAA;QAAKG,SAAS,EAAE,UAAW;QAAAE,QAAA,eACvBL,OAAA;UAAGG,SAAS,EAAE,QAAS;UAACO,MAAM,EAAE,QAAS;UACtCC,IAAI,EAAE,4BAA6B;UAAAN,QAAA,eAACL,OAAA,CAACN,eAAe;YAACS,SAAS,EAAE,MAAO;YAClBS,IAAI,EAAEf,QAAS;YACfgB,IAAI,EAAEX;UAAQ;YAAAI,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAAC;QAAC;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAG;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAC3E,CAAC,eACNT,OAAA;QAAKG,SAAS,EAAE,UAAW;QAAAE,QAAA,eAC3BL,OAAA;UAAGG,SAAS,EAAE,UAAW;UAACO,MAAM,EAAE,QAAS;UACxCC,IAAI,EAAE,yDAA0D;UAAAN,QAAA,eAACL,OAAA,CAACN,eAAe;YAACkB,IAAI,EAAEjB,UAAW;YACjBkB,IAAI,EAAEX;UAAQ;YAAAI,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAAC;QAAC;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAG;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACpG,CAAC,eACNT,OAAA;QAAKG,SAAS,EAAE,UAAW;QAAAE,QAAA,eAC3BL,OAAA;UAAGG,SAAS,EAAE,SAAU;UAACO,MAAM,EAAE,QAAS;UACvCC,IAAI,EAAE,0DAA2D;UAAAN,QAAA,eAACL,OAAA,CAACN,eAAe;YAACkB,IAAI,EAAEhB,SAAU;YAChBiB,IAAI,EAAEX;UAAQ;YAAAI,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAAC;QAAC;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAG;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACrG,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACL,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACL,CAAC;AACd,CAAC;AAAAK,EAAA,GAxBKb,WAAW;AA0BjB,eAAeA,WAAW;AAAC,IAAAa,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/6879c89a8398cd54c3757c1dffdfa224ac80985054909e2250b955262a9fa445.json b/node_modules/.cache/babel-loader/6879c89a8398cd54c3757c1dffdfa224ac80985054909e2250b955262a9fa445.json
new file mode 100644
index 00000000..a25d14f3
--- /dev/null
+++ b/node_modules/.cache/babel-loader/6879c89a8398cd54c3757c1dffdfa224ac80985054909e2250b955262a9fa445.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"D:\\\\Uni\\\\MrCake4.github.io\\\\src\\\\components\\\\Projects.js\";\nimport Film from './Film.js';\nimport filmData from './FilmData';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Projects = () => {\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"Projects\",\n    id: \"work\",\n    style: {\n      display: \"flex\",\n      alignItems: \"center\",\n      flexFlow: \"column\"\n    },\n    children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n      children: \"Work\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 11,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"hr\", {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"projects-container\",\n      style: {\n        display: \"flex\",\n        flexFlow: \"row wrap\",\n        justifyContent: \"space-between\",\n        width: \"50%\"\n      },\n      children:\n      // This lists all films from the film data component\n      Object.values(filmData).map((film, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"card\",\n        children: /*#__PURE__*/_jsxDEV(Film, {\n          filmName: film.name,\n          director: film.director,\n          production: film.production,\n          dop: film.dop,\n          yop: film.yop,\n          description: film.desc,\n          img: (film.shortName || \"placeholder\") + \".jpg\",\n          alt: \"Poster \" + film.name || \"\",\n          link: film.link\n        }, index, false, {\n          fileName: _jsxFileName,\n          lineNumber: 25,\n          columnNumber: 25\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 24,\n        columnNumber: 21\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 13,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n      id: \"coding-projects\",\n      children: \"Coding Projects\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"hr\", {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"coding-projects-container\",\n      children: [/*#__PURE__*/_jsxDEV(\"a\", {\n        href: \"https://github.com/win-vid/Tanker\",\n        target: \"_blank\",\n        style: {\n          textDecoration: \"none\"\n        },\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"menu__link\",\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"code-project\",\n            children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n              children: \"Tanker\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 49,\n              columnNumber: 29\n            }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n              className: \"code-project-date\",\n              children: \"2025\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 50,\n              columnNumber: 29\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 48,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 47,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 43,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n        href: \"https://showtime.f4.htw-berlin.de/ss25/bachelor/b2-licht_und_schatten/\",\n        target: \"_blank\",\n        style: {\n          textDecoration: \"none\"\n        },\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"menu__link\",\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"code-project\",\n            children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n              children: \"Dolly's House\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 60,\n              columnNumber: 29\n            }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n              className: \"code-project-date\",\n              children: \"2025\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 61,\n              columnNumber: 29\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 59,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 58,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n        href: \"https://github.com/MrCake4/RTX#\",\n        target: \"_blank\",\n        style: {\n          textDecoration: \"none\"\n        },\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"menu__link\",\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"code-project\",\n            children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n              children: \"Ray Tracer\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 71,\n              columnNumber: 29\n            }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n              className: \"code-project-date\",\n              children: \"2025\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 72,\n              columnNumber: 29\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 69,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 65,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n        href: \"https://github.com/MrCake4/randomgifgenerator\",\n        target: \"_blank\",\n        style: {\n          textDecoration: \"none\"\n        },\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"menu__link\",\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"code-project\",\n            children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n              children: \"Random GIF Generator\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 82,\n              columnNumber: 21\n            }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n              className: \"code-project-date\",\n              children: \"2024\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 83,\n              columnNumber: 29\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 81,\n            columnNumber: 25\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 80,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 76,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"a\", {\n        href: \"https://github.com/MrCake4/rawditor\",\n        target: \"_blank\",\n        style: {\n          textDecoration: \"none\"\n        },\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"menu__link\",\n          children: /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"code-project\",\n            children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n              children: \"Rawditor\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 89,\n              columnNumber: 21\n            }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n              className: \"code-project-date\",\n              children: \"2024\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 90,\n              columnNumber: 21\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 88,\n            columnNumber: 51\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 88,\n          columnNumber: 21\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 6,\n    columnNumber: 9\n  }, this);\n};\n_c = Projects;\nexport default Projects;\nvar _c;\n$RefreshReg$(_c, \"Projects\");","map":{"version":3,"names":["Film","filmData","jsxDEV","_jsxDEV","Projects","className","id","style","display","alignItems","flexFlow","children","fileName","_jsxFileName","lineNumber","columnNumber","justifyContent","width","Object","values","map","film","index","filmName","name","director","production","dop","yop","description","desc","img","shortName","alt","link","href","target","textDecoration","_c","$RefreshReg$"],"sources":["D:/Uni/MrCake4.github.io/src/components/Projects.js"],"sourcesContent":["import Film from './Film.js';\r\nimport filmData from './FilmData'\r\n\r\nconst Projects = () => {\r\n    return (\r\n        <div className=\"Projects\" id=\"work\" style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            flexFlow: \"column\"\r\n        }}>\r\n            <h2>Work</h2>\r\n            <hr/>\r\n            <div className=\"projects-container\"\r\n                 style={{\r\n                     display: \"flex\",\r\n                     flexFlow: \"row wrap\",\r\n                     justifyContent: \"space-between\",\r\n                     width: \"50%\",\r\n                 }}>\r\n\r\n                {\r\n                    // This lists all films from the film data component\r\n                    Object.values(filmData).map((film, index) => (\r\n                    <div className={\"card\"}>\r\n                        <Film\r\n                        key={index}\r\n                        filmName={film.name}\r\n                        director={film.director}\r\n                        production={film.production}\r\n                        dop={film.dop}\r\n                        yop={film.yop}\r\n                        description={film.desc}\r\n                        img={(film.shortName || \"placeholder\") + \".jpg\"}\r\n                        alt={(\"Poster \" + film.name) || \"\"}\r\n                        link={film.link}\r\n                        /></div>\r\n                ))\r\n                }\r\n            </div>\r\n            <h2 id={\"coding-projects\"}>Coding Projects</h2>\r\n            <hr/>\r\n            <div className=\"coding-projects-container\">\r\n                <a href={\"https://github.com/win-vid/Tanker\"}\r\n                   target={\"_blank\"}\r\n                   style={{textDecoration: \"none\"}}\r\n                >\r\n                    <div className={\"menu__link\"}>\r\n                        <div className={\"code-project\"}>\r\n                            <h3>Tanker</h3>\r\n                            <p className={\"code-project-date\"}>2025</p>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n                <a href={\"https://showtime.f4.htw-berlin.de/ss25/bachelor/b2-licht_und_schatten/\"}\r\n                   target={\"_blank\"}\r\n                    style={{textDecoration: \"none\"}}\r\n                >\r\n                    <div className={\"menu__link\"}>\r\n                        <div className={\"code-project\"}>\r\n                            <h3>Dolly's House</h3>\r\n                            <p className={\"code-project-date\"}>2025</p>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n                <a href={\"https://github.com/MrCake4/RTX#\"}\r\n                   target={\"_blank\"}\r\n                    style={{textDecoration: \"none\"}}\r\n                >\r\n                    <div className={\"menu__link\"}>\r\n                        <div className={\"code-project\"}>\r\n                            <h3>Ray Tracer</h3>\r\n                            <p className={\"code-project-date\"}>2025</p>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n                <a href={\"https://github.com/MrCake4/randomgifgenerator\"}\r\n                   target={\"_blank\"}\r\n                   style={{textDecoration: \"none\"}}\r\n                >\r\n                    <div className={\"menu__link\"}>\r\n                        <div className={\"code-project\"}>\r\n                    <h3>Random GIF Generator</h3>\r\n                            <p className={\"code-project-date\"}>2024</p></div></div></a>\r\n                <a href={\"https://github.com/MrCake4/rawditor\"}\r\n                   target={\"_blank\"}\r\n                   style={{textDecoration: \"none\"}}\r\n                >\r\n                    <div className={\"menu__link\"}><div className={\"code-project\"}>\r\n                    <h3>Rawditor</h3>\r\n                    <p className={\"code-project-date\"}>2024</p></div></div></a>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\n\r\nexport default Projects;\r\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/79e2284b7179fec0278fd0e2b4959d23d201b229fb3046dc2b1498afced14091.json b/node_modules/.cache/babel-loader/79e2284b7179fec0278fd0e2b4959d23d201b229fb3046dc2b1498afced14091.json
new file mode 100644
index 00000000..bde17228
--- /dev/null
+++ b/node_modules/.cache/babel-loader/79e2284b7179fec0278fd0e2b4959d23d201b229fb3046dc2b1498afced14091.json
@@ -0,0 +1 @@
+{"ast":null,"code":"// Image Name must match film short-name name and be a jpeg\n// links need to be added in the following format: \"https://www.youtube.com/embed/LINK\"\n// Images must be resized to 750x1000px\n\nlet filmData = {\n  So89: {\n    name: \"Sommer '89\",\n    shortName: \"so89\",\n    director: \"Winston J. Reichelt\",\n    production: \"Julius Wuttke & Winston J. Reichelt\",\n    dop: \"Justus Richter\",\n    yop: \"2022\",\n    desc: \"In the summer of '89, a smuggler helps a group of GDR refugees cross the Austrian-Hungarian border. However, this well-intentioned act only incites outrage in his homeland.\\n\" + \"\\n\" + \"Inspired by the song “Sommer ‘89” by the band Kettcar.\",\n    awards: [],\n    link: null\n  },\n  coex: {\n    name: \"Command Exit\",\n    shortName: \"coex\",\n    director: \"Mika Rau & Winston J. Reichelt\",\n    production: \"Jugendfilmcamp Arendsee\",\n    dop: \"Ben Job\",\n    yop: \"2021\",\n    desc: \"Newton, a unremarkable programmer, works for a big tech company. When he finds out what iTech actually builds, his uprightness is put to the test.\",\n    awards: [],\n    link: \"https://www.youtube.com/embed/YVEj1a_qC_o\"\n  },\n  mull: {\n    name: \"Müllschlucker\",\n    shortName: \"mull\",\n    director: \"Mika Rau & Winston J. Reichelt\",\n    production: \"Jugendfilmcamp Arendsee\",\n    dop: \"Leander Schares\",\n    yop: \"2023\",\n    desc: \"Since ages people discard their trash in a mysterious wooden door in the middle of an abandoned ruin. One day, a girl accidentally throws one of her belongings into the door. After trespassing she is confronted with humanities waste.\",\n    awards: [],\n    link: \"https://www.youtube.com/embed/1eBDIlbKDSg\"\n  },\n  cffw: {\n    name: \"Charlies Funny Fucking World\",\n    shortName: \"cffw\",\n    director: \"Winston J. Reichelt\",\n    production: \"Jugendfilmcamp Arendsee\",\n    dop: \"Tancredi Morleo\",\n    yop: \"2019\",\n    desc: \"In this normal sitcom, our protagonist Charlie battles with his past trauma of causing someone elses death.\",\n    awards: [],\n    link: \"https://www.youtube.com/embed/eGXXLLx3aTw\"\n  },\n  zeit: {\n    name: \"Was ist Zeit?\",\n    shortName: \"zeit\",\n    director: \"Winston J. Reichelt\",\n    production: \"Winston J. Reichelt\",\n    dop: \"Winston J. Reichelt\",\n    yop: \"2022\",\n    desc: \"What is time? This philosophical question has occupied humanity ever since it has been able to think. The three temporal forms — \\\"past,\\\" \\\"present,\\\" and \\\"future\\\" — are embodied here by three people. They attempt to give the audience an answer to this existential question.\",\n    awards: [],\n    link: \"https://www.youtube.com/embed/AmszTknSqzA\"\n  },\n  addi: {\n    name: \"Addicts\",\n    shortName: \"addi\",\n    director: \"Alex Salo\",\n    production: \"Alex Salo\",\n    dop: \"Winston J. Reichelt\",\n    yop: \"2024\",\n    desc: \"A short film about two people who battle their addiction. Ultimately they end up meeting each other.\",\n    awards: [],\n    link: null\n  },\n  cool: {\n    name: \"Einfach Cool bleiben\",\n    shortName: \"cool\",\n    director: \"Mika Rau & Winston J. Reichelt\",\n    production: \"Jugendfilmcamp Arendsee\",\n    dop: \"Leander Schares\",\n    yop: \"2023\",\n    desc: \"Two wannabe-gangster try to sell their product but get caught in a severe misunderstanding.\",\n    awards: [],\n    link: null\n  },\n  shst: {\n    name: \"A Shorts Story\",\n    shortName: \"shst\",\n    director: \"Rebekka Sailer\",\n    production: \"Winston J. Reichelt\",\n    dop: \"Yannick Picaper\",\n    yop: \"2024\",\n    desc: \"This is a project supported by the Freie Filmwerkstatt, an independent student organization at Freie Universität Berlin.\\n\" + \"The short film is based on a 1904 short film titled \\\"An Interesting Story.\\\"\",\n    awards: [],\n    link: \"https://www.youtube.com/embed/4u8ArGuJK1Y\"\n  },\n  retu: {\n    name: \"Reverse Turing\",\n    shortName: \"retu\",\n    director: \"Mika Rau & Winston J. Reichelt\",\n    production: \"Jugendfilmcamp Arendsee\",\n    dop: \"Winston J. Reichelt\",\n    yop: \"2024\",\n    desc: \"In a secret cooperate experiment, a human is stuck in a room full of AI's. The AI's have to find out which one of them the human is and kill him.\",\n    awards: [],\n    link: null\n  },\n  winx: {\n    name: \"Out of Sync\",\n    shortName: \"winx\",\n    director: \"Melissa Bärtl\",\n    production: \"Melissa Bärtl\",\n    dop: \"Winston J. Reichelt\",\n    yop: \"2025\",\n    desc: \"Musa battles her exam-fear while at the same time coping with her secret love for one of her friends.\",\n    awards: [],\n    link: null\n  }\n};\nexport default filmData;","map":{"version":3,"names":["filmData","So89","name","shortName","director","production","dop","yop","desc","awards","link","coex","mull","cffw","zeit","addi","cool","shst","retu","winx"],"sources":["D:/Uni/MrCake4.github.io/src/components/FilmData.js"],"sourcesContent":["// Image Name must match film short-name name and be a jpeg\r\n// links need to be added in the following format: \"https://www.youtube.com/embed/LINK\"\r\n// Images must be resized to 750x1000px\r\n\r\nlet filmData = {\r\n    So89: {\r\n        name: \"Sommer '89\",\r\n        shortName: \"so89\",\r\n        director: \"Winston J. Reichelt\",\r\n        production: \"Julius Wuttke & Winston J. Reichelt\",\r\n        dop: \"Justus Richter\",\r\n        yop: \"2022\",\r\n        desc: \"In the summer of '89, a smuggler helps a group of GDR refugees cross the Austrian-Hungarian border. However, this well-intentioned act only incites outrage in his homeland.\\n\" +\r\n            \"\\n\" +\r\n            \"Inspired by the song “Sommer ‘89” by the band Kettcar.\",\r\n        awards: [],\r\n        link: null\r\n    },\r\n    coex: {\r\n        name: \"Command Exit\",\r\n        shortName: \"coex\",\r\n        director: \"Mika Rau & Winston J. Reichelt\",\r\n        production: \"Jugendfilmcamp Arendsee\",\r\n        dop: \"Ben Job\",\r\n        yop: \"2021\",\r\n        desc: \"Newton, a unremarkable programmer, works for a big tech company. When he finds out what iTech actually builds, his uprightness is put to the test.\",\r\n        awards: [],\r\n        link: \"https://www.youtube.com/embed/YVEj1a_qC_o\"\r\n    },\r\n    mull: {\r\n        name: \"Müllschlucker\",\r\n        shortName: \"mull\",\r\n        director: \"Mika Rau & Winston J. Reichelt\",\r\n        production: \"Jugendfilmcamp Arendsee\",\r\n        dop: \"Leander Schares\",\r\n        yop: \"2023\",\r\n        desc: \"Since ages people discard their trash in a mysterious wooden door in the middle of an abandoned ruin. One day, a girl accidentally throws one of her belongings into the door. After trespassing she is confronted with humanities waste.\",\r\n        awards: [],\r\n        link: \"https://www.youtube.com/embed/1eBDIlbKDSg\"\r\n    },\r\n    cffw: {\r\n        name: \"Charlies Funny Fucking World\",\r\n        shortName: \"cffw\",\r\n        director: \"Winston J. Reichelt\",\r\n        production: \"Jugendfilmcamp Arendsee\",\r\n        dop: \"Tancredi Morleo\",\r\n        yop: \"2019\",\r\n        desc: \"In this normal sitcom, our protagonist Charlie battles with his past trauma of causing someone elses death.\",\r\n        awards: [],\r\n        link: \"https://www.youtube.com/embed/eGXXLLx3aTw\"\r\n    },\r\n    zeit: {\r\n        name: \"Was ist Zeit?\",\r\n        shortName: \"zeit\",\r\n        director: \"Winston J. Reichelt\",\r\n        production: \"Winston J. Reichelt\",\r\n        dop: \"Winston J. Reichelt\",\r\n        yop: \"2022\",\r\n        desc: \"What is time? This philosophical question has occupied humanity ever since it has been able to think. The three temporal forms — \\\"past,\\\" \\\"present,\\\" and \\\"future\\\" — are embodied here by three people. They attempt to give the audience an answer to this existential question.\",\r\n        awards: [],\r\n        link: \"https://www.youtube.com/embed/AmszTknSqzA\"\r\n    },\r\n    addi: {\r\n        name: \"Addicts\",\r\n        shortName: \"addi\",\r\n        director: \"Alex Salo\",\r\n        production: \"Alex Salo\",\r\n        dop: \"Winston J. Reichelt\",\r\n        yop: \"2024\",\r\n        desc: \"A short film about two people who battle their addiction. Ultimately they end up meeting each other.\",\r\n        awards: [],\r\n        link: null\r\n    },\r\n    cool: {\r\n        name: \"Einfach Cool bleiben\",\r\n        shortName: \"cool\",\r\n        director: \"Mika Rau & Winston J. Reichelt\",\r\n        production: \"Jugendfilmcamp Arendsee\",\r\n        dop: \"Leander Schares\",\r\n        yop: \"2023\",\r\n        desc: \"Two wannabe-gangster try to sell their product but get caught in a severe misunderstanding.\",\r\n        awards: [],\r\n        link: null\r\n    },\r\n    shst: {\r\n        name: \"A Shorts Story\",\r\n        shortName: \"shst\",\r\n        director: \"Rebekka Sailer\",\r\n        production: \"Winston J. Reichelt\",\r\n        dop: \"Yannick Picaper\",\r\n        yop: \"2024\",\r\n        desc: \"This is a project supported by the Freie Filmwerkstatt, an independent student organization at Freie Universität Berlin.\\n\" +\r\n            \"The short film is based on a 1904 short film titled \\\"An Interesting Story.\\\"\",\r\n        awards: [],\r\n        link: \"https://www.youtube.com/embed/4u8ArGuJK1Y\"\r\n    },\r\n    retu: {\r\n        name: \"Reverse Turing\",\r\n        shortName: \"retu\",\r\n        director: \"Mika Rau & Winston J. Reichelt\",\r\n        production: \"Jugendfilmcamp Arendsee\",\r\n        dop: \"Winston J. Reichelt\",\r\n        yop: \"2024\",\r\n        desc: \"In a secret cooperate experiment, a human is stuck in a room full of AI's. The AI's have to find out which one of them the human is and kill him.\",\r\n        awards: [],\r\n        link: null\r\n    },\r\n    winx: {\r\n        name: \"Out of Sync\",\r\n        shortName: \"winx\",\r\n        director: \"Melissa Bärtl\",\r\n        production: \"Melissa Bärtl\",\r\n        dop: \"Winston J. Reichelt\",\r\n        yop: \"2025\",\r\n        desc: \"Musa battles her exam-fear while at the same time coping with her secret love for one of her friends.\",\r\n        awards: [],\r\n        link: null\r\n    }\r\n}\r\n\r\nexport default filmData;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
\ No newline at end of file
diff --git a/src/components/Projects.js b/src/components/Projects.js
index 835d4f40..fa89c97f 100644
--- a/src/components/Projects.js
+++ b/src/components/Projects.js
@@ -40,6 +40,17 @@ const Projects = () => {
             <h2 id={"coding-projects"}>Coding Projects</h2>
             <hr/>
             <div className="coding-projects-container">
+                <a href={"https://github.com/win-vid/Tanker"}
+                   target={"_blank"}
+                   style={{textDecoration: "none"}}
+                >
+                    <div className={"menu__link"}>
+                        <div className={"code-project"}>
+                            <h3>Tanker</h3>
+                            <p className={"code-project-date"}>2025</p>
+                        </div>
+                    </div>
+                </a>
                 <a href={"https://showtime.f4.htw-berlin.de/ss25/bachelor/b2-licht_und_schatten/"}
                    target={"_blank"}
                     style={{textDecoration: "none"}}