GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/915-constructeur-d-engrenages

Response
200 OK
IP
216.73.216.102
Profiled on
Token
7a4da3

Components

20 Twig Components
33 Render Count
565 ms Render Time
12.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 115.06ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 25.14ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 4.57ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 0.92ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 180.23ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 44.55ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 43.19ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.89ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 21.52ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 16.52ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 117.41ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 115.98ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 1.81ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 2.40ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 15.46ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 18.24ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 15.19ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 278.89ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 36.89ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 1.55ms

Render calls

Store:User App\Twig\Components\Store\User 12.0 MiB 0.92 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3708
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3709 …}
}
Header 
[Anonymous]
 12.0 MiB 180.23 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3739
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 12.0 MiB 44.55 ms
Input props 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Attributes 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3765
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 12.0 MiB 43.19 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3821
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 12.0 MiB 0.89 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3845
  -props: []
}
Header:LocalePicker 
[Anonymous]
 12.0 MiB 21.52 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3862
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 19.39 ms
Input props 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "hoverScheme" => "none"
  "darkColor" => "domain"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#3887
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 12.0 MiB 16.52 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3879
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 14.79 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/915-constructeur-d-engrenages"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/915-constructeur-d-engrenages"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3965
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.61 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#3979
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 12.0 MiB 117.41 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3803
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1478 …}
}
Dialog 
[Anonymous]
 12.0 MiB 115.98 ms
