fix : wording , focus and redirection

.github/workflows/ci.yml

@@ -35,9 +35,3 @@ jobs:
       - name: 'Run tests'
         run: npm run test:unit
 
-      - name: Upload test results
-        if: always()
-        uses: actions/upload-artifact@v3
-        with:
-          name: playwright-results
-          path: test-results

src/lib/components/mollecules/DesktopMenu/DesktopMenu.svelte

@@ -16,8 +16,8 @@
 		<DesktopMenuItem isActive={activeRoute === ROUTES['Accueil']} href={ROUTES['Accueil']}
 			>Accueil
 		</DesktopMenuItem>
-		<DesktopMenuItem isActive={activeRoute === ROUTES['A propos']} href={ROUTES['A propos']}
-			>A propos
+		<DesktopMenuItem isActive={activeRoute === ROUTES['À propos']} href={ROUTES['À propos']}
+			>À propos
 		</DesktopMenuItem>
 
 		<DesktopMenuItem isActive={activeRoute === ROUTES['Références']} href={ROUTES['Références']}

src/lib/components/mollecules/Footer/Footer.svelte

@@ -37,7 +37,7 @@
 					<a class="mj-link--alt" href={ROUTES.Accueil}>Accueil</a>
 				</li>
 				<li>
-					<a class="mj-link--alt" href={ROUTES['A propos']}>A propos</a>
+					<a class="mj-link--alt" href={ROUTES['À propos']}>À propos</a>
 				</li>
 				<li class="text-white">
 					Offres :

src/lib/constants.ts

