GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/681-tire-bouchon

Response
200 OK
IP
216.73.216.102
Profiled on
Token
cfbb1b

Components

20 Twig Components
33 Render Count
256 ms Render Time
14.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 27.41ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 18.62ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 3.47ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.18ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 80.16ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 24.48ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 22.76ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.87ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 14.38ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 3.01ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 40.17ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 38.27ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.98ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 1.04ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.84ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 3.80ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.03ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 122.39ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 22.19ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 1.72ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 2.18 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3759
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3760 …}
}
Header 
[Anonymous]
 14.0 MiB 80.16 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3790
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 24.48 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 {#3816
  -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]
 14.0 MiB 22.76 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3872
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.87 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3896
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 14.38 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3913
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.73 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 {#3938
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 3.01 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3930
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.40 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/681-tire-bouchon"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/681-tire-bouchon"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4016
  +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 14.0 MiB 1.33 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#4030
  +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 14.0 MiB 40.17 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3854
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1489 …}
}
Dialog 
[Anonymous]
 14.0 MiB 38.27 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 {#4067
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.58 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 {#4101
  +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 14.0 MiB 1.38 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/681-corkscrew"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/681-corkscrew"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4132
  +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 14.0 MiB 2.16 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/681-tire-bouchon"
  "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/681-tire-bouchon"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4169
  +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 14.0 MiB 2.17 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/681-sacacorchos"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/681-sacacorchos"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4188
  +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 14.0 MiB 1.92 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/681-korkenzieher"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/681-korkenzieher"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4208
  +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 14.0 MiB 0.98 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3807
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 1.04 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 681
    "title" => "Tire-bouchon"
    "slug" => "tire-bouchon"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1431302400 {#1389
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Comprendre le fonctionnement d&#39;un objet technique simple &agrave; partir de son sch&eacute;ma de principes.</li>\r\n
      \t<li>Rep&eacute;rer les machines simples qui interviennent dans le fonctionnement d&#39;un objet technique (levier, engrenage, cr&eacute;maill&egrave;re).</li>\r\n
      \t<li>Identifier les liaisons, et les guidages d&#39;un objet technique.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Un <strong>objet technique</strong> est un objet con&ccedil;u par l&#39;homme pour r&eacute;pondre &agrave; un ou plusieurs <strong>besoins</strong>.</p>\r\n
      \r\n
      <p>La liste des besoins et des contraintes &agrave; respecter constitue le <strong>cahier des charges</strong>. Le cahier des charges est la premi&egrave;re &eacute;tape qui m&egrave;ne &agrave; la fabrication d&#39;un objet technique. Le <strong>sch&eacute;ma de principe</strong> est le dessin simplifi&eacute; qui repr&eacute;sente les diff&eacute;rentes parties de l&#39;objet et son fonctionnement.</p>\r\n
      \r\n
      <p>Les diff&eacute;rentes parties d&#39;un objet (pi&egrave;ces) sont reli&eacute;es ensemble par des <strong>liaisons </strong>qui peuvent &ecirc;tre fixes ou mobiles, permanentes ou non permanentes.</p>\r\n
      \r\n
      <p>Les principaux types de mouvements sont le mouvement de <strong>translation</strong>, le mouvement de <strong>rotation</strong>, et le mouvement <strong>h&eacute;lico&iuml;dal </strong>(qui est une combinaison des deux premiers). Le mouvement d&#39;une pi&egrave;ce mobile est souvent contraint par un <strong>guide</strong>.</p>\r\n
      \r\n
      <p>Un dispositif de <strong>transmission de mouvement</strong> permet de transformer un type de mouvement en un autre. C&#39;est le cas du syst&egrave;me roue dent&eacute;e / cr&eacute;maill&egrave;re qui transforme un mouvement de rotation en un mouvement de translation.</p>\r\n
      \r\n
      <p>Pour remplir sa fonction, un objet technique est souvent constitu&eacute; de <strong>machines simples&nbsp;</strong>: plan inclin&eacute;, levier, poulie, etc.</p>\r\n
      \r\n
      <p>&nbsp;</p>\r\n
      \r\n
      <p>&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3516
        #id: 366
        #title: "Peser des objets avec une balance"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2947
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "peser-des-objets-avec-une-balance"
      }
      App\Entity\vo\MediaCardLight {#3518
        #id: 513
        #title: "Pompe à eau"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2999
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "pompe-a-eau"
      }
      App\Entity\vo\MediaCardLight {#3519
        #id: 132
        #title: "Quiz vélo"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1431388800 {#2912
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-velo"
      }
      App\Entity\vo\MediaCardLight {#3520
        #id: 914
        #title: "Vis d'Archimède"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1522108800 {#3095
          date: 2018-03-27 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "vis-d-archimede"
      }
      App\Entity\vo\MediaCardLight {#3521
        #id: 550
        #title: "Fonctionnement du vélo"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3035
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "fonctionnement-du-velo"
      }
    ]
    "tags" => [
      "crémaillère"
      "levier"
      "rotation"
      "technologie"
      "tire bouchon"
      "translation"
    ]
    "baseNodeName" => "Technologies"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 681
    "title" => "Tire-bouchon"
    "slug" => "tire-bouchon"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1431302400 {#1389
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Comprendre le fonctionnement d&#39;un objet technique simple &agrave; partir de son sch&eacute;ma de principes.</li>\r\n
      \t<li>Rep&eacute;rer les machines simples qui interviennent dans le fonctionnement d&#39;un objet technique (levier, engrenage, cr&eacute;maill&egrave;re).</li>\r\n
      \t<li>Identifier les liaisons, et les guidages d&#39;un objet technique.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Un <strong>objet technique</strong> est un objet con&ccedil;u par l&#39;homme pour r&eacute;pondre &agrave; un ou plusieurs <strong>besoins</strong>.</p>\r\n
      \r\n
      <p>La liste des besoins et des contraintes &agrave; respecter constitue le <strong>cahier des charges</strong>. Le cahier des charges est la premi&egrave;re &eacute;tape qui m&egrave;ne &agrave; la fabrication d&#39;un objet technique. Le <strong>sch&eacute;ma de principe</strong> est le dessin simplifi&eacute; qui repr&eacute;sente les diff&eacute;rentes parties de l&#39;objet et son fonctionnement.</p>\r\n
      \r\n
      <p>Les diff&eacute;rentes parties d&#39;un objet (pi&egrave;ces) sont reli&eacute;es ensemble par des <strong>liaisons </strong>qui peuvent &ecirc;tre fixes ou mobiles, permanentes ou non permanentes.</p>\r\n
      \r\n
      <p>Les principaux types de mouvements sont le mouvement de <strong>translation</strong>, le mouvement de <strong>rotation</strong>, et le mouvement <strong>h&eacute;lico&iuml;dal </strong>(qui est une combinaison des deux premiers). Le mouvement d&#39;une pi&egrave;ce mobile est souvent contraint par un <strong>guide</strong>.</p>\r\n
      \r\n
      <p>Un dispositif de <strong>transmission de mouvement</strong> permet de transformer un type de mouvement en un autre. C&#39;est le cas du syst&egrave;me roue dent&eacute;e / cr&eacute;maill&egrave;re qui transforme un mouvement de rotation en un mouvement de translation.</p>\r\n
      \r\n
      <p>Pour remplir sa fonction, un objet technique est souvent constitu&eacute; de <strong>machines simples&nbsp;</strong>: plan inclin&eacute;, levier, poulie, etc.</p>\r\n
      \r\n
      <p>&nbsp;</p>\r\n
      \r\n
      <p>&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3516
        #id: 366
        #title: "Peser des objets avec une balance"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2947
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "peser-des-objets-avec-une-balance"
      }
      App\Entity\vo\MediaCardLight {#3518
        #id: 513
        #title: "Pompe à eau"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2999
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "pompe-a-eau"
      }
      App\Entity\vo\MediaCardLight {#3519
        #id: 132
        #title: "Quiz vélo"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1431388800 {#2912
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-velo"
      }
      App\Entity\vo\MediaCardLight {#3520
        #id: 914
        #title: "Vis d'Archimède"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1522108800 {#3095
          date: 2018-03-27 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "vis-d-archimede"
      }
      App\Entity\vo\MediaCardLight {#3521
        #id: 550
        #title: "Fonctionnement du vélo"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3035
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "fonctionnement-du-velo"
      }
    ]
    "tags" => [
      "crémaillère"
      "levier"
      "rotation"
      "technologie"
      "tire bouchon"
      "translation"
    ]
    "baseNodeName" => "Technologies"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4240
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 681
      "title" => "Tire-bouchon"
      "slug" => "tire-bouchon"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      ]
      "thumbnailBackground" => "#f6951d"
      "publishedAt" => DateTimeImmutable @1431302400 {#1389
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Comprendre le fonctionnement d&#39;un objet technique simple &agrave; partir de son sch&eacute;ma de principes.</li>\r\n
        \t<li>Rep&eacute;rer les machines simples qui interviennent dans le fonctionnement d&#39;un objet technique (levier, engrenage, cr&eacute;maill&egrave;re).</li>\r\n
        \t<li>Identifier les liaisons, et les guidages d&#39;un objet technique.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Un <strong>objet technique</strong> est un objet con&ccedil;u par l&#39;homme pour r&eacute;pondre &agrave; un ou plusieurs <strong>besoins</strong>.</p>\r\n
        \r\n
        <p>La liste des besoins et des contraintes &agrave; respecter constitue le <strong>cahier des charges</strong>. Le cahier des charges est la premi&egrave;re &eacute;tape qui m&egrave;ne &agrave; la fabrication d&#39;un objet technique. Le <strong>sch&eacute;ma de principe</strong> est le dessin simplifi&eacute; qui repr&eacute;sente les diff&eacute;rentes parties de l&#39;objet et son fonctionnement.</p>\r\n
        \r\n
        <p>Les diff&eacute;rentes parties d&#39;un objet (pi&egrave;ces) sont reli&eacute;es ensemble par des <strong>liaisons </strong>qui peuvent &ecirc;tre fixes ou mobiles, permanentes ou non permanentes.</p>\r\n
        \r\n
        <p>Les principaux types de mouvements sont le mouvement de <strong>translation</strong>, le mouvement de <strong>rotation</strong>, et le mouvement <strong>h&eacute;lico&iuml;dal </strong>(qui est une combinaison des deux premiers). Le mouvement d&#39;une pi&egrave;ce mobile est souvent contraint par un <strong>guide</strong>.</p>\r\n
        \r\n
        <p>Un dispositif de <strong>transmission de mouvement</strong> permet de transformer un type de mouvement en un autre. C&#39;est le cas du syst&egrave;me roue dent&eacute;e / cr&eacute;maill&egrave;re qui transforme un mouvement de rotation en un mouvement de translation.</p>\r\n
        \r\n
        <p>Pour remplir sa fonction, un objet technique est souvent constitu&eacute; de <strong>machines simples&nbsp;</strong>: plan inclin&eacute;, levier, poulie, etc.</p>\r\n
        \r\n
        <p>&nbsp;</p>\r\n
        \r\n
        <p>&nbsp;</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3516
          #id: 366
          #title: "Peser des objets avec une balance"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431302400 {#2947
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "peser-des-objets-avec-une-balance"
        }
        App\Entity\vo\MediaCardLight {#3518
          #id: 513
          #title: "Pompe à eau"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431302400 {#2999
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "pompe-a-eau"
        }
        App\Entity\vo\MediaCardLight {#3519
          #id: 132
          #title: "Quiz vélo"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1431388800 {#2912
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-velo"
        }
        App\Entity\vo\MediaCardLight {#3520
          #id: 914
          #title: "Vis d'Archimède"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1522108800 {#3095
            date: 2018-03-27 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "vis-d-archimede"
        }
        App\Entity\vo\MediaCardLight {#3521
          #id: 550
          #title: "Fonctionnement du vélo"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431302400 {#3035
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "fonctionnement-du-velo"
        }
      ]
      "tags" => [
        "crémaillère"
        "levier"
        "rotation"
        "technologie"
        "tire bouchon"
        "translation"
      ]
      "baseNodeName" => "Technologies"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.84 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 {#4262
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.53 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4278
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 3.80 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4302
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.03 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4338
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4340
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4338
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 122.39 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 {#4324
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 13.75 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 {#4584
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.94 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4369
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.96 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3516
    #id: 366
    #title: "Peser des objets avec une balance"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2947
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "peser-des-objets-avec-une-balance"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4451
  -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 {#3516
    #id: 366
    #title: "Peser des objets avec une balance"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2947
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "peser-des-objets-avec-une-balance"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.69 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3518
    #id: 513
    #title: "Pompe à eau"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2999
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "pompe-a-eau"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4664
  -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 {#3518
    #id: 513
    #title: "Pompe à eau"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/513-6545f39233284727889716.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/513-6545f39233284727889716.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/513-6545f39233284727889716.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2999
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "pompe-a-eau"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.19 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3519
    #id: 132
    #title: "Quiz vélo"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1431388800 {#2912
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-velo"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4692
  -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 {#3519
    #id: 132
    #title: "Quiz vélo"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/132-6545f2b32f88e047607741.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1431388800 {#2912
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-velo"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 12.24 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3520
    #id: 914
    #title: "Vis d'Archimède"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1522108800 {#3095
      date: 2018-03-27 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "vis-d-archimede"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4711
  -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 {#3520
    #id: 914
    #title: "Vis d'Archimède"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1522108800 {#3095
      date: 2018-03-27 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "vis-d-archimede"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.54 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3521
    #id: 550
    #title: "Fonctionnement du vélo"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3035
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "fonctionnement-du-velo"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4730
  -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 {#3521
    #id: 550
    #title: "Fonctionnement du vélo"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3035
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "fonctionnement-du-velo"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 22.19 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4287
  -props: []
}
Social:Links 
[Anonymous]
 14.0 MiB 1.72 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4778
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}