Parcours : dates/lieux plus visibles en mode nuit (opacité 80%, taille sm), ARaymond Remote / Grenoble

src/components/code/CareerTimeline.astro

@@ -113,11 +113,11 @@ const logoAltPrefix = t('career', 'logoAlt', locale);
             <span class:list={["inline-block px-2 py-0.5 text-[11px] font-medium rounded-full border", colors.badge]}>
               {label}
             </span>
-            <span class="exp-meta text-xs">
+            <span class="exp-meta text-sm">
               {start} — {end}
             </span>
-            <span class="exp-meta text-xs">· {duration}</span>
-            {exp.data.location && <span class="exp-meta text-xs">· {exp.data.location}</span>}
+            <span class="exp-meta text-sm">· {duration}</span>
+            {exp.data.location && <span class="exp-meta text-sm">· {exp.data.location}</span>}
           </div>
 
           <h3 class="text-xl font-bold pe-20">{exp.data.role}</h3>

src/content/experiences/araymond.ar.md

@@ -1,6 +1,6 @@
 ---
 role: "مهندس معماري للواجهات"
-location: "غرونوبل"
+location: "عن بُعد / غرونوبل"
 lang: "ar"
 ---
 

src/content/experiences/araymond.md

@@ -3,7 +3,7 @@ role: "Architecte frontend"
 company: "ARaymond"
 companyUrl: "https://www.araymond.com/"
 logo: "araymond.png"
-location: "Grenoble"
+location: "Remote / Grenoble"
 startDate: "2022-07"
 endDate: "2023-07"
 technologies: ["TypeScript", "React.js", "Redux", "Nx", "Vite"]

src/styles/exp-card.css

@@ -53,7 +53,7 @@
 .exp-card .exp-content a:hover { color: #581c87; }
 
 .dark .exp-card h3                { color: white; }
-.dark .exp-card .exp-meta         { color: rgba(255, 255, 255, 0.3); }
+.dark .exp-card .exp-meta         { color: rgba(255, 255, 255, 0.8); }
 .dark .exp-card .exp-company      { color: #d4b5ff; }
 .dark .exp-card .exp-company a    { color: #d4b5ff; }
 .dark .exp-card .exp-company a:hover { color: white; }