Display Context (Styling, Menu items, Footer)¶
- All main conferences (i.e. conferences without a parent conference) have a Display Context. The display context determines:
- the styling of pages
- the items to show in the navigation menus of the menubar and footer
- the URLs (and domain name) of pages
For sub-conferences, like workshops, it’s optional to have their own display context. By default, sub-conferences use the display context from its parent conference. This way, visitors can browse between pages of the main conference and workshop(s) as if it’s just one website with easy access to all content of the main and sub-conferences.
However, when a sub-conference/co-located event is an entity on its own, one can choose to let it have its own display context. This is done under the Display Options/Styling section of the sub-conference. Optionally, one can configure to adopt attending information from the parent conference in the menu of the sub-conference.
The navigation menu bar on top is automatically generated and aggregates all browsable content from the Display Context’s conference and sub-conferences. It has menu items for:
- Attending: with links to the venue(s) and additional attending items.
- Program: with links to the overall, per-day and personal programs. Only visible when the program is configured
- Tracks: with links to the display context’s tracks, and if applicable the tracks from sub-conferences in a second column
- Committees: with links to the display context’s track- and conference-level committees + committees from sub-conferences if applicable
- Links to past/future editions
The order of attending items, tracks and committees can be customized.
Conf supports changing the style of pages by providing a custom CSS file. The page elements are mainly using classes from Twitter Bootstrap, for which the styling can be overridden by uploading a custom CSS file. This can be done under the Header/Footer customization page at the conference level. The uploaded css-file will be included after the default bootstrap css files.
Custom footer HTML code¶