Feat/dynamise suite

backend/src/extensions/documentation/documentation/1.0.0/full_documentation.json

@@ -14,7 +14,7 @@
       "name": "Apache 2.0",
       "url": "https://www.apache.org/licenses/LICENSE-2.0.html"
     },
-    "x-generation-date": "2025-09-30T20:01:18.840Z"
+    "x-generation-date": "2025-10-01T08:09:20.342Z"
   },
   "x-strapi-config": {
     "plugins": [

frontend/src/app/[locale]/_partials/header.tsx

@@ -228,12 +228,12 @@ const Header = () => {
                     onClick={() => toggleNav(false)}
                     role="menuitem"
                     className={clsx(
-                      'inline-flex items-center gap-2 px-4 py-2',
+                      'inline-flex items-center gap-2 px-4 py-2 lg:py-0.5',
                       link === 'financier' ? 'bg-resistance' : 'bg-alive',
-                      'font-primary font-black tracking-widest uppercase text-black text-[12px] shadow-block shadow-block--black',
+                      'font-primary font-black tracking-widest uppercase text-black text-[12px] shadow-base',
                     )}
                   >
-                    {t(`header.nav.top.${link}`)}
+                    <span className='lg:pr-9'>{t(`header.nav.top.${link}`)}</span>
                     <ArrowIcon />
                   </Link>
                 </li>

frontend/src/app/[locale]/donations/donation.tsx

@@ -65,11 +65,11 @@ export default function DonationsPage({ data }: DonationProps) {
     <>
       <LargeTextImageDonation
         title={data.banner_title ?? t('title')}
+        subtitle={data.banner_subtitle}
         titleLevel={1}
         iframe={<div className='p-4 [&>iframe]:rounded-2xl' ref={donationSectionRef}>
           <a href="https://soutenir.dataforgood.fr/native-/#iraiser_native"></a>
         </div>}
-        background="purple"
         className="my-lg"
         internalClassName='min-h-[850px]'
       />

frontend/src/app/[locale]/donations/page.tsx

@@ -33,13 +33,13 @@ async function fetchDonationData() {
               },
             }
           },
-           donation_cta: {
-             populate: "*"
-           },
-           seo_meta: {
-             populate: "*"
-           }
-         }
+          donation_cta: {
+            populate: "*"
+          },
+          seo_meta: {
+            populate: "*"
+          }
+        }
       }
     }
   });
@@ -55,5 +55,5 @@ export default async function Page() {
   }
 
   const introduction_text = await getMarkdownContent(data.data.introduction_text);
-  return <DonationsPage data={{...data.data, introduction_text}} />;
+  return <DonationsPage data={{ ...data.data, introduction_text }} />;
 };

frontend/src/app/[locale]/projects/page.tsx

