GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/977-video-les-ponts

Response
200 OK
IP
216.73.216.102
Profiled on
Token
5aa2c1

Components

20 Twig Components
33 Render Count
204 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 20.51ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 15.33ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.44ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.05ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 60.63ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 37.07ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 34.86ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.96ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 11.46ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.32ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 19.57ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 18.75ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.58ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.48ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.52ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 2.79ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.03ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 100.70ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 18.62ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 1.29ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 2.05 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3841
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3842 …}
}
Header 
[Anonymous]
 14.0 MiB 60.63 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3872
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 37.07 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 {#3898
  -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 34.86 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3954
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.96 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3978
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 11.46 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3995
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.41 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 {#4020
  +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 2.32 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4012
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.14 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/977-video-les-ponts"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/977-video-les-ponts"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4098
  +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 0.86 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#4112
  +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 19.57 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3936
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1478 …}
}
Dialog 
[Anonymous]
 14.0 MiB 18.75 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 {#4149
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.02 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 {#4183
  +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 11.12 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/977-bridges-video"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/977-bridges-video"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4223
  +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 0.61 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/977-video-les-ponts"
  "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/977-video-les-ponts"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4251
  +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 0.81 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/977-media"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/977-media"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4270
  +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 0.80 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/977-media"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/977-media"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4290
  +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.58 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3889
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.48 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 977
    "title" => "Vidéo : Les ponts"
    "slug" => "video-les-ponts"
    "mediaType" => "video"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
    ]
    "thumbnailBackground" => "#00a751"
    "publishedAt" => DateTimeImmutable @1646956800 {#1390
      date: 2022-03-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 309
    "description" => """
      <p>Les romains et les chinois l&rsquo;avaient bien compris. Pour contr&ocirc;ler leur vaste empire et le d&eacute;fendre, il faut des <strong>routes</strong>, pour pouvoir se d&eacute;placer rapidement, et des <strong>ponts</strong>, pour franchir les obstacles.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Une simple dalle de pierre permet d&rsquo;enjamber une courte distance, mais le poids de la roche impose d&rsquo;importantes forces de <strong>compression</strong> et de <strong>tension</strong> (&hellip;)</p>\r\n
      \r\n
      <p>Pour une port&eacute;e de plus de 2m, les architectes de l&rsquo;antiquit&eacute; r&eacute;alisent des ponts en arc.</p>\r\n
      \r\n
      <p>Leur forme caract&eacute;ristique permet de distribuer le poids du centre (&hellip;) vers les rives, o&ugrave; se trouvent les cul&eacute;es.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Pour construire un tel pont, une structure provisoire en bois, appel&eacute; &laquo;&nbsp;cintre&nbsp;&raquo;, est positionn&eacute;e &agrave; l&rsquo;emplacement exact de la vo&ucirc;te. Des blocs de pierre parfaitement taill&eacute;s sont mont&eacute;s les uns sur les autres. La <strong>cl&eacute; de vo&ucirc;te</strong> est plac&eacute;e en derni&egrave;re pour assurer la coh&eacute;sion de l&rsquo;ensemble et le cintre peut &ecirc;tre retir&eacute;.</p>\r\n
      \r\n
      <p>Les ponts en arc sont tr&egrave;s solides car la pierre r&eacute;siste bien aux forces de compression. Il faut cependant que l&rsquo;espace autour de la vo&ucirc;te soit rempli.</p>\r\n
      \r\n
      <p>Beaucoup de ces anciens ouvrages sont encore en service de nos jours.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Pour traverser de grandes distances, Il est possible de multiplier les arcs, mais les nombreuses piles du pont constituent alors une entrave &agrave; la navigation.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Il faut attendre l&rsquo;invention et la ma&icirc;trise de nouveaux mat&eacute;riaux pour envisager de nouvelles structures de ponts.</p>\r\n
      \r\n
      <p>Au moment de la r&eacute;volution industrielle, des ponts en fer et en fonte appara&icirc;ssent.</p>\r\n
      \r\n
      <p>Mais ce sont des mat&eacute;riaux trop co&ucirc;teux.</p>\r\n
      \r\n
      <p>Avec l&rsquo;acier et le b&eacute;ton, les ing&eacute;nieurs en g&eacute;nie-civil du 19e et du 20e si&egrave;cle r&eacute;alisent des avanc&eacute;es majeures&nbsp;:</p>\r\n
      \r\n
      <p>Des piles en b&eacute;ton r&eacute;sistent tr&egrave;s bien &agrave; la compression. (&hellip;)</p>\r\n
      \r\n
      <p>Les c&acirc;bles en acier r&eacute;sistent &agrave; la tension. (..)</p>\r\n
      \r\n
      <p>Il est d&rsquo;ailleurs possible de combiner les avantages de ces deux mat&eacute;riaux en r&eacute;alisant du b&eacute;ton arm&eacute;. (&hellip;)</p>\r\n
      \r\n
      <p>Avec des structures m&eacute;talliques en treillis il est maintenant possible de faire plus l&eacute;ger et plus robuste.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Toutes ces &eacute;volutions associ&eacute;es &agrave; la puissance de calcul de l&rsquo;outil informatique permettent de simuler puis construire de v&eacute;ritables prouesses technologiques.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3598
        #id: 635
        #title: "Les ponts (Forces)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3073
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "les-ponts-forces"
      }
      App\Entity\vo\MediaCardLight {#3600
        #id: 974
        #title: "Voûtes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1649116800 {#3163
          date: 2022-04-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "voutes"
      }
      App\Entity\vo\MediaCardLight {#3601
        #id: 467
        #title: "Quiz Ponts"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3049
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-ponts"
      }
      App\Entity\vo\MediaCardLight {#3602
        #id: 80
        #title: "Principe d'action/Réaction"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3006
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "principe-d-action-reaction"
      }
      App\Entity\vo\MediaCardLight {#3603
        #id: 683
        #title: "Le Golden Gate"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431388800 {#3112
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-golden-gate"
      }
    ]
    "tags" => [
      "acier"
      "béton"
      "ponts"
      "romains"
      "révolution industrielle"
    ]
    "baseNodeName" => "Technologie"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 977
    "title" => "Vidéo : Les ponts"
    "slug" => "video-les-ponts"
    "mediaType" => "video"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
    ]
    "thumbnailBackground" => "#00a751"
    "publishedAt" => DateTimeImmutable @1646956800 {#1390
      date: 2022-03-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 309
    "description" => """
      <p>Les romains et les chinois l&rsquo;avaient bien compris. Pour contr&ocirc;ler leur vaste empire et le d&eacute;fendre, il faut des <strong>routes</strong>, pour pouvoir se d&eacute;placer rapidement, et des <strong>ponts</strong>, pour franchir les obstacles.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Une simple dalle de pierre permet d&rsquo;enjamber une courte distance, mais le poids de la roche impose d&rsquo;importantes forces de <strong>compression</strong> et de <strong>tension</strong> (&hellip;)</p>\r\n
      \r\n
      <p>Pour une port&eacute;e de plus de 2m, les architectes de l&rsquo;antiquit&eacute; r&eacute;alisent des ponts en arc.</p>\r\n
      \r\n
      <p>Leur forme caract&eacute;ristique permet de distribuer le poids du centre (&hellip;) vers les rives, o&ugrave; se trouvent les cul&eacute;es.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Pour construire un tel pont, une structure provisoire en bois, appel&eacute; &laquo;&nbsp;cintre&nbsp;&raquo;, est positionn&eacute;e &agrave; l&rsquo;emplacement exact de la vo&ucirc;te. Des blocs de pierre parfaitement taill&eacute;s sont mont&eacute;s les uns sur les autres. La <strong>cl&eacute; de vo&ucirc;te</strong> est plac&eacute;e en derni&egrave;re pour assurer la coh&eacute;sion de l&rsquo;ensemble et le cintre peut &ecirc;tre retir&eacute;.</p>\r\n
      \r\n
      <p>Les ponts en arc sont tr&egrave;s solides car la pierre r&eacute;siste bien aux forces de compression. Il faut cependant que l&rsquo;espace autour de la vo&ucirc;te soit rempli.</p>\r\n
      \r\n
      <p>Beaucoup de ces anciens ouvrages sont encore en service de nos jours.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Pour traverser de grandes distances, Il est possible de multiplier les arcs, mais les nombreuses piles du pont constituent alors une entrave &agrave; la navigation.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Il faut attendre l&rsquo;invention et la ma&icirc;trise de nouveaux mat&eacute;riaux pour envisager de nouvelles structures de ponts.</p>\r\n
      \r\n
      <p>Au moment de la r&eacute;volution industrielle, des ponts en fer et en fonte appara&icirc;ssent.</p>\r\n
      \r\n
      <p>Mais ce sont des mat&eacute;riaux trop co&ucirc;teux.</p>\r\n
      \r\n
      <p>Avec l&rsquo;acier et le b&eacute;ton, les ing&eacute;nieurs en g&eacute;nie-civil du 19e et du 20e si&egrave;cle r&eacute;alisent des avanc&eacute;es majeures&nbsp;:</p>\r\n
      \r\n
      <p>Des piles en b&eacute;ton r&eacute;sistent tr&egrave;s bien &agrave; la compression. (&hellip;)</p>\r\n
      \r\n
      <p>Les c&acirc;bles en acier r&eacute;sistent &agrave; la tension. (..)</p>\r\n
      \r\n
      <p>Il est d&rsquo;ailleurs possible de combiner les avantages de ces deux mat&eacute;riaux en r&eacute;alisant du b&eacute;ton arm&eacute;. (&hellip;)</p>\r\n
      \r\n
      <p>Avec des structures m&eacute;talliques en treillis il est maintenant possible de faire plus l&eacute;ger et plus robuste.</p>\r\n
      \r\n
      <p>(&hellip;)</p>\r\n
      \r\n
      <p>Toutes ces &eacute;volutions associ&eacute;es &agrave; la puissance de calcul de l&rsquo;outil informatique permettent de simuler puis construire de v&eacute;ritables prouesses technologiques.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3598
        #id: 635
        #title: "Les ponts (Forces)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3073
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "les-ponts-forces"
      }
      App\Entity\vo\MediaCardLight {#3600
        #id: 974
        #title: "Voûtes"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1649116800 {#3163
          date: 2022-04-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "voutes"
      }
      App\Entity\vo\MediaCardLight {#3601
        #id: 467
        #title: "Quiz Ponts"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3049
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-ponts"
      }
      App\Entity\vo\MediaCardLight {#3602
        #id: 80
        #title: "Principe d'action/Réaction"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3006
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "principe-d-action-reaction"
      }
      App\Entity\vo\MediaCardLight {#3603
        #id: 683
        #title: "Le Golden Gate"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431388800 {#3112
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "le-golden-gate"
      }
    ]
    "tags" => [
      "acier"
      "béton"
      "ponts"
      "romains"
      "révolution industrielle"
    ]
    "baseNodeName" => "Technologie"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4322
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 977
      "title" => "Vidéo : Les ponts"
      "slug" => "video-les-ponts"
      "mediaType" => "video"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/977-6545f4930f90a729047448.webp"
      ]
      "thumbnailBackground" => "#00a751"
      "publishedAt" => DateTimeImmutable @1646956800 {#1390
        date: 2022-03-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => null
      "width" => 550
      "height" => 309
      "description" => """
        <p>Les romains et les chinois l&rsquo;avaient bien compris. Pour contr&ocirc;ler leur vaste empire et le d&eacute;fendre, il faut des <strong>routes</strong>, pour pouvoir se d&eacute;placer rapidement, et des <strong>ponts</strong>, pour franchir les obstacles.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Une simple dalle de pierre permet d&rsquo;enjamber une courte distance, mais le poids de la roche impose d&rsquo;importantes forces de <strong>compression</strong> et de <strong>tension</strong> (&hellip;)</p>\r\n
        \r\n
        <p>Pour une port&eacute;e de plus de 2m, les architectes de l&rsquo;antiquit&eacute; r&eacute;alisent des ponts en arc.</p>\r\n
        \r\n
        <p>Leur forme caract&eacute;ristique permet de distribuer le poids du centre (&hellip;) vers les rives, o&ugrave; se trouvent les cul&eacute;es.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Pour construire un tel pont, une structure provisoire en bois, appel&eacute; &laquo;&nbsp;cintre&nbsp;&raquo;, est positionn&eacute;e &agrave; l&rsquo;emplacement exact de la vo&ucirc;te. Des blocs de pierre parfaitement taill&eacute;s sont mont&eacute;s les uns sur les autres. La <strong>cl&eacute; de vo&ucirc;te</strong> est plac&eacute;e en derni&egrave;re pour assurer la coh&eacute;sion de l&rsquo;ensemble et le cintre peut &ecirc;tre retir&eacute;.</p>\r\n
        \r\n
        <p>Les ponts en arc sont tr&egrave;s solides car la pierre r&eacute;siste bien aux forces de compression. Il faut cependant que l&rsquo;espace autour de la vo&ucirc;te soit rempli.</p>\r\n
        \r\n
        <p>Beaucoup de ces anciens ouvrages sont encore en service de nos jours.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Pour traverser de grandes distances, Il est possible de multiplier les arcs, mais les nombreuses piles du pont constituent alors une entrave &agrave; la navigation.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Il faut attendre l&rsquo;invention et la ma&icirc;trise de nouveaux mat&eacute;riaux pour envisager de nouvelles structures de ponts.</p>\r\n
        \r\n
        <p>Au moment de la r&eacute;volution industrielle, des ponts en fer et en fonte appara&icirc;ssent.</p>\r\n
        \r\n
        <p>Mais ce sont des mat&eacute;riaux trop co&ucirc;teux.</p>\r\n
        \r\n
        <p>Avec l&rsquo;acier et le b&eacute;ton, les ing&eacute;nieurs en g&eacute;nie-civil du 19e et du 20e si&egrave;cle r&eacute;alisent des avanc&eacute;es majeures&nbsp;:</p>\r\n
        \r\n
        <p>Des piles en b&eacute;ton r&eacute;sistent tr&egrave;s bien &agrave; la compression. (&hellip;)</p>\r\n
        \r\n
        <p>Les c&acirc;bles en acier r&eacute;sistent &agrave; la tension. (..)</p>\r\n
        \r\n
        <p>Il est d&rsquo;ailleurs possible de combiner les avantages de ces deux mat&eacute;riaux en r&eacute;alisant du b&eacute;ton arm&eacute;. (&hellip;)</p>\r\n
        \r\n
        <p>Avec des structures m&eacute;talliques en treillis il est maintenant possible de faire plus l&eacute;ger et plus robuste.</p>\r\n
        \r\n
        <p>(&hellip;)</p>\r\n
        \r\n
        <p>Toutes ces &eacute;volutions associ&eacute;es &agrave; la puissance de calcul de l&rsquo;outil informatique permettent de simuler puis construire de v&eacute;ritables prouesses technologiques.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3598
          #id: 635
          #title: "Les ponts (Forces)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#3073
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "les-ponts-forces"
        }
        App\Entity\vo\MediaCardLight {#3600
          #id: 974
          #title: "Voûtes"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1649116800 {#3163
            date: 2022-04-05 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "voutes"
        }
        App\Entity\vo\MediaCardLight {#3601
          #id: 467
          #title: "Quiz Ponts"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3049
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-ponts"
        }
        App\Entity\vo\MediaCardLight {#3602
          #id: 80
          #title: "Principe d'action/Réaction"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#3006
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "principe-d-action-reaction"
        }
        App\Entity\vo\MediaCardLight {#3603
          #id: 683
          #title: "Le Golden Gate"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431388800 {#3112
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "le-golden-gate"
        }
      ]
      "tags" => [
        "acier"
        "béton"
        "ponts"
        "romains"
        "révolution industrielle"
      ]
      "baseNodeName" => "Technologie"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.52 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 {#4344
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.40 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4360
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 2.79 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4384
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.03 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4420
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4422
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4420
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 100.70 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 {#4406
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.74 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 {#4666
  +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.04 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4451
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 11.01 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3598
    #id: 635
    #title: "Les ponts (Forces)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3073
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "les-ponts-forces"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4533
  -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 {#3598
    #id: 635
    #title: "Les ponts (Forces)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/635-6545f3e54f84b969637392.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3073
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "les-ponts-forces"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.88 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3600
    #id: 974
    #title: "Voûtes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1649116800 {#3163
      date: 2022-04-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "voutes"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4746
  -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 {#3600
    #id: 974
    #title: "Voûtes"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/974-6545f491ef544307643687.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1649116800 {#3163
      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 14.0 MiB 1.15 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3601
    #id: 467
    #title: "Quiz Ponts"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3049
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-ponts"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4774
  -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 {#3601
    #id: 467
    #title: "Quiz Ponts"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3049
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-ponts"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.17 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3602
    #id: 80
    #title: "Principe d'action/Réaction"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3006
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "principe-d-action-reaction"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4793
  -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 {#3602
    #id: 80
    #title: "Principe d'action/Réaction"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3006
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "principe-d-action-reaction"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.11 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3603
    #id: 683
    #title: "Le Golden Gate"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431388800 {#3112
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-golden-gate"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4812
  -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 {#3603
    #id: 683
    #title: "Le Golden Gate"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/683-6545f4060067f125959268.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431388800 {#3112
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "le-golden-gate"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 18.62 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4369
  -props: []
}
Social:Links 
[Anonymous]
 14.0 MiB 1.29 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4860
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}