Input props 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Attributes 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4016
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.72 ms
Input props 
[
  "tag" => "button"
  "size" => "small"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Attributes 
[
  "tag" => "button"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#4050
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 15.23 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/915-gears-sketch"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/915-gears-sketch"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4081
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.59 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/915-constructeur-d-engrenages"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/915-constructeur-d-engrenages"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4118
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.67 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/915-bosquejo-de-engranajes"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/915-bosquejo-de-engranajes"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4137
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 58.24 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/915-entwurf-eines-zahnradgetriebes"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/915-entwurf-eines-zahnradgetriebes"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4157
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 12.0 MiB 1.81 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3756
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 12.0 MiB 2.40 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 915
    "title" => "Constructeur d'engrenages"
    "slug" => "constructeur-d-engrenages"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1526601600 {#1386
      date: 2018-05-18 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>R&eacute;aliser un train d&#39;engrenage et identifier la roue motrice et la ou les roues entra&icirc;n&eacute;es.</li>\r\n
      \t<li>Illustrer comment transmettre un mouvement par une cha&icirc;ne.</li>\r\n
      \t<li>Calculer un&nbsp;rapport&nbsp;de transmission.</li>\r\n
      \t<li>Expliquer le fonctionnement du v&eacute;lo et la possibilit&eacute; de changer de vitesse.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Un train d&#39;engrenage est r&eacute;alis&eacute; lorsqu&#39;au moins deux roues dent&eacute;es sont reli&eacute;es entre elles.&nbsp;<br />\r\n
      Seule une roue dent&eacute;e est motrice (ou &quot;menante&quot;). Les autres sont juste entra&icirc;n&eacute;es.(ou &quot;men&eacute;es&quot;). Une roue men&eacute;e plus petite que la roue motrice tournera plus vite et inversement une roue men&eacute;e plus grande tournera plus lentement.<br />\r\n
      C&#39;est sur ce principe que reposent les m&eacute;canismes de changements de vitesse. Le rapport des vitesses se nomme aussi le &quot;rapport de transmission&quot;. Le syst&egrave;me roues dent&eacute;es + transmission par cha&icirc;ne du&nbsp;v&eacute;lo est une tr&egrave;s belle illustration de la&nbsp;transmission&nbsp;d&#39;un mouvement de rotation entre deux roues. La vitesse de rotation des pignons arri&egrave;res d&eacute;pend du rapport de transmission entre le plateau (roue avant motrice) et le pignon (roue men&eacute;e arri&egrave;re).<br />\r\n
      Trouver le rapport de transmission d&#39;un train d&#39;engrenage revient &agrave; comparer les nombres de dents et donc les rayons.</p>\r\n
      \r\n
      <p><strong>Dessiner </strong>un rond dans l&#39;&eacute;cran pour cr&eacute;er une roue. La taille des roues est contrainte afin d&#39;illustrer des ratios simples : 10, 15, 20, 30, 40, 50, 60 dents.</p>\r\n
      \r\n
      <p>La roue motrice est gris&eacute;e. Toutes les roues motrices tournent &agrave; la m&ecirc;me vitesse.</p>\r\n
      \r\n
      <p><strong>Entourer </strong>deux roues pour cr&eacute;er une cha&icirc;ne de transmission.<br />\r\n
      <strong>Cliquer </strong>sur une roue pour la s&eacute;lectionner ou la d&eacute;selectionner.<br />\r\n
      <strong>Barrer </strong>un &eacute;l&eacute;ment pour le supprimer.</p>\r\n
      \r\n
      <p>Cr&eacute;dit :&nbsp;Frank Leenaars</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3465
        #id: 974
        #title: "Voûtes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1649116800 {#3009
          date: 2022-04-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "voutes"
      }
      App\Entity\vo\MediaCardLight {#3467
        #id: 430
        #title: "Engrenages atypiques"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2913
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "engrenages-atypiques"
      }
      App\Entity\vo\MediaCardLight {#3468
        #id: 977
        #title: "Vidéo : Les ponts"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1646956800 {#3046
          date: 2022-03-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-les-ponts"
      }
      App\Entity\vo\MediaCardLight {#3469
        #id: 973
        #title: "Le porte-conteneur"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1633651200 {#2996
          date: 2021-10-08 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-porte-conteneur"
      }
      App\Entity\vo\MediaCardLight {#3470
        #id: 687
        #title: "Le second pont de Québec"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431388800 {#2972
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-second-pont-de-quebec"
      }
    ]
    "tags" => [
      "braquet"
      "chaîne"
      "engrenages"
      "machine simple"
      "rapport de transmission"
      "ratio"
      "transmission"
      "velo"
    ]
    "baseNodeName" => "Technologies"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 915
    "title" => "Constructeur d'engrenages"
    "slug" => "constructeur-d-engrenages"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1526601600 {#1386
      date: 2018-05-18 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>R&eacute;aliser un train d&#39;engrenage et identifier la roue motrice et la ou les roues entra&icirc;n&eacute;es.</li>\r\n
      \t<li>Illustrer comment transmettre un mouvement par une cha&icirc;ne.</li>\r\n
      \t<li>Calculer un&nbsp;rapport&nbsp;de transmission.</li>\r\n
      \t<li>Expliquer le fonctionnement du v&eacute;lo et la possibilit&eacute; de changer de vitesse.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Un train d&#39;engrenage est r&eacute;alis&eacute; lorsqu&#39;au moins deux roues dent&eacute;es sont reli&eacute;es entre elles.&nbsp;<br />\r\n
      Seule une roue dent&eacute;e est motrice (ou &quot;menante&quot;). Les autres sont juste entra&icirc;n&eacute;es.(ou &quot;men&eacute;es&quot;). Une roue men&eacute;e plus petite que la roue motrice tournera plus vite et inversement une roue men&eacute;e plus grande tournera plus lentement.<br />\r\n
      C&#39;est sur ce principe que reposent les m&eacute;canismes de changements de vitesse. Le rapport des vitesses se nomme aussi le &quot;rapport de transmission&quot;. Le syst&egrave;me roues dent&eacute;es + transmission par cha&icirc;ne du&nbsp;v&eacute;lo est une tr&egrave;s belle illustration de la&nbsp;transmission&nbsp;d&#39;un mouvement de rotation entre deux roues. La vitesse de rotation des pignons arri&egrave;res d&eacute;pend du rapport de transmission entre le plateau (roue avant motrice) et le pignon (roue men&eacute;e arri&egrave;re).<br />\r\n
      Trouver le rapport de transmission d&#39;un train d&#39;engrenage revient &agrave; comparer les nombres de dents et donc les rayons.</p>\r\n
      \r\n
      <p><strong>Dessiner </strong>un rond dans l&#39;&eacute;cran pour cr&eacute;er une roue. La taille des roues est contrainte afin d&#39;illustrer des ratios simples : 10, 15, 20, 30, 40, 50, 60 dents.</p>\r\n
      \r\n
      <p>La roue motrice est gris&eacute;e. Toutes les roues motrices tournent &agrave; la m&ecirc;me vitesse.</p>\r\n
      \r\n
      <p><strong>Entourer </strong>deux roues pour cr&eacute;er une cha&icirc;ne de transmission.<br />\r\n
      <strong>Cliquer </strong>sur une roue pour la s&eacute;lectionner ou la d&eacute;selectionner.<br />\r\n
      <strong>Barrer </strong>un &eacute;l&eacute;ment pour le supprimer.</p>\r\n
      \r\n
      <p>Cr&eacute;dit :&nbsp;Frank Leenaars</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3465
        #id: 974
        #title: "Voûtes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1649116800 {#3009
          date: 2022-04-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "voutes"
      }
      App\Entity\vo\MediaCardLight {#3467
        #id: 430
        #title: "Engrenages atypiques"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2913
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "engrenages-atypiques"
      }
      App\Entity\vo\MediaCardLight {#3468
        #id: 977
        #title: "Vidéo : Les ponts"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1646956800 {#3046
          date: 2022-03-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-les-ponts"
      }
      App\Entity\vo\MediaCardLight {#3469
        #id: 973
        #title: "Le porte-conteneur"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1633651200 {#2996
          date: 2021-10-08 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-porte-conteneur"
      }
      App\Entity\vo\MediaCardLight {#3470
        #id: 687
        #title: "Le second pont de Québec"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431388800 {#2972
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-second-pont-de-quebec"
      }
    ]
    "tags" => [
      "braquet"
      "chaîne"
      "engrenages"
      "machine simple"
      "rapport de transmission"
      "ratio"
      "transmission"
      "velo"
    ]
    "baseNodeName" => "Technologies"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4189
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 915
      "title" => "Constructeur d'engrenages"
      "slug" => "constructeur-d-engrenages"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      ]
      "thumbnailBackground" => "#f6951d"
      "publishedAt" => DateTimeImmutable @1526601600 {#1386
        date: 2018-05-18 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>R&eacute;aliser un train d&#39;engrenage et identifier la roue motrice et la ou les roues entra&icirc;n&eacute;es.</li>\r\n
        \t<li>Illustrer comment transmettre un mouvement par une cha&icirc;ne.</li>\r\n
        \t<li>Calculer un&nbsp;rapport&nbsp;de transmission.</li>\r\n
        \t<li>Expliquer le fonctionnement du v&eacute;lo et la possibilit&eacute; de changer de vitesse.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>Un train d&#39;engrenage est r&eacute;alis&eacute; lorsqu&#39;au moins deux roues dent&eacute;es sont reli&eacute;es entre elles.&nbsp;<br />\r\n
        Seule une roue dent&eacute;e est motrice (ou &quot;menante&quot;). Les autres sont juste entra&icirc;n&eacute;es.(ou &quot;men&eacute;es&quot;). Une roue men&eacute;e plus petite que la roue motrice tournera plus vite et inversement une roue men&eacute;e plus grande tournera plus lentement.<br />\r\n
        C&#39;est sur ce principe que reposent les m&eacute;canismes de changements de vitesse. Le rapport des vitesses se nomme aussi le &quot;rapport de transmission&quot;. Le syst&egrave;me roues dent&eacute;es + transmission par cha&icirc;ne du&nbsp;v&eacute;lo est une tr&egrave;s belle illustration de la&nbsp;transmission&nbsp;d&#39;un mouvement de rotation entre deux roues. La vitesse de rotation des pignons arri&egrave;res d&eacute;pend du rapport de transmission entre le plateau (roue avant motrice) et le pignon (roue men&eacute;e arri&egrave;re).<br />\r\n
        Trouver le rapport de transmission d&#39;un train d&#39;engrenage revient &agrave; comparer les nombres de dents et donc les rayons.</p>\r\n
        \r\n
        <p><strong>Dessiner </strong>un rond dans l&#39;&eacute;cran pour cr&eacute;er une roue. La taille des roues est contrainte afin d&#39;illustrer des ratios simples : 10, 15, 20, 30, 40, 50, 60 dents.</p>\r\n
        \r\n
        <p>La roue motrice est gris&eacute;e. Toutes les roues motrices tournent &agrave; la m&ecirc;me vitesse.</p>\r\n
        \r\n
        <p><strong>Entourer </strong>deux roues pour cr&eacute;er une cha&icirc;ne de transmission.<br />\r\n
        <strong>Cliquer </strong>sur une roue pour la s&eacute;lectionner ou la d&eacute;selectionner.<br />\r\n
        <strong>Barrer </strong>un &eacute;l&eacute;ment pour le supprimer.</p>\r\n
        \r\n
        <p>Cr&eacute;dit :&nbsp;Frank Leenaars</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3465
          #id: 974
          #title: "Voûtes"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1649116800 {#3009
            date: 2022-04-05 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "voutes"
        }
        App\Entity\vo\MediaCardLight {#3467
          #id: 430
          #title: "Engrenages atypiques"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2913
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "engrenages-atypiques"
        }
        App\Entity\vo\MediaCardLight {#3468
          #id: 977
          #title: "Vidéo : Les ponts"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1646956800 {#3046
            date: 2022-03-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-les-ponts"
        }
        App\Entity\vo\MediaCardLight {#3469
          #id: 973
          #title: "Le porte-conteneur"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1633651200 {#2996
            date: 2021-10-08 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-porte-conteneur"
        }
        App\Entity\vo\MediaCardLight {#3470
          #id: 687
          #title: "Le second pont de Québec"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1431388800 {#2972
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-second-pont-de-quebec"
        }
      ]
      "tags" => [
        "braquet"
        "chaîne"
        "engrenages"
        "machine simple"
        "rapport de transmission"
        "ratio"
        "transmission"
        "velo"
      ]
      "baseNodeName" => "Technologies"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 12.0 MiB 15.46 ms
