Suggestion: Details or Tooltip for skills

[dlukt]

A suggestion, not sure if it's worth an issue.

What would be great to have is either a <details> or a tooltip, in the skills section, where one could add details. I feel like those bars are ok for an overview, and I'm not sure if recruiters are even interested in details at this point in the process, but if they could click on the skill or hover over it, if there was an explanation why a skill is 40% and not 80%, I think it could be helpful.

Example

  <div>
    <h3 class="font-semibold text-sm mb-2">
      <details>
        <summary>NATS</summary>
        <ul class="list-disc list-inside">
          <li><small>Messaging</small></li>
          <li><small>Microservice Architektur</small></li>
        </ul>
      </details>
    </h3>
    <div class="skill-bar bg-gray-200">
      <div class="progress bg-[var(--primary)]" style="width: 60%"></div>
    </div>
  </div>

Of course this template could be seen as just a raw base and anyone is able to extend and modify at their own will and this isn't really necessary.
Maybe there could be an issue with alternatives and extensions, if someone is even so much interested in this template to begin with.
I think it's a pretty good starting point, but I haven't checked how it renders as a PDF yet.

[cx48]

Explanation of each skill mentioned can be helpful! I wanted to keep it as minimal as possible, though I might add it later!

PDF render is something I tried but it didn't quite work out for me. It ends up saving the entire page with toggle and themes button in the render. Majority of the HRs prefer plain resume, even I created my own with no effects. You or maybe I can add a small download link at the bottom, later on! Which would point to your resume, you can keep your GH repo private with your resume.pdf which one can download straight form your BelResume page.

[cx48]

Closed this issue by mistake, I'm reopening it for further conversation.