changement de l'affichage des image en card avec ration (champs équipe du à propos en cours)

site/blueprints/files/member.yml

@@ -0,0 +1,13 @@
+title: Membre de l'équipe
+accept: image/*
+
+fields:
+  name:
+    label: Nom
+    type: text
+    required: true
+  role:
+    label: Poste
+    type: text
+    required: true
+    help: "Ex: CEO & Co-Founder"

site/blueprints/pages/about.yml

@@ -7,7 +7,10 @@ tabs:
     label: Contenu
     icon: text
     columns:
-      - width: 2/3
+      - width: 1/1
+        sections:
+          content:
+            type: fields
             fields:
               intro:
                 type: writer
@@ -29,35 +32,16 @@ tabs:
                           - heading
                         headings:
                           - h3
-                    
-      
-      - width: 1/3
-        sections:
           team:
-            type: fields
-            fields:
-              team_members:
-                label: Membres de l'équipe
-                type: structure
-                fields:
-                  name:
-                    label: Nom
-                    type: text
-                    required: true
-                    width: 1/2
-                  role:
-                    label: Poste
-                    type: text
-                    required: true
-                    width: 1/2
-                    help: "Ex: CEO & Co-Founder"
-                  photo:
-                    label: Photo
             type: files
-                    max: 1
-                    accept: image/*
-                    uploads:
-                      template: image
+            label: Membres de l'équipe
+            layout: cards
+            size: medium
+            template: member
+            image:
+              ratio: 1/1
+              cover: true
+            info: "{{ file.role }}"
   # SEO
   seo:
     label: SEO

site/blueprints/pages/game.yml

@@ -32,22 +32,30 @@ columns:
       visual:
         type: fields
         fields:
-          background_image:
-            label: Image d'arrière plan
-            type: files
-            max: 1
-            accept: image/*
-            uploads:
-              template: image
-            help: Image affichée en arrière-plan quand le jeu est sélectionné
           thumbnail:
             label: Vignette
             type: files
+            layout: cards
+            size: small
             max: 1
             accept: image/*
+            image:
+              ratio: 1/1
             uploads:
               template: image
             help: Petite image carrée représentant le jeu
+          background_image:
+            label: Image d'arrière plan
+            type: files
+            layout: cards
+            max: 1
+            accept: image/*
+            image:
+              ratio: 16/9
+              cover: true
+            uploads:
+              template: image
+            help: Image affichée en arrière-plan quand le jeu est sélectionné
           badge:
             label: Badge
             type: tags

site/blueprints/pages/home.yml

@@ -35,11 +35,15 @@ tabs:
           media:
             type: fields
             fields:
-              video:
+              background_video:
                 label: Vidéo d'arrière-plan
                 type: files
+                layout: cards
                 max: 1
                 accept: video/*
+                image:
+                  ratio: 16/9
+                  cover: true
                 uploads:
                   template: video
   # SEO

site/blueprints/pages/project.yml

@@ -42,6 +42,9 @@ columns:
             size: medium
             max: 1
             accept: video/*
+            image:
+              ratio: 2/3
+              cover: true
             uploads:
               template: video
             help: Vidéo qui fait défiler une galerie d'images liée au jeu
@@ -49,8 +52,11 @@ columns:
             width: 1/3
             label: Image de mise en situation
             type: files
+            layout: cards
             max: 1
             accept: image/*
+            image:
+              ratio: 1/1
             uploads:
               template: image
             help: Écran de jeu mis en situation sur un appareil
@@ -66,8 +72,11 @@ columns:
           thumbnail:
             label: Vignette
             type: files
+            layout: cards
             max: 1
             accept: image/*
+            image:
+              ratio: 1/1
             uploads:
               template: image
             help: Petite image carrée représentant le jeu