feat: add highlight in project page and short description

assets/locales/en.yaml

@@ -59,6 +59,7 @@ projects:
   solution: Solutions
   technologies: Technologies used
   images: Gallery
+  highlights: Highlights
   
 links:
   name: Links

assets/locales/fr.yaml

@@ -59,6 +59,7 @@ projects:
   solution: Solutions
   technologies: Technologies utilisées
   images: Gallerie
+  highlights: Points forts
 
 links:
   name: Liens

assets/styles/components/projects.scss

@@ -91,6 +91,10 @@
             }
         }
     }
+    .project-highlights {
+        list-style: square;
+        padding-left: 2em;
+    }
 }
 
 

templates/project.html.twig

@@ -10,6 +10,9 @@
         <h1>{{ getLocalizedStr('projects.project') }} {{ getDynLocalizedStr(project.name) }}</h1>
        
         <div class="project-header">
+            <div class="project-description">
+                {{ getDynLocalizedStr(project.description) | formatMd | raw }}
+            </div>
             <div class="project-date">
                 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar-event" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
@@ -94,11 +97,6 @@
         </div>
         {% endif %}
 
-        {% if project.description is defined and (projects.background is not defined or projects.solution is not defined) %}
-        <h2>{{ getLocalizedStr('description') }}</h2>
-        {{ getDynLocalizedStr(project.description) | formatMd | raw }}
-        {% endif %}
-
         {% if project.background is defined %}
         <h2>{{ getLocalizedStr('projects.background') }}</h2>
         {{ getDynLocalizedStr(project.background) | formatMd | raw }}
@@ -108,6 +106,15 @@
         <h2>{{ getLocalizedStr('projects.solution') }}</h2>
         {{ getDynLocalizedStr(project.solution) | formatMd | raw }}
         {% endif %}
+        
+        {% if project.highlights is defined %}
+        <h2>{{ getLocalizedStr('projects.highlights') }}</h2>
+        <ul class="project-highlights">
+            {% for highlight in project.highlights[getLocale()] %}
+            <li>{{ highlight }}</li>
+            {% endfor %}
+        </ul>
+        {% endif %}
 
         <h2>{{ getLocalizedStr('projects.technologies') }}</h2>
         <div class="chips">