Input props 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Attributes 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4211
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 12.0 MiB 1.92 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4227
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 12.0 MiB 18.24 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4251
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 12.0 MiB 15.19 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4287
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4289
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4287
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 12.0 MiB 278.89 ms
Input props 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Attributes 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4273
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 0.83 ms
Input props 
[
  "tag" => "button"
  "type" => "submit"
  "darkColor" => "domain"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Attributes 
[
  "tag" => "button"
  "type" => "submit"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Component 
App\Twig\Components\Button {#4533
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 12.0 MiB 2.65 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4318
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 2.86 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3465
    #id: 974
    #title: "Voûtes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1649116800 {#3009
      date: 2022-04-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "voutes"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4400
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3465
    #id: 974
    #title: "Voûtes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1649116800 {#3009
      date: 2022-04-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "voutes"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.90 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3467
    #id: 430
    #title: "Engrenages atypiques"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2913
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "engrenages-atypiques"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4613
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3467
    #id: 430
    #title: "Engrenages atypiques"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2913
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "engrenages-atypiques"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 17.29 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3468
    #id: 977
    #title: "Vidéo : Les ponts"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1646956800 {#3046
      date: 2022-03-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-les-ponts"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4641
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3468
    #id: 977
    #title: "Vidéo : Les ponts"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1646956800 {#3046
      date: 2022-03-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-les-ponts"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.44 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3469
    #id: 973
    #title: "Le porte-conteneur"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1633651200 {#2996
      date: 2021-10-08 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-porte-conteneur"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4660
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3469
    #id: 973
    #title: "Le porte-conteneur"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/973-6545f491a2c73309463696.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1633651200 {#2996
      date: 2021-10-08 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-porte-conteneur"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.64 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3470
    #id: 687
    #title: "Le second pont de Québec"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431388800 {#2972
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-second-pont-de-quebec"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4680
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3470
    #id: 687
    #title: "Le second pont de Québec"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431388800 {#2972
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-second-pont-de-quebec"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 12.0 MiB 36.89 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4236
  -props: []
}
Social:Links 
[Anonymous]
 12.0 MiB 1.55 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4728
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}