fix: localization problems

Author: bachrc

.gitignore

@@ -8,4 +8,5 @@ node_modules
 !.env.example
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
-.direnv
+.direnv
+.aider*

src/lib/components/Experience.svelte

@@ -10,16 +10,17 @@
 </script>
 
 <div class="flex flex-col">
-  <span class="font-bold text-base">
-    {titre}
-  </span>
-  <div class="flex flex-row">
-    <span>{employeur}</span>
-    <div class="grow"></div>
-    <span>{duree}</span>
+  <div class="flex flex-col bg-white/20 p-2">
+    <span class="font-bold text-base">
+      {titre}
+    </span>
+    <div class="flex flex-row">
+      <span>Voila : {employeur}</span>
+      <div class="grow"></div>
+      <span>{duree}</span>
+    </div>
   </div>
-  <hr class="my-2" />
-  <div class="flex flex-col gap-2 text-justify">
+  <div class="flex flex-col gap-2 text-justify p-2">
     <LocalisedContent>
       <svelte:fragment slot="englishContent">
         <slot name="englishContent" />
@@ -30,8 +31,8 @@
     </LocalisedContent>
   </div>
   {#if themes.length > 0}
-    <div class="mt-2 flex flex-row">
-      <span class="font-bold mr-1">{$t('themes')}:</span>
+    <div class="mt-2 flex flex-col p-2">
+      <span class="font-bold mr-1">{$t('themes')}</span>
       <ThemesList {themes} />
     </div>
   {/if}

src/lib/components/blog/ArticlePreview.svelte

@@ -32,6 +32,6 @@
   "procedes": "Procédés",
   "professionnel": "Professionnel",
   "randonnee": "Randonnée",
-  "themes": "Thèmes",
+  "themes": "Sujets",
   "universite-du-havre": "Université du Havre"
 }