Demo

Components are reusable widgets which allow editors to build flexible pages which contain a variety of rich content and functionality. Convivial ships with a standard set of components which have been designed to suit many of the common requirements of Government sites.

Modifiers allow editors to change the presentation of content by altering the background, colours and other aspects of the content. No custom theming is required for these effects as they are all editor-configurable.

Responsive images are images which can adapt to the device they are being shown in. They will change in size depending on the width and resolution of the device. Convivial ships with a wide range of different images and captions can perform well in a variety of situations and devices.

Components can be arranged on the page in a variety of alignments. This can be effectively used in conjunction with background images to provide interest through more dynamic layouts.

View modes define how content is displayed in its various forms. Convivial ships with a wide range of view modes which give editors easy control over how they wish to display content.

A variety of stylistic options are available to editor through the WYSIWYG editor. This demo page showcases the elements and styles that are available to editors when authoring content.

The site supports several colour palettes which can be used across site regions and sections. The colour palettes are selectable by editors to allow for the design of pages that demarcate content zones.

The Recombee recommendation engine can provide content recommendations for many scenarios depending on user behaviour and the nature of the content. Sophisticated AI algorithms can provide relevant content to users depending on the interest and intent.

Demonstrates the sidebar menu in action with several levels of nesting.

Demonstrates how normal content and components combine with correct margins and paddings to achieve a good sense of vertical rhythm.

Demonstrates a fancy header region.

Demonstrates how a normal page can be made to be edgy with full-width rendering and correct containment.