Video Block — YouTube Player
version: player, video_source: youtube. Embeds a responsive 16:9 YouTube iframe. Options: autoplay (boolean), caption (text). max_width: narrow · standard · wide · container. Should not autoplay on load — user must click play.
Greenview project walkthrough — how coordinated engineering works in practice.
Video Block — Vimeo Player
version: player, video_source: vimeo. Same options as YouTube. Verify responsive scaling and that Vimeo branding does not conflict with site styles. max_width: wide shown here.
Presbyterian Ladies College — structural and civil engineering case study.
Video Block — Background Video
version: background. Full-width muted looping background video with a dark overlay and centred content. Options: overlay_opacity (light · medium · heavy), section_height (px value), content_alignment (left · center · right). Supports heading, primary button, and secondary text link. Verify text legibility over the overlay.
Delivering Coordinated Engineering Across Sydney
Gallery Block — Grid
gallery_style: grid. Responsive image grid. Options: columns (2 · 3 · 4). Images crop to a consistent aspect ratio — verify they are uniform on desktop and collapse sensibly on mobile.
Gallery Block — Masonry
gallery_style: masonry. Preserves each image natural aspect ratio and fills columns top-down. Better than grid for varied photography. columns: 2 shown here. color_scheme: mid for visual separation.
Gallery Block — Carousel
gallery_style: carousel. Scrollable Keen Slider image carousel. Verify that the slider initialises, images are consistent in height, and navigation arrows appear correctly. color_scheme: dark shown here.