app/frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import createCache from "@emotion/cache";
+import createCache, { EmotionCache } from "@emotion/cache";
 import { CacheProvider, Global, ThemeProvider, css } from "@emotion/react";
 import styled from "@emotion/styled";
 import normalizeCss from "normalize.css/normalize.css?inline";

app/frontend/src/components/CV/Skills.tsx

@@ -16,12 +16,12 @@ type OtherSkill = {
 const otherSkills: OtherSkill[] = [
   {
     title: "Strong proficiency in",
-    description: "IaaC tooling, Go, Typescript (and Javascript), Bash",
+    description: "Go, Typescript (and Javascript), Bash, IaaC tools",
   },
   {
     title: "Infrastructure related skills",
     description:
-      "Kubernetes and AWS EKS, Containerized applications, Linux system administration, Amazon Web Services - good understanding of Networking, Databases, Queues and many other managed services. Notable experience with GCP/Azure. Experience with most major platforms such as Github, Gitlab, Gitea, Bitbucket and their tooling.",
+      "Kubernetes and AWS EKS, Containerized applications, Linux system administration, Amazon Web Services - good understanding of Networking, RDS, Queues. Notable experience with GCP/Azure.",
   },
   {
     title: "Databases",
@@ -30,7 +30,7 @@ const otherSkills: OtherSkill[] = [
   {
     title: "Some of the relevant Frameworks/Tooling",
     description:
-      "Terraform, Prometheus, Grafana, InfluxDB, Prometheus, Elasticsearch, Nix, React, Esbuild, deep understanding of Git",
+      "Terraform, Prometheus, Grafana, Nix shell, React, Webpack, Rollup, Esbuild, deep understanding of Git",
   },
   {
     title: "Software Development",
@@ -59,16 +59,11 @@ const Skills: React.FC = () => {
           id: "BOZ+do",
         })}
       </Skill>
-      <Skill title="Infrastructure operations">
+      <Skill title="Front-End Development">
         {intl.formatMessage({
           defaultMessage:
-            "Throughout my career, I have gained valuable experience in developing, maintaining and monitoring high-load infrastructure clusters.",
-          id: "PKLG9N",
-        })}
-        {intl.formatMessage({
-          defaultMessage:
-            "Following the OCI (Open Container Initiative) and leveraging Docker and Kubernetes to create highly available deployments, primarily on the AWS platform, was a challenging and enjoyable experience, that has greatly enhanced my skills in this area.",
-          id: "VRhCte",
+            "Extensive experience in frontend development spanning back to the early 2000s.",
+          id: "AjT8sf",
         })}
       </Skill>
       <Skill title="Back-End Development">
@@ -79,15 +74,20 @@ const Skills: React.FC = () => {
         })}
         {intl.formatMessage({
           defaultMessage:
-            "In recent years, my focus was on Go to write tooling and backend services.",
-          id: "y/ymnB",
+            "In recent years, the main focus was on Go to write tooling and backend services.",
+          id: "FxkFRP",
         })}
       </Skill>
-      <Skill title="Front-End Development">
+      <Skill title="Infrastructure operations">
         {intl.formatMessage({
           defaultMessage:
-            "Extensive experience in frontend development spanning back to the early 2000s.",
-          id: "AjT8sf",
+            "Throughout my career, I have gained valuable experience in developing and maintaining high-load infrastructures over several years.",
+          id: "YBTD7C",
+        })}
+        {intl.formatMessage({
+          defaultMessage:
+            "Following the OCI (Open Container Initiative) and leveraging Docker and Kubernetes to create highly available deployments, primarily on the AWS platform, was a challenging and enjoyable experience, that has greatly enhanced my skills in this area.",
+          id: "VRhCte",
         })}
       </Skill>
       <Spacer withDivider />

app/frontend/src/components/Layout/MainLayout.tsx

@@ -6,10 +6,6 @@ import { hideNavigationMQ } from "./navigationBreakpoint";
 
 const Root = styled("div")({
   background: "rgb(215, 215, 215)",
-  "@media print": {
-    // Nav background
-    background: "rgb(41, 62, 73)",
-  },
 });
 
 const Container = styled("div")({

app/frontend/src/components/Navigation/MainNavigation.tsx

@@ -93,20 +93,6 @@ const MainNavigation: React.FC = () => {
         })}
       </NavigationHeadline>
 
-      <Spacer />
-
-      <List>
-        <ListItem>
-          {intl.formatMessage(
-            {
-              defaultMessage: "If there is a need,{br}there is a path.",
-              id: "Wg8h9t",
-            },
-            { br: <br /> },
-          )}
-        </ListItem>
-      </List>
-
       <NavigationHeadline href="#skills">
         {intl.formatMessage({
           defaultMessage: "Top Skills",

app/frontend/src/views/Dashboard.tsx

@@ -43,9 +43,8 @@ const Dashboard: React.FC = () => {
         <Summary />
       </Content>
 
-      <Spacer withDivider />
-
       <div id="skills" />
+      <Spacer withDivider />
 
       <Headline level={2}>
         {intl.formatMessage({
@@ -58,9 +57,8 @@ const Dashboard: React.FC = () => {
         <Skills />
       </Content>
 
-      <Spacer withDivider />
-
       <div id="experience" />
+      <Spacer withDivider />
 
       <Headline level={2}>
         {intl.formatMessage({

flake.nix

@@ -73,13 +73,13 @@
 
       devShells = nix.lib.forAllSystems (pkgs: {
         default = nix.lib.mkDevenvShell {
-          inherit pkgs;
-
           inputs = {
             self = self;
             nixpkgs = pkgs;
           };
 
+          pkgs = pkgs;
+
           modules = [
             {
               packages = [
@@ -88,7 +88,7 @@
               ];
 
               enterShell = ''
-                cp -f ${nix.lib.eslint-config-file} ./app/frontend/eslint.shared.mjs
+                cp ${nix.lib.eslint-config-file} ./app/frontend/eslint.shared.mjs
               '';
 
               scripts = {