resume changes

vitormv · Nov 30, 2023 · a389198 · a389198
1 parent 75b4a5e
commit a389198
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 255 deletions.
diff --git a/public/vitor-mello-resume.pdf b/public/vitor-mello-resume.pdf
diff --git a/src/components/ResumePageA4.astro b/src/components/ResumePageA4.astro
@@ -11,7 +11,7 @@ const { resume } = Astro.props;
 <div class={`a4 sheet p-[10mm]`}>
   <article>
     <header class={`row header`}>
-      <aside class="sidebar">
+      <aside>
         <h1>{resume.title}</h1>
         <h2>{resume.subtitle}</h2>
       </aside>
@@ -48,9 +48,7 @@ const { resume } = Astro.props;
               resume.education.map((place) => (
                 <Fragment key={`${place.institution}.${place.studyType}`}>
                   <h4>
-                    {place.studyType}
-                    {', '}
-                    {place.area}
+                    {`${place.studyType}, ${place.area}`}
                   </h4>
                   <p>{place.institution}</p>
                   <em>{place.years}</em>
@@ -183,10 +181,10 @@ const { resume } = Astro.props;
     .row {
       color: #293241;
       display: flex;
+      gap: 7mm;
 
       .sidebar {
         flex-basis: 55.5mm;
-        margin-right: 7mm;
       }
 
       .content {

diff --git a/src/content/resume.yml b/src/content/resume.yml
@@ -37,16 +37,14 @@ work:
       - position: Senior Software Engineer (Frontend)
         date: Jan 2022 - Jul 2023
     summary: >
-      Created tool for automatically generating apollo mocks, greatly reducing complexity
-        and making it easier to write tests
-      • Major refactorings in existing unit/integration tests, greatly improving maintainability
-      and readability of codebase
-      • Promoting best practices in FE development
-      • Create tool for easily overriding feature flags during development/testing
+      Delivered high-quality and high-impact customer-facing features
+      • Greatly increased developer statisfaction with auto-generated apollo mocks for tests
+      • Promoting best practices in FE development and testing
+      • Created tool for easily overriding feature flags during development/cypress tests
       • Mentoring two junior FE developers
       • Team captain of the StartUp League volleyball team, earning 1st place
     tags: >
-      react, SPA, micro-frontends, graphql, testing-library
+      typescript, react, spa, micro-frontends, graphql, testing-library
 
   - company: Coffee Circle
     location: Berlin, Germany
@@ -65,7 +63,7 @@ work:
       • Driving squad initiatives and technical roadmap planning
       • Mentoring and guiding on best practices and design patterns
     tags: >
-      typescript, react, redux, next.js, nestjs, mysql, google cloud, docker
+      typescript, react, redux, next.js, ssr, nestjs, mysql, gcloud, docker
 
   - company: Flixbus
     location: Berlin, Germany
@@ -142,20 +140,17 @@ skills:
   - name: React / Redux / SSR
     level: expert
 
-  - name: php / symfony
-    level: expert
-
   - name: node.js
-    level: intermediate
+    level: expert
 
-  - name: html / css / sass
+  - name: html / css / css-in-js
     level: expert
 
-  - name: DevOps
-    level: intermediate
+  - name: php / symfony
+    level: expert
 
-  - name: UX
-    level: intermediate
+  - name: Databases
+    level: experienced
 
 languages:
   - language: English

diff --git a/src/layouts/LayoutPrint.astro b/src/layouts/LayoutPrint.astro
@@ -57,239 +57,6 @@ const { title } = Astro.props;
   .sheet {
     font-size: 10pt;
     font-weight: 400 !important;
-
-    article {
-      color: #293241;
-      display: flex;
-      height: 100%;
-      flex-direction: column;
-      font-family: 'Lora', serif;
-
-      * {
-        line-height: 1.4em;
-      }
-
-      a {
-        text-decoration: none;
-        color: #0044cc;
-        display: inline-block;
-        position: relative;
-
-        &:hover {
-          color: #0044cc;
-          top: 1px;
-          text-decoration: underline;
-        }
-      }
-    }
-
-    .header {
-      flex-grow: 0;
-      align-items: flex-end;
-      margin-bottom: 8mm;
-    }
-
-    .row {
-      color: #293241;
-      display: flex;
-
-      .sidebar {
-        flex-basis: 55.5mm;
-        margin-right: 7mm;
-      }
-
-      .content {
-        flex: 1;
-      }
-    }
-
-    main {
-      flex: 1;
-    }
-
-    h1 {
-      margin: 0;
-      padding: 0;
-      font-size: 30pt;
-      font-family: Raleway, Lato, sans-serif;
-      line-height: 1em;
-    }
-
-    h2 {
-      margin: 0;
-      padding: 0;
-      font-family: Raleway, Lora, serif;
-      font-size: 12pt;
-    }
-
-    h3 {
-      color: #c35940;
-      font-family: Lora, serif;
-      font-size: 18pt;
-      font-weight: normal;
-      margin: 0 0 3mm;
-    }
-
-    h4 {
-      font-family: Lato, sans-serif;
-      font-size: 9pt;
-      font-weight: 700;
-      margin: 0 0 1mm;
-    }
-
-    p {
-      margin-top: 0;
-      margin-bottom: 1mm;
-      font-size: 9pt;
-    }
-
-    section {
-      margin-bottom: 7mm;
-      font-size: 9pt;
-    }
-
-    .contact {
-      text-align: right;
-      list-style-type: none;
-      margin: 0;
-    }
-
-    table.companyInfo {
-      width: 100%;
-      font-family: Lato, sans-serif;
-      border-spacing: 0;
-      margin-bottom: 3mm;
-
-      th:first-child,
-      td:first-child {
-        text-align: left;
-        padding: 0;
-      }
-
-      th:last-child,
-      td:last-child {
-        text-align: right;
-        padding: 0;
-        color: #666666;
-        font-weight: 400;
-      }
-
-      td.date {
-        font-weight: 300;
-      }
-
-      .title {
-        font-weight: bold;
-      }
-
-      .location {
-        font-weight: 300;
-        color: #666666;
-
-        &::before {
-          content: ' — ';
-        }
-      }
-    }
-
-    .experience {
-      margin-bottom: 7mm;
-      break-inside: avoid;
-
-      &:last-child {
-        margin-bottom: 0;
-
-        .companyInfo {
-          margin-bottom: 0;
-        }
-      }
-
-      p {
-        font-family: Lora, serif;
-        margin: 0 0 2mm;
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-
-      .techStack {
-        font-weight: bold;
-        font-family: Lato, sans-serif;
-      }
-    }
-  }
-
-  .education {
-    em {
-      font-style: normal;
-      color: #666666;
-      font-family: Lato, sans-serif;
-    }
-  }
-
-  .skills {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    font-family: Lato, sans-serif;
-
-    > li {
-      position: relative;
-      margin-bottom: 1mm;
-      display: flex;
-      color: #ffffff;
-      padding: 1mm 2mm;
-      font-size: 10pt;
-      overflow: hidden;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-
-      &::before {
-        // usually browsers wont print background colors by default,
-        // by using an svg image we enforce the colors will be replicated on print
-        content: url('/assets/images/skill-bg.svg');
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 0;
-      }
-
-      .skillName {
-        flex: 1;
-        font-weight: 300;
-        z-index: 1;
-        position: relative;
-      }
-
-      .skillLevel {
-        font-weight: 300;
-        text-align: right;
-        display: inline-block;
-        z-index: 1;
-        position: relative;
-        opacity: 0.5;
-      }
-    }
-  }
-
-  .languages {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    font-family: Lato, sans-serif;
-
-    > li {
-      margin-bottom: 0.5mm;
-
-      .languageName {
-        font-weight: 700;
-      }
-
-      .languageLevel {
-        color: #666666;
-      }
-    }
   }
 
   // -----------------------------------