more fixes

.vscode/settings.json

@@ -1,6 +1,10 @@
 {
   "editor.formatOnSave": true,
   "colorize.languages": ["javascript", "json"],
-  // Specify file types to spell check.
-  "cSpell.enabledLanguageIds": ["markdown"]
+  "cSpell.enabledLanguageIds": [
+    "markdown"
+  ],
+  "cSpell.words": [
+    "discoverability"
+  ]
 }

components/Header.jsx

@@ -15,8 +15,8 @@ export const Header = () => {
             title="home"
             className="h-full rounded-full object-cover"
             alt="poladuco"
-            height="36px"
-            width="36px"
+            height={36}
+            width={36}
             src="https://github.com/pducolin.png"
           />
 

components/PostCard.jsx

@@ -22,8 +22,8 @@ export const PostCard = ({ id, frontmatter, timeToRead }) => {
               className="flex-none object-cover object-center w-full transition-all duration-500 ease-in-out h-2/3 group-hover:opacity-20 group-focus:opacity-20 group-hover:h-1/3 group-focus:h-1/3"
               src={frontmatter.heroImage.path.small}
               alt={frontmatter.title}
-              width="600px"
-              height="400px"
+              width={600}
+              height={400}
             />
             <div className="flex flex-col justify-between flex-grow w-full px-3 py-2 transition-all duration-500 ease-in-out h-1/3 group-hover:h-2/3 group-focus:h-2/3 bg-backgroundSecondary group-hover:bg-secondary group-focus:bg-secondary">
               <span

pages/post/[postname].jsx

@@ -39,6 +39,7 @@ export default function BlogPost({ siteTitle = "poladuco", frontmatter, markdown
           src={frontmatter.heroImage.path.big}
           className="h-full object-cover w-full object-center shadow-sm absolute"
           alt={frontmatter.heroImage.alt}
+          fill
         />
         <div className="absolute bottom-0 left-0 w-2/3 bg-secondary justify-center flex flex-col pl-4 gap-1 py-2 mb-2">
           <h1

posts/My-path-to-staff-engineer.md

@@ -44,7 +44,7 @@ My second project proposal was to build a testing framework to allow testing the
 
 The Agent QA is a manual process, done for one or more weeks while the code base is frozen, every 6 weeks. I suggested building something that could let developers define their infrastructure setup somehow, then allow spawning an ephemeral environment, configuring the Agent and assert that the Agent was emitting expected outputs, such as metrics, logs and events.
 
-![Photo of a black-box test environment for Datadog Agent]( https://raw.githubusercontent.com/pducolin/blog/main/public/assets/images/black_box.webp)
+![Photo of a black-box test environment for Datadog Agent](/assets/images/black_box.webp)
 
 ## Step three: the execution
 
@@ -72,14 +72,24 @@ That was a tough moment: my energy level was low, the hardest part feeling my ca
 
 ## Conclusions
 
-There are many things I learned during this 3 years.
+There are many things I learned during this 3 years. Here is my top 5:
 
-Number one: talk to people and build a trust network. The greatest misconception I had over the staff role is that you could achieve it by working on a complex technical project individually. Turns out there it depends, find out what matters for your company. In my case IC stands for Influential Contributor rather than Individual Contributor.
+### Talk to people and build a trust network
 
-Number two: communicate honestly with your manager, help them help yourself. Deliver what you are asked for and discuss what you want to work on next, not hesitating to move out of your comfort zone.
+The greatest misconception I had over the staff role is that you could achieve it by working on a complex technical project individually. Turns out there it depends, find out what matters for your company. In my case IC stands for Influential Contributor rather than Individual Contributor.
 
-Number three: find a project that has a business impact. Then show it and think about how to measure it, from the start.
+### Communicate honestly with your manager
 
-Number four: reduce boilerplate to increase adoption. We implemented a new framework, we chose to use the most used language, Golang, rather than the one that everyone knew, Python. Write documentation, guidelines and examples. Communication was a key factor in delivering and allowing the project's adoption.
+Help your manager help yourself. Speak up if you want to lead a project. Define goals with them and deliver what you are asked for, then discuss what you want to work on next, do not hesitate to move out of your comfort zone.
 
-Number five: iterate and prioritize decisions that will help most of the use cases. If we had waited for the perfect and complete solution, we would still be here discussing. It's never too soon to test a version and to communicate about it. Prefer beta tester you trust and that trust you, it helps with giving and receiving candid feedback.
+### Find a project that has a business impact
+
+Then show it and think about how to measure it during the project implementation, from the start. We initially  used the number of ephemeral EC2 instances created using our framework, per team and per developer.
+
+### Reduce boilerplate to increase adoption
+
+We implemented a new framework, we chose to use the most used language, Golang, rather than the one that everyone knew, Python. Write documentation, guidelines and examples. Communication was a key factor in delivering and allowing the project's adoption.
+
+### Iterate and prioritize decisions that will help most of the use cases
+
+If we had waited for the perfect and complete solution, we would still be here discussing it. It's never too soon to test a version and to communicate about it. Prefer beta tester you trust and that trust you, it helps with sharing candid feedback.