Add a "skills" section to each work

lib/views/work.ex

@@ -8,6 +8,7 @@ defmodule CvGenView.Work do
   attr(:summary, :string, required: true)
   attr(:location, :string, required: true)
   attr(:highlights, :list, required: true)
+  attr(:skills, :list, default: [])
 
   def work(assigns) do
     ~H"""
@@ -24,11 +25,18 @@ defmodule CvGenView.Work do
 
       <p class="summary" lang="en"><%= @summary %></p>
 
+      <h2>Points clés</h2>
       <ul class="highlights">
         <%= for highlight <- @highlights do %>
           <li><%= highlight %></li>
         <% end %>
       </ul>
+
+      <ul class="skills">
+        <%= for skill <- @skills do %>
+          <li><%= skill %></li>
+        <% end %>
+      </ul>
     </div>
     """
   end
@@ -74,9 +82,30 @@ defmodule CvGenView.Work do
       font-weight: bold;
     }
 
+    .work > h2 {
+      font-size: 0.85em;
+    }
+
     #work > ol > li {
       margin: 2em auto;
       padding-left: 0.5em;
     }
+
+    #work ul.skills {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.2em;
+      margin-top: 1em;
+    }
+
+    #work .skills > li {
+      padding: 3px 7px;
+      font-size: 0.7em;
+      font-weight: 700;
+      color: #fff;
+      text-align: center;
+      background-color: #333;
+      border-radius: 0.5em;
+    }
     """
 end