GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/825-video-history-of-transportation

Response
200 OK
IP
216.73.216.102
Profiled on
Token
fe1f9a

Components

19 Twig Components
32 Render Count
251 ms Render Time
16.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 24.25ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 17.50ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.69ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 12.85ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 67.40ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 36.43ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 34.48ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.84ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 15.80ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.99ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 26.96ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 25.41ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 10.16ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.69ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.62ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 2.57ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.02ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 114.28ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 22.31ms

Render calls

Store:User App\Twig\Components\Store\User 16.0 MiB 12.85 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3928
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3929 …}
}
Header 
[Anonymous]
 16.0 MiB 67.40 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3959
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 16.0 MiB 36.43 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 {#3985
  -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]
 16.0 MiB 34.48 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4041
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 16.0 MiB 0.84 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4065
  -props: []
}
Header:LocalePicker 
[Anonymous]
 16.0 MiB 15.80 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4082
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.84 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 {#4107
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 16.0 MiB 2.99 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4099
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.35 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/825-video-history-of-transportation"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/825-video-history-of-transportation"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4185
  +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 16.0 MiB 11.90 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component 
App\Twig\Components\Button {#4199
  +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 16.0 MiB 26.96 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#4023
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1480 …}
}
Dialog 
[Anonymous]
 16.0 MiB 25.41 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 {#4236
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.63 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 {#4270
  +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 16.0 MiB 1.85 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/825-video-history-of-transportation"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/825-video-history-of-transportation"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4310
  +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 16.0 MiB 1.39 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/825-video-histoire-des-moyens-de-transport"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/825-video-histoire-des-moyens-de-transport"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4338
  +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 16.0 MiB 1.18 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/825-video-la-historia-de-los-transportes"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/825-video-la-historia-de-los-transportes"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4357
  +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 16.0 MiB 1.13 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/825-media"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/825-media"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4377
  +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 16.0 MiB 10.16 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3976
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 16.0 MiB 0.69 ms
Input props 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 825
    "title" => "Video: History of Transportation"
    "slug" => "video-history-of-transportation"
    "mediaType" => "video"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
    ]
    "thumbnailBackground" => "#b51d8e"
    "publishedAt" => DateTimeImmutable @1433462400 {#1384
      date: 2015-06-05 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 440
    "description" => """
      <p>Since prehistory, Man has tried to get about.</p>\r\n
      \r\n
      <p>The raft, which is a simple assembly of tree trunks and branches, is probably the first means of transport.</p>\r\n
      \r\n
      <p>Domestication made it possible for the first tribes to harness animals&rsquo; strength.</p>\r\n
      \r\n
      <p>However land transport was not really developed until the invention of the wheel, about 3000 years before our time.</p>\r\n
      \r\n
      <p>First used in agriculture, the wagon or the plow harnessed the force of men or animals, very often the ox or the horse.</p>\r\n
      \r\n
      <p>To move heavy loads more easily, on loose or uneven soil, roads were built and much later, even railroads.</p>\r\n
      \r\n
      <p>The horse became Man&rsquo;s best companion for work and transport especially following the invention of the shoulder collar and the horseshoe. For centuries, horse power would considerably influence the history of humanity.</p>\r\n
      \r\n
      <p>Following the invention of the steam engine in the mid-18th century, the first motorized vehicles appeared and, for the first time, animal power was replaced by an engine.</p>\r\n
      \r\n
      <p>Joseph Cugnot invented the first steam-powered car. Weighing eight tons with a maximum speed of 4 km/h, it barely went faster than a pedestrian and was very difficult to maneuver.</p>\r\n
      \r\n
      <p>James Watt improved on the steam engine which made it possible to design the first motor boats</p>\r\n
      \r\n
      <p>and the first locomotives.</p>\r\n
      \r\n
      <p>From then on, there was a boom in the transport of people as well as merchandise which played a central role in the industrial revolution.</p>\r\n
      \r\n
      <p>Some very strange vehicles appeared at this time such as the &lsquo;Draisienne&rsquo; also known as the &laquo; running machine &raquo;, which didn&rsquo;t as yet have any pedals. These machines were the ancestors of the bicycle</p>\r\n
      \r\n
      <p>However, a new noise invaded cities. That of the combustion engine.</p>\r\n
      \r\n
      <p>Much lighter and more efficient than the steam engine, it opened up new horizons.</p>\r\n
      \r\n
      <p>Assembly lines set up in the Ford factories in 1910 made mass production possible.</p>\r\n
      \r\n
      <p>A century has gone by since Cugnot&rsquo;s machine. Little by little, oil has replaced coal and cars have started to invade cities.</p>\r\n
      \r\n
      <p>The 20th century is known for the development of the car and making one of humanity&rsquo;s old dreams come true: flying.</p>\r\n
      \r\n
      <p>Of course, there was the Montgolfier brothers&rsquo; balloon,</p>\r\n
      \r\n
      <p>Lilienthal&rsquo;s gliders &hellip; and then Cl&eacute;ment Ader&rsquo;s motorized airplane,</p>\r\n
      \r\n
      <p>But none of these flights were controlled. We owe the first piloted flight in history to the Wright Brothers as well as the beginning of modern aviation.</p>\r\n
      \r\n
      <p>As time went by, different means of transport continued to be developed, allowing us to go farther and faster. Nowadays, they are everywhere, so much so that it has become necessary to develop air, maritime, rail and trucking networks.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3684
        #id: 952
        #title: "Fuel cell"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1584403200 {#3254
          date: 2020-03-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "fuel-cell"
      }
      App\Entity\vo\MediaCardLight {#3686
        #id: 704
        #title: "Rocket"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
        ]
        #thumbnailBackground: "#472f91"
        #publishedAt: DateTimeImmutable @1431302400 {#3211
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "rocket"
      }
      App\Entity\vo\MediaCardLight {#3687
        #id: 576
        #title: "Energy efficiency"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431388800 {#3171
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "energy-efficiency"
      }
      App\Entity\vo\MediaCardLight {#3688
        #id: 826
        #title: "Video: Ecomobility"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1434499200 {#3236
          date: 2015-06-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-ecomobility"
      }
      App\Entity\vo\MediaCardLight {#3689
        #id: 57
        #title: "Erosion and deforestation"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3105
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "erosion-and-deforestation"
      }
    ]
    "tags" => [
      "bicycle"
      "car"
      "horse"
      "industrial revolution"
      "steam engine"
      "transportation"
      "watt"
      "wheel"
    ]
    "baseNodeName" => "Environmental science and Ecology"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 825
    "title" => "Video: History of Transportation"
    "slug" => "video-history-of-transportation"
    "mediaType" => "video"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
    ]
    "thumbnailBackground" => "#b51d8e"
    "publishedAt" => DateTimeImmutable @1433462400 {#1384
      date: 2015-06-05 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 440
    "description" => """
      <p>Since prehistory, Man has tried to get about.</p>\r\n
      \r\n
      <p>The raft, which is a simple assembly of tree trunks and branches, is probably the first means of transport.</p>\r\n
      \r\n
      <p>Domestication made it possible for the first tribes to harness animals&rsquo; strength.</p>\r\n
      \r\n
      <p>However land transport was not really developed until the invention of the wheel, about 3000 years before our time.</p>\r\n
      \r\n
      <p>First used in agriculture, the wagon or the plow harnessed the force of men or animals, very often the ox or the horse.</p>\r\n
      \r\n
      <p>To move heavy loads more easily, on loose or uneven soil, roads were built and much later, even railroads.</p>\r\n
      \r\n
      <p>The horse became Man&rsquo;s best companion for work and transport especially following the invention of the shoulder collar and the horseshoe. For centuries, horse power would considerably influence the history of humanity.</p>\r\n
      \r\n
      <p>Following the invention of the steam engine in the mid-18th century, the first motorized vehicles appeared and, for the first time, animal power was replaced by an engine.</p>\r\n
      \r\n
      <p>Joseph Cugnot invented the first steam-powered car. Weighing eight tons with a maximum speed of 4 km/h, it barely went faster than a pedestrian and was very difficult to maneuver.</p>\r\n
      \r\n
      <p>James Watt improved on the steam engine which made it possible to design the first motor boats</p>\r\n
      \r\n
      <p>and the first locomotives.</p>\r\n
      \r\n
      <p>From then on, there was a boom in the transport of people as well as merchandise which played a central role in the industrial revolution.</p>\r\n
      \r\n
      <p>Some very strange vehicles appeared at this time such as the &lsquo;Draisienne&rsquo; also known as the &laquo; running machine &raquo;, which didn&rsquo;t as yet have any pedals. These machines were the ancestors of the bicycle</p>\r\n
      \r\n
      <p>However, a new noise invaded cities. That of the combustion engine.</p>\r\n
      \r\n
      <p>Much lighter and more efficient than the steam engine, it opened up new horizons.</p>\r\n
      \r\n
      <p>Assembly lines set up in the Ford factories in 1910 made mass production possible.</p>\r\n
      \r\n
      <p>A century has gone by since Cugnot&rsquo;s machine. Little by little, oil has replaced coal and cars have started to invade cities.</p>\r\n
      \r\n
      <p>The 20th century is known for the development of the car and making one of humanity&rsquo;s old dreams come true: flying.</p>\r\n
      \r\n
      <p>Of course, there was the Montgolfier brothers&rsquo; balloon,</p>\r\n
      \r\n
      <p>Lilienthal&rsquo;s gliders &hellip; and then Cl&eacute;ment Ader&rsquo;s motorized airplane,</p>\r\n
      \r\n
      <p>But none of these flights were controlled. We owe the first piloted flight in history to the Wright Brothers as well as the beginning of modern aviation.</p>\r\n
      \r\n
      <p>As time went by, different means of transport continued to be developed, allowing us to go farther and faster. Nowadays, they are everywhere, so much so that it has become necessary to develop air, maritime, rail and trucking networks.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3684
        #id: 952
        #title: "Fuel cell"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1584403200 {#3254
          date: 2020-03-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "fuel-cell"
      }
      App\Entity\vo\MediaCardLight {#3686
        #id: 704
        #title: "Rocket"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
        ]
        #thumbnailBackground: "#472f91"
        #publishedAt: DateTimeImmutable @1431302400 {#3211
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "rocket"
      }
      App\Entity\vo\MediaCardLight {#3687
        #id: 576
        #title: "Energy efficiency"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431388800 {#3171
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "energy-efficiency"
      }
      App\Entity\vo\MediaCardLight {#3688
        #id: 826
        #title: "Video: Ecomobility"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1434499200 {#3236
          date: 2015-06-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-ecomobility"
      }
      App\Entity\vo\MediaCardLight {#3689
        #id: 57
        #title: "Erosion and deforestation"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3105
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "erosion-and-deforestation"
      }
    ]
    "tags" => [
      "bicycle"
      "car"
      "horse"
      "industrial revolution"
      "steam engine"
      "transportation"
      "watt"
      "wheel"
    ]
    "baseNodeName" => "Environmental science and Ecology"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4409
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 825
      "title" => "Video: History of Transportation"
      "slug" => "video-history-of-transportation"
      "mediaType" => "video"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      ]
      "thumbnailBackground" => "#b51d8e"
      "publishedAt" => DateTimeImmutable @1433462400 {#1384
        date: 2015-06-05 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => null
      "width" => 550
      "height" => 440
      "description" => """
        <p>Since prehistory, Man has tried to get about.</p>\r\n
        \r\n
        <p>The raft, which is a simple assembly of tree trunks and branches, is probably the first means of transport.</p>\r\n
        \r\n
        <p>Domestication made it possible for the first tribes to harness animals&rsquo; strength.</p>\r\n
        \r\n
        <p>However land transport was not really developed until the invention of the wheel, about 3000 years before our time.</p>\r\n
        \r\n
        <p>First used in agriculture, the wagon or the plow harnessed the force of men or animals, very often the ox or the horse.</p>\r\n
        \r\n
        <p>To move heavy loads more easily, on loose or uneven soil, roads were built and much later, even railroads.</p>\r\n
        \r\n
        <p>The horse became Man&rsquo;s best companion for work and transport especially following the invention of the shoulder collar and the horseshoe. For centuries, horse power would considerably influence the history of humanity.</p>\r\n
        \r\n
        <p>Following the invention of the steam engine in the mid-18th century, the first motorized vehicles appeared and, for the first time, animal power was replaced by an engine.</p>\r\n
        \r\n
        <p>Joseph Cugnot invented the first steam-powered car. Weighing eight tons with a maximum speed of 4 km/h, it barely went faster than a pedestrian and was very difficult to maneuver.</p>\r\n
        \r\n
        <p>James Watt improved on the steam engine which made it possible to design the first motor boats</p>\r\n
        \r\n
        <p>and the first locomotives.</p>\r\n
        \r\n
        <p>From then on, there was a boom in the transport of people as well as merchandise which played a central role in the industrial revolution.</p>\r\n
        \r\n
        <p>Some very strange vehicles appeared at this time such as the &lsquo;Draisienne&rsquo; also known as the &laquo; running machine &raquo;, which didn&rsquo;t as yet have any pedals. These machines were the ancestors of the bicycle</p>\r\n
        \r\n
        <p>However, a new noise invaded cities. That of the combustion engine.</p>\r\n
        \r\n
        <p>Much lighter and more efficient than the steam engine, it opened up new horizons.</p>\r\n
        \r\n
        <p>Assembly lines set up in the Ford factories in 1910 made mass production possible.</p>\r\n
        \r\n
        <p>A century has gone by since Cugnot&rsquo;s machine. Little by little, oil has replaced coal and cars have started to invade cities.</p>\r\n
        \r\n
        <p>The 20th century is known for the development of the car and making one of humanity&rsquo;s old dreams come true: flying.</p>\r\n
        \r\n
        <p>Of course, there was the Montgolfier brothers&rsquo; balloon,</p>\r\n
        \r\n
        <p>Lilienthal&rsquo;s gliders &hellip; and then Cl&eacute;ment Ader&rsquo;s motorized airplane,</p>\r\n
        \r\n
        <p>But none of these flights were controlled. We owe the first piloted flight in history to the Wright Brothers as well as the beginning of modern aviation.</p>\r\n
        \r\n
        <p>As time went by, different means of transport continued to be developed, allowing us to go farther and faster. Nowadays, they are everywhere, so much so that it has become necessary to develop air, maritime, rail and trucking networks.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3684
          #id: 952
          #title: "Fuel cell"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1584403200 {#3254
            date: 2020-03-17 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "fuel-cell"
        }
        App\Entity\vo\MediaCardLight {#3686
          #id: 704
          #title: "Rocket"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
          ]
          #thumbnailBackground: "#472f91"
          #publishedAt: DateTimeImmutable @1431302400 {#3211
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "rocket"
        }
        App\Entity\vo\MediaCardLight {#3687
          #id: 576
          #title: "Energy efficiency"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431388800 {#3171
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "energy-efficiency"
        }
        App\Entity\vo\MediaCardLight {#3688
          #id: 826
          #title: "Video: Ecomobility"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1434499200 {#3236
            date: 2015-06-17 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-ecomobility"
        }
        App\Entity\vo\MediaCardLight {#3689
          #id: 57
          #title: "Erosion and deforestation"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3105
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "erosion-and-deforestation"
        }
      ]
      "tags" => [
        "bicycle"
        "car"
        "horse"
        "industrial revolution"
        "steam engine"
        "transportation"
        "watt"
        "wheel"
      ]
      "baseNodeName" => "Environmental science and Ecology"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 16.0 MiB 0.62 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 {#4431
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 16.0 MiB 1.39 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4447
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 16.0 MiB 2.57 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4471
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 16.0 MiB 1.02 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4507
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4509
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4507
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 16.0 MiB 114.28 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 {#4493
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.99 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 {#4753
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 16.0 MiB 1.31 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4538
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.96 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3684
    #id: 952
    #title: "Fuel cell"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1584403200 {#3254
      date: 2020-03-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "fuel-cell"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4620
  -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 {#3684
    #id: 952
    #title: "Fuel cell"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1584403200 {#3254
      date: 2020-03-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "fuel-cell"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 11.75 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3686
    #id: 704
    #title: "Rocket"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
    ]
    #thumbnailBackground: "#472f91"
    #publishedAt: DateTimeImmutable @1431302400 {#3211
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "rocket"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4833
  -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 {#3686
    #id: 704
    #title: "Rocket"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/704-6545f4170a0bb468174547.webp"
    ]
    #thumbnailBackground: "#472f91"
    #publishedAt: DateTimeImmutable @1431302400 {#3211
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "rocket"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.21 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3687
    #id: 576
    #title: "Energy efficiency"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431388800 {#3171
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "energy-efficiency"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4861
  -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 {#3687
    #id: 576
    #title: "Energy efficiency"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431388800 {#3171
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "energy-efficiency"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.38 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3688
    #id: 826
    #title: "Video: Ecomobility"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1434499200 {#3236
      date: 2015-06-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-ecomobility"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4880
  -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 {#3688
    #id: 826
    #title: "Video: Ecomobility"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1434499200 {#3236
      date: 2015-06-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-ecomobility"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.19 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3689
    #id: 57
    #title: "Erosion and deforestation"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3105
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "erosion-and-deforestation"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4899
  -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 {#3689
    #id: 57
    #title: "Erosion and deforestation"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3105
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "erosion-and-deforestation"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 16.0 MiB 22.31 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4456
  -props: []
}