@@ -26,16 +26,31 @@ async function fetchProjectListPageData() {
             populate: '*',
           },
           thematics: {
-            populate: '*',
+            fields: ["name", "short_id", "color", "id", "short_description", "cta_text", "cta_link"],
+            populate: 'thumbnail',
           },
           informations: {
             populate: '*',
           },
           seasons: {
-            populate: '*',
+            fields: ["title"]
           },
           projects: {
-            populate: '*',
+            fields: ["title", "short_description", "category", "slug", "start_date"],
+            populate: {
+              thumbnail: {
+                fields: ["url"]
+              }, 
+              seasons: {
+                fields: ["title"]
+              },
+              thematics: {
+                fields: ["short_id"]
+              },
+              related_partners: {
+                fields: ["name"]
+              }
+            }
           },
            join_cta: {
              populate: '*',

frontend/src/app/[locale]/projects/projects.tsx

@@ -133,7 +133,7 @@ export default function ProjectsPage({ data }: ProjectListProps) {
       />
 
       <InformationsBlock
-        title={t('information.title')}
+        title={data.informations_title}
         informations={informations ?? []}
         className="mt-lg"
       />

frontend/src/components/molecules/BaseCard/BaseCard.tsx

@@ -31,7 +31,7 @@ const BaseCard: React.FC<BaseCardProps> = ({
   return (
     <Link
       className={clsx(
-        'relative block shadow-block shadow-block--building h-full',
+        'relative block max-sm:mx-5 shadow-block shadow-block--building h-full',
         className,
       )}
       target={isBlank ? '_blank' : undefined}

frontend/src/components/molecules/LargeTextImageDonation/LargeTextImageDonation.tsx

@@ -5,12 +5,8 @@ export type LargeTextImageDonationProps = {
   id?: string;
   title?: string;
   titleLevel?: TitleProps['level'];
-  content?: React.ReactNode;
+  subtitle?: string;
   iframe?: React.ReactNode;
-  citation?: string;
-  citationAuthor?: string;
-  citationAuthorImage?: string;
-  background?: "gray" | "purple";
   internalClassName?: string;
   className?: string;
 };
@@ -19,12 +15,8 @@ const LargeTextImageDonation: React.FC<LargeTextImageDonationProps> = ({
   id,
   title,
   titleLevel = 2,
-  content,
+  subtitle,
   iframe,
-  citation,
-  citationAuthor,
-  citationAuthorImage,
-  background = "gray",
   internalClassName,
   className,
   ...props
@@ -44,6 +36,7 @@ const LargeTextImageDonation: React.FC<LargeTextImageDonationProps> = ({
       >
         <div className={clsx("col-start-1 md:col-start-1 row-start-1 md:row-start-1 flex flex-col justify-center items-start md:pl-32 p-12 md:py-24 bg-cover bg-left")}>
           {title && <Title level={titleLevel} variant="medium">{title}</Title>}
+          {subtitle && <p className="mx-sm text-left h3-like"> {subtitle} </p>}
         </div>
 
         <div className={clsx("col-start-1 md:col-start-2 row-start-2 md:row-start-1 flex flex-col justify-center items-start md:pl-32 md:px-12 px-6 pb-24 md:pt-24 bg-cover bg-left")}>

frontend/src/components/molecules/PartnerCard/PartnerCard.stories.tsx

@@ -74,7 +74,7 @@ export const LongDescription: Story = {
   args: {
     name: 'Institut National de la Statistique et des Études Économiques',
     description: 'L\'Insee collecte, produit, analyse et diffuse des informations sur l\'économie et la société françaises sur l\'ensemble du territoire national. Il coordonne le système statistique public et représente la France auprès des instances statistiques internationales.',
-    image: '/images/marty-2.svg',
+    image: '/images/marty.png',
     link: 'https://insee.fr',
   },
 };

frontend/src/components/organisms/HeroBlock/HeroBlock.tsx

@@ -25,7 +25,7 @@ const HeroBlock: React.FC<HeroBlockProps> = ({
   return (
     <div
       className={clsx(
-        'container grid grid-cols-1 grid-rows-[100px_1fr] md:grid-rows-[200px_1fr_200px] md:grid-cols-2 min-h-[850px] h-screen',
+        'container max-sm:px-0 grid grid-cols-1 grid-rows-[100px_1fr] md:grid-rows-[200px_1fr_200px] md:grid-cols-2 min-h-[850px] h-screen',
         className,
       )}
       {...props}

frontend/src/components/organisms/MembersBlock/MembersBlock.tsx

@@ -40,8 +40,8 @@ const MembersBlock: React.FC<MembersBlockProps> = ({
 
       {categories.map((category, index) => (
         <div key={index}>
-          {category.title && (
-            <Title variant="small" className="mb-sm" level={typeof titleLevel === 'number' ? (titleLevel + 1) as TitleProps['level'] : titleLevel}>
+          {category.title && category.members?.length > 0 && (
+            <Title variant="small" hasSeparator className="mb-sm" level={typeof titleLevel === 'number' ? (titleLevel + 1) as TitleProps['level'] : titleLevel}>
               {category.title}
             </Title>
           )}

frontend/src/components/organisms/NewsletterBlock/NewsletterBlock.tsx

@@ -33,9 +33,9 @@ const NewsletterBlock: React.FC<NewsletterBlockProps> = ({
     >
       <div className="container flex flex-col lg:flex-row gap-md pb-md">
           <div className="flex flex-col md:flex-row items-start gap-sm pt-xs max-w-full md:max-w-xl">
-            <Image src="/images/marty-2.svg" alt="" width={52} height={70} className='hidden md:block mb-xs self-center md:self-start'/>
+            <Image src="/images/marty.png" alt="" width={52} height={70} className='hidden md:block mb-xs self-center md:self-start'/>
             <div>
-              <Image src="/images/marty-2.svg" alt="" width={52} height={70} className='md:hidden mb-xs self-center md:self-start'/>
+              <Image src="/images/marty.png" alt="" width={52} height={70} className='md:hidden mb-xs self-center md:self-start'/>
               <Title level={titleLevel} className="mb-xs" variant="medium">{componentTitle}</Title>
               <p className="lead">{componentContent}</p>
             </div>

frontend/src/components/organisms/PartnersBlock/PartnersBlock.stories.tsx

@@ -55,7 +55,7 @@ const samplePartners = [
   {
     name: 'Institut National de la Statistique',
     description: 'L\'Insee collecte, produit, analyse et diffuse des informations sur l\'économie et la société françaises',
-    image: '/images/marty-2.svg',
+    image: '/images/marty.png',
     link: 'https://insee.fr',
   },
 ];

frontend/src/components/organisms/ResultsCard/ResultsCard.tsx

@@ -45,7 +45,7 @@ const ResultsCard: React.FC<ResultsCardProps> = ({
 
       <div className="relative z-10">
         <Image
-          src="/images/marty-2.svg"
+          src="/images/marty.png"
           alt=""
           width={52}
           height={70}

frontend/src/components/organisms/TalksBlock/TalksBlock.stories.tsx

@@ -49,7 +49,7 @@ const sampleTalks = [
   {
     author: 'Jean Martin',
     talk: 'Visualisation de données pour tous',
-    image: '/images/marty-2.svg',
+    image: '/images/marty.png',
     ctaText: 'En savoir plus',
     ctaLink: '/talks/visualisation',
   },
@@ -147,7 +147,7 @@ export const TalksWithLongContent: Story = {
       {
         author: 'Prof. Marc Dubois - Université de Paris',
         talk: 'Comment les données peuvent transformer notre compréhension des phénomènes sociaux complexes et améliorer les politiques publiques',
-        image: '/images/marty-2.svg',
+        image: '/images/marty.png',
         ctaText: 'Voir la vidéo',
         ctaLink: '/talks/politiques-publiques',
       },