fix header and update resume

package.json

@@ -10,10 +10,8 @@
     "start": "astro dev",
     "build": "astro build",
     "preview": "astro preview --port 8081",
-    "lint": "yarn lint:js && yarn lint:css",
+    "lint": "yarn lint:js",
     "lint:js": "eslint --cache --cache-location node_modules/.cache/eslint/ .",
-    "lint:css": "stylelint \"src/**/*.{css,scss,sass}\"",
-    "lint:css:fix": "stylelint --fix \"src/**/*.{css,scss,sass}\"",
     "resume": "yarn build && yarn resume:generate",
     "resume:generate": "concurrently --raw --kill-others --success first npm:preview npm:resume:save-pdf",
     "resume:save-pdf": "node --trace-warnings cli/export-pdf-resume.mjs"
@@ -45,8 +43,6 @@
     "prettier-plugin-astro": "^0.12.2",
     "puppeteer": "^21.5.2",
     "sass": "^1.69.5",
-    "stylelint": "^15.11.0",
-    "stylelint-config-sass-guidelines": "^10.0.0",
     "tailwindcss-themer": "^4.0.0",
     "tasuku": "^2.0.1",
     "typescript": "^5.2.2",

src/components/Hero.astro

@@ -5,12 +5,10 @@ import { Sprite } from 'astro-icon';
 <div class="mx-auto px-10 md:px-24 lg:max-w-screen-xl">
   <div class="flex min-h-[calc(100vh-6rem)] max-w-2xl flex-col justify-center py-28">
     <p class="pb-2 text-xl text-black">Hi, my name is</p>
-    <h1
-      class="py-2 font-display text-[clamp(3rem,8vw,4.5rem)] font-semibold leading-tight text-black"
-    >
+    <h1 class="py-2 font-hero text-[clamp(3rem,8vw,4.5rem)] font-semibold leading-tight text-black">
       Vitor Mello,
     </h1>
-    <h2 class="py-2 font-display text-[clamp(1.75rem,5vw,3rem)] leading-tight text-gray">
+    <h2 class="py-2 font-hero text-[clamp(1.75rem,5vw,3rem)] leading-tight text-gray">
       I build things for the web.
     </h2>
     <p class="pt-4 text-xl leading-normal text-gray">

src/content/resume.yml

@@ -9,8 +9,8 @@ summary:
   - Currently I focus more on the frontend side, with strong skills in Typescript, React (Redux
     and Sagas), Node (NestJS & Next.js) and GraphQL.
 
-  - "Outside work, I love snowboarding, running, video games and teaching my dog new tricks.
-    Fun fact: I coded my first website (about Dragon Ball Z) when I was a 14 years old."
+  - 'Outside work, I love snowboarding, running, video games and teaching my dog new tricks.
+    Fun fact: I coded my first website (about Dragon Ball Z) when I was a 14 years old.'
 
 links:
   - name: [email protected]
@@ -32,6 +32,17 @@ education:
     years: 2005 - 2009
 
 work:
+  - company: Moss GmbH
+    logo: choco.jpg
+    location: Berlin, Germany
+    duration: ~
+    positions:
+      - position: Senior Software Engineer (Frontend)
+        date: Oct 2023 - Present
+    summary: ~
+    tags: >
+      typescript, react, RTL, design-system
+
   - company: Choco
     logo: choco.jpg
     location: Berlin, Germany
@@ -40,7 +51,7 @@ work:
       - position: Senior Software Engineer (Frontend)
         date: Jan 2022 - Jul 2023
     summary: >
-      Greatly increased developer satisfaction with auto-generated apollo mocks for tests
+      Greatly increased developer productivity 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
@@ -53,9 +64,9 @@ work:
     location: Berlin, Germany
     duration: 2 years 1 month
     positions:
-      - position: Head of Engineering
+      - position: Engineering Lead (Full-Stack React/Node/PHP)
         date: Feb 2021 - Nov 2021
-      - position: Senior Software Engineer (Frontend)
+      - position: Senior Software Engineer (Full-Stack React/Node/PHP)
         date: Nov 2019 - Jan 2021
     summary: >
       Reimplemented the existing blog in Next.js, making the static export time 10x faster
@@ -68,24 +79,12 @@ work:
     tags: >
       typescript, react, redux, next.js, ssr, nestjs, mysql, gcloud, docker
 
-  - company: Tome Forró Berlin
-    logo: ~
-    location: Berlin, Germany
-    duration: 6 years 9 months
-    positions:
-      - position: Dance Teacher and Organizer
-        date: Jun 2013 - Feb 2020
-    summary: >
-      I was one of the co-founders and volunteers at this non-profit Verein (club) for Forró
-      (Brazilian partner dance). I organized weekly parties and classes in Humboldt University in
-      Berlin (where I used to teach), and also festivals, concerts and workshops with international audiences.
-
   - company: Flixbus
     logo: flixbus.jpg
     location: Berlin, Germany
     duration: 3 years 9 months
     positions:
-      - position: Senior Full-Stack Engineer
+      - position: Senior Full-Stack Engineer (React/PHP)
         date: Feb 2016 - October 2019
     summary: >
       Reimplemented the search results page and search form with React, Redux and Sagas
@@ -102,11 +101,18 @@ work:
     positions:
       - position: Senior Software Engineer (PHP)
         date: Jun 2013 - Dec 2015
+
+  - company: Tome Forró Berlin
+    logo: ~
+    location: Berlin, Germany
+    duration: 6 years 9 months
+    positions:
+      - position: Dance Teacher and Organizer
+        date: Jun 2013 - Feb 2020
     summary: >
-      Development of new features for the frontend and backend with a focus on scalability and performance
-      • Running load tests with jMeter and finding bottlenecks and points of improvement in the application
-      • Integration with external payment gateways around the world
-      • Integration with external restaurant systems and APIs for seamless order dispatching
+      I was one of the co-founders and volunteers at this non-profit Verein (club) for Forró
+      (Brazilian partner dance). I organized weekly parties and classes in Humboldt University in
+      Berlin (where I used to teach), and also festivals, concerts and workshops with international audiences.
 
 skills:
   - name: Typescript

tailwind.config.mjs

@@ -22,6 +22,18 @@ export default {
             sans: ['Biotif', 'system-ui'],
             serif: ['Bogart', 'Georgia'],
             display: ['Bogart', 'serif'],
+            hero: ['Bogart', 'serif'],
+          },
+          fontSize: {
+            sm: '0.875rem',
+            base: '1rem',
+            xl: '1.12rem',
+            '2xl': '1.5rem',
+            '3xl': '1.875rem',
+          },
+          lineHeight: {
+            normal: '1.5',
+            12: '3rem',
           },
           colors: {
             transparent: 'transparent',