GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/en/media/615-water-tower

Response
200 OK
IP
216.73.216.102
Profiled on
Token
ec0dff

Components

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

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 7.81ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 5.58ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 1.67ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.13ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 42.71ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 22.05ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 21.11ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.43ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 3.52ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.17ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 18.78ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 18.00ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.54ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.46ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.39ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 1.92ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.59ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 45.41ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 3.29ms

Render calls

Store:User App\Twig\Components\Store\User 16.0 MiB 1.13 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3956
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3957 …}
}
Header 
[Anonymous]
 16.0 MiB 42.71 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3987
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 16.0 MiB 22.05 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 {#4013
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 16.0 MiB 21.11 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4069
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 16.0 MiB 0.43 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4093
  -props: []
}
Header:LocalePicker 
[Anonymous]
 16.0 MiB 3.52 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4110
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.13 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 {#4135
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 16.0 MiB 2.17 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4127
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.15 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/615-water-tower"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/en/login?next=/en/media/615-water-tower"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4213
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 16.0 MiB 0.95 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/en/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/en/subscribe/"
]
Component 
App\Twig\Components\Button {#4227
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 16.0 MiB 18.78 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#4051
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1498 …}
}
Dialog 
[Anonymous]
 16.0 MiB 18.00 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 {#4264
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 1.04 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 {#4298
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 16.0 MiB 0.79 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/en/media/615-water-tower"
  "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/615-water-tower"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4329
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 16.0 MiB 0.63 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/615-chateau-d-eau"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/615-chateau-d-eau"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4366
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 16.0 MiB 0.62 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/615-torre-de-agua"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/615-torre-de-agua"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4385
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 16.0 MiB 0.61 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/615-wasserturm"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/615-wasserturm"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4405
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 16.0 MiB 0.54 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#4004
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 16.0 MiB 0.46 ms
Input props 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 615
    "title" => "Water tower"
    "slug" => "water-tower"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1371
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To illustrate the connecting vessels principle.</li>\r\n
      \t<li>To show the role of the water tower in water distribution.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>A water tower is used to store drinking water, which is pumped up to the holding tank at the top of the structure. The tank must be higher than the end-users so that enough pressure is exerted to allow the water to reach them via the distribution network, thereby obeying the laws of communicating vessels.<br />\r\n
      <br />\r\n
      This animation shows how water is distributed by gravity throughout a community. You can change the height of the water tower by clicking on and dragging its tank.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3712
        #id: 245
        #title: "Water purification"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3145
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "water-purification"
      }
      App\Entity\vo\MediaCardLight {#3714
        #id: 533
        #title: "Water distribution"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3261
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "water-distribution"
      }
      App\Entity\vo\MediaCardLight {#3715
        #id: 914
        #title: "Archimedes' screw"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1526515200 {#3281
          date: 2018-05-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "archimedes-screw"
      }
      App\Entity\vo\MediaCardLight {#3716
        #id: 173
        #title: "Wastewater treatment"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3112
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "wastewater-treatment"
      }
      App\Entity\vo\MediaCardLight {#3717
        #id: 493
        #title: "Water pollution"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3193
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "water-pollution"
      }
    ]
    "tags" => [
      "connecting vessels"
      "fresh water"
      "gravitation"
      "gravity"
      "pressure"
      "tank"
      "water tower"
    ]
    "baseNodeName" => "Our environment"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Learning objectives"
  "media" => [
    "id" => 615
    "title" => "Water tower"
    "slug" => "water-tower"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1371
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>To illustrate the connecting vessels principle.</li>\r\n
      \t<li>To show the role of the water tower in water distribution.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>A water tower is used to store drinking water, which is pumped up to the holding tank at the top of the structure. The tank must be higher than the end-users so that enough pressure is exerted to allow the water to reach them via the distribution network, thereby obeying the laws of communicating vessels.<br />\r\n
      <br />\r\n
      This animation shows how water is distributed by gravity throughout a community. You can change the height of the water tower by clicking on and dragging its tank.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3712
        #id: 245
        #title: "Water purification"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3145
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "water-purification"
      }
      App\Entity\vo\MediaCardLight {#3714
        #id: 533
        #title: "Water distribution"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3261
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "water-distribution"
      }
      App\Entity\vo\MediaCardLight {#3715
        #id: 914
        #title: "Archimedes' screw"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1526515200 {#3281
          date: 2018-05-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "archimedes-screw"
      }
      App\Entity\vo\MediaCardLight {#3716
        #id: 173
        #title: "Wastewater treatment"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#3112
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "wastewater-treatment"
      }
      App\Entity\vo\MediaCardLight {#3717
        #id: 493
        #title: "Water pollution"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3193
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "water-pollution"
      }
    ]
    "tags" => [
      "connecting vessels"
      "fresh water"
      "gravitation"
      "gravity"
      "pressure"
      "tank"
      "water tower"
    ]
    "baseNodeName" => "Our environment"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4437
  -props: [
    "title" => "Learning objectives"
    "media" => [
      "id" => 615
      "title" => "Water tower"
      "slug" => "water-tower"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/615-6545f3d762b61572393299.webp"
      ]
      "thumbnailBackground" => "#004387"
      "publishedAt" => DateTimeImmutable @1431302400 {#1371
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>To illustrate the connecting vessels principle.</li>\r\n
        \t<li>To show the role of the water tower in water distribution.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>A water tower is used to store drinking water, which is pumped up to the holding tank at the top of the structure. The tank must be higher than the end-users so that enough pressure is exerted to allow the water to reach them via the distribution network, thereby obeying the laws of communicating vessels.<br />\r\n
        <br />\r\n
        This animation shows how water is distributed by gravity throughout a community. You can change the height of the water tower by clicking on and dragging its tank.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3712
          #id: 245
          #title: "Water purification"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431302400 {#3145
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "water-purification"
        }
        App\Entity\vo\MediaCardLight {#3714
          #id: 533
          #title: "Water distribution"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3261
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "water-distribution"
        }
        App\Entity\vo\MediaCardLight {#3715
          #id: 914
          #title: "Archimedes' screw"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1526515200 {#3281
            date: 2018-05-17 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "archimedes-screw"
        }
        App\Entity\vo\MediaCardLight {#3716
          #id: 173
          #title: "Wastewater treatment"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#3112
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "wastewater-treatment"
        }
        App\Entity\vo\MediaCardLight {#3717
          #id: 493
          #title: "Water pollution"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#3193
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "water-pollution"
        }
      ]
      "tags" => [
        "connecting vessels"
        "fresh water"
        "gravitation"
        "gravity"
        "pressure"
        "tank"
        "water tower"
      ]
      "baseNodeName" => "Our environment"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 16.0 MiB 0.39 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 {#4459
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 16.0 MiB 0.51 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4475
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 16.0 MiB 1.92 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4499
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 16.0 MiB 0.59 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4535
    -content: "Over 1,000 resources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Over 1,000 resources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4537
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4535
      -content: "Over 1,000 resources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 16.0 MiB 45.41 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 {#4521
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 16.0 MiB 0.90 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 {#4781
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 16.0 MiB 1.16 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4566
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 1.35 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3712
    #id: 245
    #title: "Water purification"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3145
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "water-purification"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4648
  -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 {#3712
    #id: 245
    #title: "Water purification"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/245-6545f2f33e9d7683605369.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3145
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "water-purification"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.52 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3714
    #id: 533
    #title: "Water distribution"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3261
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "water-distribution"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4861
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3714
    #id: 533
    #title: "Water distribution"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/533-6545f39f26815836765833.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3261
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "water-distribution"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 2.61 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3715
    #id: 914
    #title: "Archimedes' screw"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1526515200 {#3281
      date: 2018-05-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "archimedes-screw"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4889
  -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 {#3715
    #id: 914
    #title: "Archimedes' screw"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/914-6545f475c7ec6501071161.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1526515200 {#3281
      date: 2018-05-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "archimedes-screw"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.69 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3716
    #id: 173
    #title: "Wastewater treatment"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3112
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "wastewater-treatment"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4908
  -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 {#3716
    #id: 173
    #title: "Wastewater treatment"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/173-6545f2cb390fb144404457.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#3112
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "wastewater-treatment"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 16.0 MiB 0.41 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3717
    #id: 493
    #title: "Water pollution"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3193
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "water-pollution"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4927
  -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 {#3717
    #id: 493
    #title: "Water pollution"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/493-6545f3839f3ee755587546.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3193
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "water-pollution"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 16.0 MiB 3.29 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4484
  -props: []
}