Merge pull request #28 from jchojna/add-fixes

Add fixes
jchojna · Apr 21, 2024 · 2430d34 · 2430d34
2 parents 38d1adc + 36e377b
commit 2430d34
Show file tree

Hide file tree

Showing 12 changed files with 43 additions and 49 deletions.
diff --git a/src/components/Accordion.module.scss b/src/components/Accordion.module.scss
@@ -52,7 +52,7 @@
     transition: padding $accordion-time;
 
     &::before {
-      border-radius: $border-radius / 2;
+      border-radius: calc($border-radius / 2);
       content: '';
       height: $separator-height;
       left: 0;

diff --git a/src/components/BlockTitle.module.scss b/src/components/BlockTitle.module.scss
@@ -19,7 +19,7 @@
   text-transform: uppercase;
 
   &::before {
-    border-radius: $border-radius / 2;
+    border-radius: calc($border-radius / 2);
     content: '';
     position: absolute;
     top: 0;

diff --git a/src/components/Menu.module.scss b/src/components/Menu.module.scss
@@ -76,7 +76,7 @@
 
 .indicator {
   background-color: #fff;
-  border-radius: 0 $border-radius / 2 $border-radius / 2 0;
+  border-radius: 0 calc($border-radius / 2) calc($border-radius / 2) 0;
   height: $menu-item-height;
   left: 0;
   position: absolute;
@@ -88,7 +88,7 @@
   z-index: 9999;
 
   &.intro {
-    border-radius: $border-radius / 2;
+    border-radius: calc($border-radius / 2);
   }
 
   &.about {

diff --git a/src/components/MobileMenu.module.scss b/src/components/MobileMenu.module.scss
@@ -26,13 +26,8 @@
     display: flex;
     height: $menu-item-height;
     padding-right: 10px;
-    // pointer-events: none;
     width: 100%;
 
-    &--active {
-      // pointer-events: all;
-    }
-
     &--mobileHeader {
       left: 0;
       margin: 0;
@@ -51,7 +46,7 @@
 
 .indicator {
   background-color: #fff;
-  border-radius: 0 $border-radius / 2 $border-radius / 2 0;
+  border-radius: 0 calc($border-radius / 2) calc($border-radius / 2) 0;
   height: $menu-item-height;
   left: 0;
   position: absolute;

diff --git a/src/components/icons/IconLink.module.scss b/src/components/icons/IconLink.module.scss
@@ -85,10 +85,7 @@
 
   &.about {
     .link {
-      background-color: rgba(
-        $color: $color-about-dark,
-        $alpha: $background-opacity
-      );
+      background-color: $color-about-dark;
       fill: $color-about-light;
 
       &::before {
@@ -107,7 +104,7 @@
     }
 
     .name {
-      color: $color-about-white;
+      color: $color-about-light;
     }
   }
 
@@ -128,5 +125,9 @@
         background-color: $color-contact-black;
       }
     }
+
+    .name {
+      color: $color-contact-light;
+    }
   }
 }
diff --git a/src/components/resume/ResumeDetails.module.scss b/src/components/resume/ResumeDetails.module.scss
@@ -22,14 +22,14 @@ $gap: 10px;
 
     .detail {
       color: $color-resume-accent;
-      font-size: 1.1rem;
+      font-size: 1.2rem;
       font-weight: 700;
       line-height: 1.5;
       margin: 0;
 
       &-2,
       &-3 {
-        border-left: $separator-width solid $color-resume-black;
+        border-left: $separator-width solid $color-resume-dark;
         padding-left: $gap;
       }
 
@@ -50,8 +50,8 @@ $gap: 10px;
       position: relative;
 
       &::before {
-        background-color: $color-resume-black;
-        border-radius: $border-radius / 2;
+        background-color: $color-resume-dark;
+        border-radius: calc($border-radius / 2);
         content: '';
         height: 1rem;
         margin-right: 0.5rem;

diff --git a/src/content/resume.json b/src/content/resume.json
@@ -7,6 +7,28 @@
   "experience": {
     "label": "Experience",
     "items": [
+      {
+        "label": "Frontend Development",
+        "items": [
+          {
+            "label": "Jun 2021 - Present",
+            "items": ["Frontend Developer", "Appsilon", "Remote"],
+            "description": [
+              "collaborating in a multinational team within a rapidly growing company, providing consultancy services to a diverse range of clients, including Fortune 500 companies from Pharma, Biodiversity, Energy, and Sport industries",
+              "contributed to the development of complex dashboard applications, with a primary focus on frontend development and occasional contributions to backend development in R. Projects examples: Mbaza - a biodiversity project [TypeScript | React | Electron], Supply Chain application [TypeScript | Next.js | ReactFlow], dashboard applications [VanillaJS | Sass | R]",
+              "tech leader in a few small-scale projects since Q4 2022"
+            ]
+          },
+          {
+            "label": "Jun 2020 - Jun 2021",
+            "items": ["Junior Frontend Developer", "Appsilon", "Remote"],
+            "description": [
+              "focused on frontend development for commercial dashboard applications, involving UI/UX design preparation in Figma",
+              "undertook internal tasks such as website maintenance (e.g., appsilon.com [Typescript | Gatsby | GraphQL]), creation of landing pages (e.g., shiny.tools, shinymanifesto.com [Vanilla JS]), and maintenance of open-source projects"
+            ]
+          }
+        ]
+      },
       {
         "label": "Architecture",
         "items": [
@@ -52,28 +74,6 @@
             "items": ["3d software tutor", "Euro Info Group", "Warsaw, Poland"]
           }
         ]
-      },
-      {
-        "label": "Frontend Development",
-        "items": [
-          {
-            "label": "Jun 2021 - Present",
-            "items": ["Frontend Developer", "Appsilon", "Remote"],
-            "description": [
-              "collaborating in a multinational team within a rapidly growing company, providing consultancy services to a diverse range of clients, including Fortune 500 companies from Pharma, Biodiversity, Energy, and Sport industries",
-              "contributed to the development of complex dashboard applications, with a primary focus on frontend development and occasional contributions to backend development in R. Projects examples: Mbaza - a biodiversity project [TypeScript | React | Electron], Supply Chain application [TypeScript | Next.js | ReactFlow], dashboard applications [VanillaJS | Sass | R]",
-              "tech leader in a few small-scale projects since Q4 2022"
-            ]
-          },
-          {
-            "label": "Jun 2020 - Jun 2021",
-            "items": ["Junior Frontend Developer", "Appsilon", "Remote"],
-            "description": [
-              "focused on frontend development for commercial dashboard applications, involving UI/UX design preparation in Figma",
-              "undertook internal tasks such as website maintenance (e.g., appsilon.com [Typescript | Gatsby | GraphQL]), creation of landing pages (e.g., shiny.tools, shinymanifesto.com [Vanilla JS]), and maintenance of open-source projects"
-            ]
-          }
-        ]
       }
     ]
   },

diff --git a/src/styles/mixins.scss b/src/styles/mixins.scss
@@ -129,10 +129,6 @@
     padding: 0;
     margin-right: 100px;
   }
-
-  @media screen and (min-width: $media-l) {
-    max-width: 1800px;
-  }
 }
 
 @mixin sectionTitle {
@@ -147,7 +143,7 @@
 
   @media only screen and (min-width: $media-m) {
     border: none;
-    font-size: 72px;
+    font-size: 60px;
     margin: 0;
     max-width: 60%;
     min-width: 380px;

diff --git a/src/views/Contact.module.scss b/src/views/Contact.module.scss
@@ -16,6 +16,7 @@
       'form'
       'social'
       'footer';
+    max-width: 1000px;
     width: 100%;
 
     @media only screen and (min-width: $media-m) {
@@ -33,8 +34,7 @@
       @include sectionTitle;
 
       border-color: $color-contact-accent;
-      color: $color-contact-accent;
-      font-size: 3rem;
+      color: $color-contact-light;
       margin: 0;
       text-align: center;
     }

diff --git a/src/views/Contact.tsx b/src/views/Contact.tsx
@@ -27,7 +27,7 @@ const Contact = () => {
         )}
       >
         <h2 className={clsx(classes.title, classes.large, classes.contact)}>
-          Feel free to contact me! I'm open for new opportunities
+          Looking to bring my talents to an innovative team. Let's chat!
         </h2>
         <div className={classes.contactDetails}>
           {contactDetails.map((details, index) => (

diff --git a/src/views/Project.module.scss b/src/views/Project.module.scss
@@ -14,6 +14,7 @@
     display: flex;
     flex-direction: column;
     gap: 50px;
+    max-width: 1400px;
     width: 100%;
 
     @media screen and (min-width: var.$media-m) {

diff --git a/src/views/Resume.module.scss b/src/views/Resume.module.scss
@@ -11,6 +11,7 @@
       'title'
       'info'
       'accordions';
+    max-width: 1200px;
     padding: $menu-item-height $offset-right-s $menu-item-height $offset-left-s;
 
     @media only screen and (min-width: $media-m) {