@@ -7,7 +7,7 @@ export const SITE_WEB_NAME = 'MJ Conseil';
 
 export const ROUTES: Record<string, string> = {
 	Accueil: '/',
-	'A propos': '/qui-sommes-nous',
+	'À propos': '/a-propos',
 	"Donner de l'élan": '/offres-de-services/donner-de-l-elan',
 	'Trouver le juste équilibre': '/offres-de-services/trouver-le-juste-equilibre',
 	'Faire monter en compétences': '/offres-de-services/faire-monter-en-competence',

src/routes/qui-sommes-nous/+page.svelte → src/routes/a-propos/+page.svelte

@@ -11,13 +11,13 @@
 </script>
 
 <svelte:head>
-	<title>{SITE_WEB_NAME} - A propos</title>
+	<title>{SITE_WEB_NAME} - À propos</title>
 </svelte:head>
 
 <header class="py-8 bg-blue-dark">
 	<Container>
 		<p class="text-sand text-xl font-bold">Mathieu Jahnich</p>
-		<h1 class="mj-h1--alt">A propos</h1>
+		<h1 class="mj-h1--alt">À propos</h1>
 		<Headline>
 			Mes thèmes de prédilection : communication responsable, communication RSE, lutte contre le
 			greenwashing et les stéréotypes.
@@ -49,7 +49,7 @@
 					<p class=" py-9 flex md:flex-row flex-col md:items-center md:gap-6 gap-3">
 						<a
 							title="Linkedin Mathieu Jahnich"
-							class="hover:decoration-sand underline underline-offset-8 hover:decoration-2 flex gap-3"
+							class="hover:decoration-sand underline hover:decoration-2 flex gap-3"
 							href="https://www.linkedin.com/in/mathieujahnich/"
 						>
 							<span aria-hidden="true">
@@ -60,7 +60,7 @@
 
 						<a
 							title="Contacter Mathieu Jahnich : [email protected]"
-							class="hover:decoration-sand underline underline-offset-8 hover:decoration-2 flex gap-3"
+							class="hover:decoration-sand underline hover:decoration-2 flex gap-3"
 							href="mailto:conseil[@][email protected]"
 						>
 							<span aria-hidden="true">
@@ -76,7 +76,7 @@
 
 			<ul class="list-disc">
 				<li>
-					Formation initiale à l' <span class="font-bold">ENS Paris-Saclay </span>en sciences pour
+					Formation initiale à l'<span class="font-bold">ENS Paris-Saclay </span>en sciences pour
 					l'ingénieur jusqu’à l’agrégation de mécanique.
 				</li>
 				<li>
@@ -157,72 +157,87 @@
 			<p>Merci Mary-Lou MAURICIO pour la photo et le temps d'échange le 27 novembre 2023.</p>
 
 			<p>
-				« BORN IN ... PPM est une série de portraits à découvrir sur borninppm.com Les
-				participant·es posent avec le taux de concentration en CO2 (exprimée en PPM, parties par
-				million) de leur année de naissance en signe de mobilisation contre la combustion des
+				« BORN IN ... PPM est une série de portraits <a href="https://borninppm.com">
+					à découvrir sur borninppm.com
+				</a>Les participant·es posent avec le taux de concentration en CO2 (exprimée en PPM, parties
+				par million) de leur année de naissance en signe de mobilisation contre la combustion des
 				énergies fossiles toujours plus grandissante et pour dénoncer l'injustice climatique. »
 			</p>
 
 			<h3>Focus sur les années 2023 et 2024</h3>
 
 			<p>
-				Pendant deux années, Sandrine CADIC et Aurélie WASTIN étaient salariées de mon entreprise.
-				Toutes* les trois, nous avons mis nos expertises complémentaires en RSE et en communication,
-				notre complicité et notre bienveillance au service de plusieurs organisations : Centre Juno
-				Beach, Assurance Maladie, CDC Habitat, Groupe CDC, Stardust Group et d’autres.
+				Pendant deux années, <span class="font-bold">Sandrine CADIC</span> et
+				<span class="font-bold">Aurélie WASTIN </span> étaient salariées de mon entreprise. Toutes* les
+				trois, nous avons mis nos expertises complémentaires en RSE et en communication, notre complicité
+				et notre bienveillance au service de plusieurs organisations : Centre Juno Beach, Assurance Maladie,
+				CDC Habitat, Groupe CDC, Stardust Group et d’autres.
 			</p>
-			<ul class="list-disc flex flex-col gap-3">
+			<ul class="list-disc flex flex-col gap-3 text-blue-dark">
 				<li>
-					Sandrine CADIC. Experte des sujets RSE et des questions de reporting extra-financier,
-					forte de près de vingt ans d’expérience, Sandrine accompagne les organisations dans leur
-					démarche responsable et le déploiement de leur stratégie RSE. Elle a à cœur de lier
-					stratégie RSE et communication responsable afin de favoriser l’engagement de l’ensemble
-					des parties prenantes et assurer la cohérence et la crédibilité entre action et
-					communication. <a
-						title="LinkedIn Sandrine Cadic"
-						class="hover:decoration-sand underline underline-offset-8 hover:decoration-2"
-						href="https://www.linkedin.com/in/sandrinecadic/"
-					>
-						LinkedIn
-					</a>
-					|
-					<a
-						title="Contacter Sandrine Cadic : [email protected]"
-						class="hover:decoration-sand underline underline-offset-8 hover:decoration-2"
-						href="mailto:scadic[@]yahoo.comr"
-					>
-						Email
-					</a>
+					<span class="font-bold">Sandrine CADIC</span>. Experte des sujets RSE et des questions de
+					reporting extra-financier, forte de près de vingt ans d’expérience, Sandrine accompagne
+					les organisations dans leur démarche responsable et le déploiement de leur stratégie RSE.
+					Elle a à cœur de lier stratégie RSE et communication responsable afin de favoriser
+					l’engagement de l’ensemble des parties prenantes et assurer la cohérence et la crédibilité
+					entre action et communication.
+
+					<div class="flex gap-4 my-2">
+						<a
+							title="LinkedIn Sandrine Cadic (vers site externe)"
+							class="underline flex gap-2"
+							target="_blank"
+							href="https://www.linkedin.com/in/aur%C3%A9lie-wastin-8683a649/"
+						>
+							LinkedIn <Icon name="external" />
+						</a>
+						|
+						<a
+							title="Contacter Sandrine Cadic : [email protected]"
+							class="underline"
+							href="mailto:scadic[@]yahoo.com"
+						>
+							Email
+						</a>
+					</div>
 				</li>
 
 				<li>
-					Aurélie WASTIN. Depuis près de vingt ans, Aurélie travaille sur la question des
-					engagements RSE des organisations, leur traduction dans une stratégie de communication
-					responsable et la mise en œuvre opérationnelle au sein des métiers des communicants, pour
-					soutenir et animer les transformations. Elle accompagne les porteurs de projets et les
-					équipes avec patience, nuance, bienveillance et enthousiasme pour faciliter le passage à
-					l'action dans leur contexte. Je la solliciterai en tant qu'indépendante selon la nature
-					des projets qui me sont confiés. <a
-						title="LinkedIn Aurélie Wastin"
-						class="hover:decoration-sand underline underline-offset-8 hover:decoration-2"
-						href="https://www.linkedin.com/in/aurelie-wastin-8683a649/"
-					>
-						LinkedIn
-					</a>
-					|
-					<a
-						title="Contacter Sandrine Cadic : [email protected]"
-						class="hover:decoration-sand underline underline-offset-8 hover:decoration-2"
-						href="mailto:aurelie.wastin[@]gmail.com"
-					>
-						Email
-					</a>
+					<span class="font-bold">Aurélie WASTIN </span> Depuis près de vingt ans, Aurélie travaille
+					sur la question des engagements RSE des organisations, leur traduction dans une stratégie
+					de communication responsable et la mise en œuvre opérationnelle au sein des métiers des
+					communicants, pour soutenir et animer les transformations. Elle accompagne les porteurs de
+					projets et les équipes avec patience, nuance, bienveillance et enthousiasme pour faciliter
+					le passage à l'action dans leur contexte. Je la solliciterai en tant qu'indépendante selon
+					la nature des projets qui me sont confiés.
+
+					<div class="flex gap-4 my-2">
+						<a
+							title="LinkedIn Aurélie Wastin (vers site externe)"
+							target="_blank"
+							class="underline flex gap-2"
+							href="https://www.linkedin.com/in/aurelie-wastin-8683a649/"
+						>
+							LinkedIn <Icon name="external" />
+						</a>
+						|
+						<a
+							title="Contacter Aurélie Wastin : [email protected]"
+							class="underline flex gap-2"
+							href="mailto:aurelie.wastin[@]gmail.com"
+						>
+							Email
+						</a>
+					</div>
 				</li>
 			</ul>
 
 			<p>
-				Retrouvez leur témoignage sur mon blog : « Aurélie Wastin et Sandrine Cadic : la rencontre
-				d’équilibristes pour réconcilier communication et RSE ».
+				Retrouvez leur témoignage sur mon blog : <a
+					href="https://mathieu-jahnich.fr/blog/aurelie-wastin-et-sandrine-cadic-la-rencontre-dequilibristes-pour-reconcilier-la-communication-et-la-rse"
+					>« Aurélie Wastin et Sandrine Cadic : la rencontre d’équilibristes pour réconcilier
+					communication et RSE »</a
+				> .
 			</p>
 
 			<p>* Le féminin l’emporte sur le masculin.</p>

src/routes/espace-presse/+page.svelte

@@ -95,7 +95,7 @@
 			<p class="text-sand text-xl font-bold">Radio, presse, télévision, web…</p>
 			<h1 class="mj-h1--alt">Espace presse</h1>
 			<Headline>
-				Nous intervenons régulièrement dans les médias généralistes ou spécialisés pour décrypter
+				J'interviens régulièrement dans les médias généralistes ou spécialisés pour décrypter
 				l’impact de la transition écologique sur les fonctions marketing et communication des
 				entreprises.
 			</Headline>
@@ -113,9 +113,8 @@
 			<div class="md:ml-8">
 				<div class="md:mb-24 mb-12">
 					<p>
-						Nous invitons les journalistes à contacter Mathieu directemen pour discuter de manière
-						informelle dans le cadre de la préparation d’un dossier ou d’un reportage ou pour une
-						interview.
+						J’invite les journalistes à me contacter directement pour discute de manière informelle
+						dans le cadre de la préparation d’un dossier ou d’un reportage ou pour une interview.
 					</p>
 
 					<ul class="flex flex-col md:flex-row gap-5 mt-5">

src/routes/offres-de-services/donner-de-l-elan/+page.svelte

@@ -184,7 +184,6 @@
 			<div class="mt-8 flex flex-col gap-5">
 				{#each references as reference, i}
 					<ReferenceAccordion
-						focused={firstNewReferenceIndex === i}
 						id={slugify(reference.title)}
 						content={reference.content}
 						imageUrl={reference.imageUrl}
@@ -205,9 +204,9 @@
 	<Section alt={references.length > 0}>
 		<OtherOfferRow>
 			<div class="xl:w-1/3 md:w-2/3">
-				<h3 class="text-white mt-0">Nos autres offres</h3>
+				<h3 class="text-white mt-0">Mes autres offres</h3>
 				<p class=" text-white text-2xl">
-					Nous mettons la communication au service de la transition écologique
+					Je mets la communication au service de la transition écologique
 				</p>
 			</div>
 			<div class="flex flex-col gap-5 items-center">

src/routes/offres-de-services/faire-monter-en-competence/+page.svelte

@@ -217,9 +217,9 @@
 	<Section alt={data.references.data.length > 0}>
 		<OtherOfferRow>
 			<div class="md:w-1/3">
-				<h3 class="text-white mt-0">Nos autres offres</h3>
+				<h3 class="text-white mt-0">Mes autres offres</h3>
 				<p class=" text-white text-2xl">
-					Nous mettons la communication au service de la transition écologique
+					Je mets la communication au service de la transition écologique
 				</p>
 			</div>
 

src/routes/offres-de-services/trouver-le-juste-equilibre/+page.svelte

@@ -145,8 +145,8 @@
 
 			<Method title="Modalités">
 				<p class="mb-2">
-					Nous ajustons les modalités de notre intervention à vos besoins et au caractère d’urgence
-					de votre demande.
+					J'ajuste les modalités de notre intervention à vos besoins et au caractère d’urgence de
+					votre demande.
 				</p>
 				<ul class="mj-list--disc">
 					<li class="mb-2">
@@ -158,11 +158,11 @@
 						remise au client : communiqué de presse, nouveau site web, idée créative, story board…
 					</li>
 					<li class="mb-2">
-						Nous adoptons une <strong>posture critique</strong> (“sans filtre”)
+						J'adopte une <strong>posture critique</strong> (“sans filtre”)
 						<strong>et constructive</strong>
 					</li>
 					<li class="mb-2">
-						Nous facturons <strong>à l’heure</strong> : vous ne payez que le temps effectif d’analyse
+						Je facture <strong>à l’heure</strong> : vous ne payez que le temps effectif d’analyse
 					</li>
 				</ul>
 			</Method>
@@ -211,9 +211,9 @@
 	<Section alt={references.length > 0}>
 		<OtherOfferRow>
 			<div class="md:w-1/3">
-				<h3 class="text-white mt-0">Nos autres offres</h3>
+				<h3 class="text-white mt-0">Mes autres offres</h3>
 				<p class=" text-white text-2xl">
-					Nous mettons la communication au service de la transition écologique.
+					Je mets la communication au service de la transition écologique.
 				</p>
 			</div>
 

src/routes/plan-de-site/+page.svelte

@@ -24,7 +24,7 @@
 					<a class="mj-link" href={ROUTES.Accueil}>Accueil</a>
 				</li>
 				<li>
-					<a class="mj-link" href={ROUTES['A propos']}>A propos</a>
+					<a class="mj-link" href={ROUTES['À propos']}>À propos</a>
 				</li>
 				<li class="text-indigo">
 					Offres :

src/routes/qui-sommes-nous/+page.server.ts

@@ -0,0 +1,7 @@
+import { ROUTES } from '$lib/constants';
+import { redirect } from '@sveltejs/kit';
+
+export function load() {
+    // This page was removed on December 24. We keep a redirection for SEO reasons.
+    throw redirect(302, ROUTES['À propos']);
+}