GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/826-video-ecomobility

Components

19 Twig Components
32 Render Count
91 ms Render Time
10.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button
"App\Twig\Components\Button"
components/Button.html.twig
9 5.37ms
MediaCard
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig
5 14.26ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 1.37ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 1.35ms
Header
[Anonymous]
components/Header/index.html.twig
1 23.55ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 5.75ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 5.07ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 0.43ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 1.87ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 1.13ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 15.74ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 15.26ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 0.43ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 0.38ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 0.30ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 1.63ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 0.51ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 42.32ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 4.93ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 1.35 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3807
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3808 …}
}
Header
[Anonymous]
10.0 MiB 23.55 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3838
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
10.0 MiB 5.75 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 {#3864
  -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]
10.0 MiB 5.07 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3920
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
10.0 MiB 0.43 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3944
  -props: []
}
Header:LocalePicker
[Anonymous]
10.0 MiB 1.87 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3961
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.65 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 {#3986
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink
[Anonymous]
10.0 MiB 1.13 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3978
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.55 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/826-video-ecomobility"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/826-video-ecomobility"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#4064
  +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 10.0 MiB 0.48 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component
App\Twig\Components\Button {#4078
  +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 10.0 MiB 15.74 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#3902
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1479 …}
}
Dialog
[Anonymous]
10.0 MiB 15.26 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 {#4115
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.76 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 {#4149
  +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 10.0 MiB 0.62 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/826-video-ecomobility"
  "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/826-video-ecomobility"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#4189
  +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 10.0 MiB 0.47 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/826-video-ecomobilite"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/826-video-ecomobilite"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#4217
  +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 10.0 MiB 0.48 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/826-video-ecomovilidad"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/826-video-ecomovilidad"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#4236
  +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 10.0 MiB 0.47 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/826-media"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/826-media"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#4256
  +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 10.0 MiB 0.43 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3855
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField
[Anonymous]
10.0 MiB 0.38 ms
Input props
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 826
    "title" => "Video: Ecomobility"
    "slug" => "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 {#1383
      date: 2015-06-17 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 440
    "description" => """
      <p>We spend a lot of time in transport, especially the car which we use for most of our travel, even for less than 1 km.<br />\r\n
      Such a massive use consumes energy and emits big quantities of greenhouse gases. Climate change, air and water pollution, noise, stress. The drawbacks are numerous, for Man as well as for the environment.<br />\r\n
      In our own way, we can all find solutions:<br />\r\n
      -&nbsp;&nbsp; &nbsp;reduce the number of cars thanks to carpooling<br />\r\n
      -&nbsp;&nbsp; &nbsp;use electric vehicles which pollute less<br />\r\n
      -&nbsp;&nbsp; &nbsp;or only use our car for a short part of the journey<br />\r\n
      Public transport such as the train, bus, tramway as well as friendly transport such as walking or cycling, make it possible to get around easily in the city while doing a physical activity, which is good for our health.<br />\r\n
      To achieve this, cities must also evolve, by reducing the space set aside for cars and providing areas where city dwellers can easily go from one type of transport to another.<br />\r\n
      Often, it is the train stations which play this role. They have become central areas in the city, transport hubs and real living spaces.<br />\r\n
      Brasilia is an example of a city which has favored the car over its inhabitants. The city is spread out, crossed by big avenues with very little public transport.<br />\r\n
      The time it takes to go to work or do your shopping is not scaled to walking : on foot, it would take hours to get around.<br />\r\n
      On the contrary, the city of Munich, with practically the same population, is much less spread out.<br />\r\n
      A well-balanced mixture of housing, office space, businesses and parks makes the city more accessible for walking as well as public transport.<br />\r\n
      It is a much nicer place to live.<br />\r\n
      Munich has 10 metro lines, 12 tramway lines and a lot of buses, self-service bicycles and numerous bicycle paths.<br />\r\n
      The city dwellers can get around easily without using their cars.<br />\r\n
      Nowadays, more and more cities want to re-look themselves to improve the quality of life of their inhabitants.<br />\r\n
      They are re-thinking buildings, public utilities and means of transport all together.<br />\r\n
      After several thousands of years of technological innovations, we &nbsp;are re-discovering the advantages of walking for ourselves or for our environment.&nbsp;</p>\r\n
      \r\n
      <p>&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3563
        #id: 576
        #title: "Energy efficiency"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431388800 {#3079
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "energy-efficiency"
      }
      App\Entity\vo\MediaCardLight {#3565
        #id: 825
        #title: "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 {#3139
          date: 2015-06-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-history-of-transportation"
      }
      App\Entity\vo\MediaCardLight {#3566
        #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 {#3051
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "carbon-footprint-calculator"
      }
      App\Entity\vo\MediaCardLight {#3567
        #id: 42
        #title: "Four stroke engine #2"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#2996
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "four-stroke-engine-2"
      }
      App\Entity\vo\MediaCardLight {#3568
        #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 {#3107
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-coral-whitening"
      }
    ]
    "tags" => [
      "city"
      "ecomobility"
      "pollution"
      "sustainable development"
      "transportation"
      "urbanism"
    ]
    "baseNodeName" => "Our environment"
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 826
    "title" => "Video: Ecomobility"
    "slug" => "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 {#1383
      date: 2015-06-17 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => null
    "width" => 550
    "height" => 440
    "description" => """
      <p>We spend a lot of time in transport, especially the car which we use for most of our travel, even for less than 1 km.<br />\r\n
      Such a massive use consumes energy and emits big quantities of greenhouse gases. Climate change, air and water pollution, noise, stress. The drawbacks are numerous, for Man as well as for the environment.<br />\r\n
      In our own way, we can all find solutions:<br />\r\n
      -&nbsp;&nbsp; &nbsp;reduce the number of cars thanks to carpooling<br />\r\n
      -&nbsp;&nbsp; &nbsp;use electric vehicles which pollute less<br />\r\n
      -&nbsp;&nbsp; &nbsp;or only use our car for a short part of the journey<br />\r\n
      Public transport such as the train, bus, tramway as well as friendly transport such as walking or cycling, make it possible to get around easily in the city while doing a physical activity, which is good for our health.<br />\r\n
      To achieve this, cities must also evolve, by reducing the space set aside for cars and providing areas where city dwellers can easily go from one type of transport to another.<br />\r\n
      Often, it is the train stations which play this role. They have become central areas in the city, transport hubs and real living spaces.<br />\r\n
      Brasilia is an example of a city which has favored the car over its inhabitants. The city is spread out, crossed by big avenues with very little public transport.<br />\r\n
      The time it takes to go to work or do your shopping is not scaled to walking : on foot, it would take hours to get around.<br />\r\n
      On the contrary, the city of Munich, with practically the same population, is much less spread out.<br />\r\n
      A well-balanced mixture of housing, office space, businesses and parks makes the city more accessible for walking as well as public transport.<br />\r\n
      It is a much nicer place to live.<br />\r\n
      Munich has 10 metro lines, 12 tramway lines and a lot of buses, self-service bicycles and numerous bicycle paths.<br />\r\n
      The city dwellers can get around easily without using their cars.<br />\r\n
      Nowadays, more and more cities want to re-look themselves to improve the quality of life of their inhabitants.<br />\r\n
      They are re-thinking buildings, public utilities and means of transport all together.<br />\r\n
      After several thousands of years of technological innovations, we &nbsp;are re-discovering the advantages of walking for ourselves or for our environment.&nbsp;</p>\r\n
      \r\n
      <p>&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3563
        #id: 576
        #title: "Energy efficiency"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431388800 {#3079
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "energy-efficiency"
      }
      App\Entity\vo\MediaCardLight {#3565
        #id: 825
        #title: "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 {#3139
          date: 2015-06-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-history-of-transportation"
      }
      App\Entity\vo\MediaCardLight {#3566
        #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 {#3051
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "carbon-footprint-calculator"
      }
      App\Entity\vo\MediaCardLight {#3567
        #id: 42
        #title: "Four stroke engine #2"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#2996
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "four-stroke-engine-2"
      }
      App\Entity\vo\MediaCardLight {#3568
        #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 {#3107
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "video-coral-whitening"
      }
    ]
    "tags" => [
      "city"
      "ecomobility"
      "pollution"
      "sustainable development"
      "transportation"
      "urbanism"
    ]
    "baseNodeName" => "Our environment"
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4288
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 826
      "title" => "Video: Ecomobility"
      "slug" => "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 {#1383
        date: 2015-06-17 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => null
      "width" => 550
      "height" => 440
      "description" => """
        <p>We spend a lot of time in transport, especially the car which we use for most of our travel, even for less than 1 km.<br />\r\n
        Such a massive use consumes energy and emits big quantities of greenhouse gases. Climate change, air and water pollution, noise, stress. The drawbacks are numerous, for Man as well as for the environment.<br />\r\n
        In our own way, we can all find solutions:<br />\r\n
        -&nbsp;&nbsp; &nbsp;reduce the number of cars thanks to carpooling<br />\r\n
        -&nbsp;&nbsp; &nbsp;use electric vehicles which pollute less<br />\r\n
        -&nbsp;&nbsp; &nbsp;or only use our car for a short part of the journey<br />\r\n
        Public transport such as the train, bus, tramway as well as friendly transport such as walking or cycling, make it possible to get around easily in the city while doing a physical activity, which is good for our health.<br />\r\n
        To achieve this, cities must also evolve, by reducing the space set aside for cars and providing areas where city dwellers can easily go from one type of transport to another.<br />\r\n
        Often, it is the train stations which play this role. They have become central areas in the city, transport hubs and real living spaces.<br />\r\n
        Brasilia is an example of a city which has favored the car over its inhabitants. The city is spread out, crossed by big avenues with very little public transport.<br />\r\n
        The time it takes to go to work or do your shopping is not scaled to walking : on foot, it would take hours to get around.<br />\r\n
        On the contrary, the city of Munich, with practically the same population, is much less spread out.<br />\r\n
        A well-balanced mixture of housing, office space, businesses and parks makes the city more accessible for walking as well as public transport.<br />\r\n
        It is a much nicer place to live.<br />\r\n
        Munich has 10 metro lines, 12 tramway lines and a lot of buses, self-service bicycles and numerous bicycle paths.<br />\r\n
        The city dwellers can get around easily without using their cars.<br />\r\n
        Nowadays, more and more cities want to re-look themselves to improve the quality of life of their inhabitants.<br />\r\n
        They are re-thinking buildings, public utilities and means of transport all together.<br />\r\n
        After several thousands of years of technological innovations, we &nbsp;are re-discovering the advantages of walking for ourselves or for our environment.&nbsp;</p>\r\n
        \r\n
        <p>&nbsp;</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3563
          #id: 576
          #title: "Energy efficiency"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431388800 {#3079
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "energy-efficiency"
        }
        App\Entity\vo\MediaCardLight {#3565
          #id: 825
          #title: "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 {#3139
            date: 2015-06-05 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-history-of-transportation"
        }
        App\Entity\vo\MediaCardLight {#3566
          #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 {#3051
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "carbon-footprint-calculator"
        }
        App\Entity\vo\MediaCardLight {#3567
          #id: 42
          #title: "Four stroke engine #2"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431302400 {#2996
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "four-stroke-engine-2"
        }
        App\Entity\vo\MediaCardLight {#3568
          #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 {#3107
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "video-coral-whitening"
        }
      ]
      "tags" => [
        "city"
        "ecomobility"
        "pollution"
        "sustainable development"
        "transportation"
        "urbanism"
      ]
      "baseNodeName" => "Our environment"
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
10.0 MiB 0.30 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 {#4310
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
10.0 MiB 0.71 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4326
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
10.0 MiB 1.63 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4350
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
10.0 MiB 0.51 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4386
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4388
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4386
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
10.0 MiB 42.32 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 {#4372
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.88 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 {#4632
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large
[Anonymous]
10.0 MiB 0.66 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4417
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.00 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3563
    #id: 576
    #title: "Energy efficiency"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431388800 {#3079
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "energy-efficiency"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes
[
  "class" => "w-1/2 "
]
Component
App\Twig\Components\MediaCard {#4499
  -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 {#3563
    #id: 576
    #title: "Energy efficiency"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/576-6545f3baf4087858338756.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431388800 {#3079
      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 10.0 MiB 0.60 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3565
    #id: 825
    #title: "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 {#3139
      date: 2015-06-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-history-of-transportation"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes
[
  "class" => "w-1/2 hidden md:block"
]
Component
App\Twig\Components\MediaCard {#4712
  -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 {#3565
    #id: 825
    #title: "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 {#3139
      date: 2015-06-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-history-of-transportation"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.53 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3566
    #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 {#3051
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "carbon-footprint-calculator"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4740
  -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 {#3566
    #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 {#3051
      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 10.0 MiB 11.10 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3567
    #id: 42
    #title: "Four stroke engine #2"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#2996
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "four-stroke-engine-2"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4760
  -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 {#3567
    #id: 42
    #title: "Four stroke engine #2"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/42-6545f3571ae01935760943.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#2996
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "four-stroke-engine-2"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.03 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3568
    #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 {#3107
      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 {#4779
  -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 {#3568
    #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 {#3107
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "video-coral-whitening"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer
[Anonymous]
10.0 MiB 4.93 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4335
  -props: []
}