GET https://junior.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
d1e286

Components

19 Twig Components
32 Render Count
191 ms Render Time
8.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 9.35ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 3.85ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 1.32ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.38ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 52.70ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 9.42ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 8.47ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.39ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 3.19ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.40ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 20.39ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 19.64ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.59ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.32ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.52ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 1.86ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.80ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 114.89ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 13.36ms

Render calls

Store:User App\Twig\Components\Store\User 8.0 MiB 1.38 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3829
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3830 …}
}
Header 
[Anonymous]
 8.0 MiB 52.70 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3860
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 8.0 MiB 9.42 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 {#3886
  -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]
 8.0 MiB 8.47 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3942
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 8.0 MiB 0.39 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3966
  -props: []
}
Header:LocalePicker 
[Anonymous]
 8.0 MiB 3.19 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3983
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 1.27 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 {#4008
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 8.0 MiB 2.40 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4000
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 1.15 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 {#4086
  +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 8.0 MiB 0.67 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component 
App\Twig\Components\Button {#4100
  +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 8.0 MiB 20.39 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3924
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1480 …}
}
Dialog 
[Anonymous]
 8.0 MiB 19.64 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 {#4137
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 0.73 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 {#4171
  +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 8.0 MiB 1.12 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 {#4211
  +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 8.0 MiB 1.08 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 {#4239
  +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 8.0 MiB 0.89 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 {#4258
  +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 8.0 MiB 1.14 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 {#4278
  +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 8.0 MiB 0.59 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3877
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 8.0 MiB 0.32 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://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "title" => "https://junior.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 {#3585
        #id: 354
        #title: "Carbon footprint calculator"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3096
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "carbon-footprint-calculator"
      }
      App\Entity\vo\MediaCardLight {#3587
        #id: 826
        #title: "Video: Ecomobility"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1434499200 {#3155
          date: 2015-06-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-ecomobility"
      }
      App\Entity\vo\MediaCardLight {#3588
        #id: 811
        #title: "Video: Coral whitening"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3124
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-coral-whitening"
      }
      App\Entity\vo\MediaCardLight {#3589
        #id: 80
        #title: "Action - Reaction Principle"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3064
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "action-reaction-principle"
      }
      App\Entity\vo\MediaCardLight {#3590
        #id: 13
        #title: "Carbon cycle"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2907
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "carbon-cycle"
      }
    ]
    "tags" => [
      "bicycle"
      "car"
      "horse"
      "industrial revolution"
      "steam engine"
      "transportation"
      "watt"
      "wheel"
    ]
    "baseNodeName" => "Our environment"
  ]
  "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://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
      "title" => "https://junior.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 {#3585
        #id: 354
        #title: "Carbon footprint calculator"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3096
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "carbon-footprint-calculator"
      }
      App\Entity\vo\MediaCardLight {#3587
        #id: 826
        #title: "Video: Ecomobility"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1434499200 {#3155
          date: 2015-06-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-ecomobility"
      }
      App\Entity\vo\MediaCardLight {#3588
        #id: 811
        #title: "Video: Coral whitening"
        #mediaType: "video"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3124
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-coral-whitening"
      }
      App\Entity\vo\MediaCardLight {#3589
        #id: 80
        #title: "Action - Reaction Principle"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#3064
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "action-reaction-principle"
      }
      App\Entity\vo\MediaCardLight {#3590
        #id: 13
        #title: "Carbon cycle"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2907
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "carbon-cycle"
      }
    ]
    "tags" => [
      "bicycle"
      "car"
      "horse"
      "industrial revolution"
      "steam engine"
      "transportation"
      "watt"
      "wheel"
    ]
    "baseNodeName" => "Our environment"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4310
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 825
      "title" => "Video: History of Transportation"
      "slug" => "video-history-of-transportation"
      "mediaType" => "video"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/825-6545f45470e8e161824453.webp"
        "title" => "https://junior.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 {#3585
          #id: 354
          #title: "Carbon footprint calculator"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1431302400 {#3096
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "carbon-footprint-calculator"
        }
        App\Entity\vo\MediaCardLight {#3587
          #id: 826
          #title: "Video: Ecomobility"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1434499200 {#3155
            date: 2015-06-17 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-ecomobility"
        }
        App\Entity\vo\MediaCardLight {#3588
          #id: 811
          #title: "Video: Coral whitening"
          #mediaType: "video"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#3124
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-coral-whitening"
        }
        App\Entity\vo\MediaCardLight {#3589
          #id: 80
          #title: "Action - Reaction Principle"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#3064
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "action-reaction-principle"
        }
        App\Entity\vo\MediaCardLight {#3590
          #id: 13
          #title: "Carbon cycle"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#2907
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "carbon-cycle"
        }
      ]
      "tags" => [
        "bicycle"
        "car"
        "horse"
        "industrial revolution"
        "steam engine"
        "transportation"
        "watt"
        "wheel"
      ]
      "baseNodeName" => "Our environment"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 8.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 {#4332
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 8.0 MiB 0.85 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4348
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 8.0 MiB 1.86 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4372
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 8.0 MiB 0.80 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4408
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4410
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4408
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 8.0 MiB 114.89 ms
Input props 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Attributes 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4394
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 1.29 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 {#4654
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 8.0 MiB 0.46 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4439
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 0.82 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3585
    #id: 354
    #title: "Carbon footprint calculator"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3096
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "carbon-footprint-calculator"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4521
  -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 {#3585
    #id: 354
    #title: "Carbon footprint calculator"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/354-6545f33018390778803256.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/354-6545f33018390778803256.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/354-6545f33018390778803256.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3096
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "carbon-footprint-calculator"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 0.81 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3587
    #id: 826
    #title: "Video: Ecomobility"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1434499200 {#3155
      date: 2015-06-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-ecomobility"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4734
  -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 {#3587
    #id: 826
    #title: "Video: Ecomobility"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/826-6545f454c8d49308736273.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1434499200 {#3155
      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 8.0 MiB 0.81 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3588
    #id: 811
    #title: "Video: Coral whitening"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3124
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-coral-whitening"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4762
  -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 {#3588
    #id: 811
    #title: "Video: Coral whitening"
    #mediaType: "video"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/811-6545f44edacf6644168362.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3124
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-coral-whitening"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 0.60 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3589
    #id: 80
    #title: "Action - Reaction Principle"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3064
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "action-reaction-principle"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4782
  -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 {#3589
    #id: 80
    #title: "Action - Reaction Principle"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/80-6545f449dbce3835098966.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#3064
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "action-reaction-principle"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 0.82 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3590
    #id: 13
    #title: "Carbon cycle"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2907
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "carbon-cycle"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4801
  -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 {#3590
    #id: 13
    #title: "Carbon cycle"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/13-6545f2b12d63d236173420.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2907
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "carbon-cycle"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 8.0 MiB 13.36 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4357
  -props: []
}