Components
-
Navigation Main
A simple navigation to be displayed on desktop viewport sizes. Needs to be used in conjuction with a mobile navigation component, or adjusted to show up on all viewport sizes.
-
Navigation Footer
Social links, a simple list of links generated from a WordPress menu divided into 2 columns, newsletter form.
-
Navigation Footer Reduced
Simple reduced version of footer with site logo with link to homepage, icon lists and a simple list of links generated from a WordPress menu.
-
Block WYSIWYG
Simple formatted text from a „What You See Is What You Get“ editor, wrapped in a max width container for a convenient reading experience. Includes an option to center the text, instead of the classical inline center of the editor itself, to allow for additional custom styling.
-
Block WYSIWYG Two Column
Text: Simple 2 column formatted text from a „What You See Is What You Get“ editor, wrapped in a max width container for a convenient reading experience.
-
Grid Teasers
Simple repeater with selection form Pages or Posts. Option for image or no image to show. When no image is selected then options for columns appear (single, double, tripple). If image is chosen but source doesn't have one, placeholder is used.
-
Grid Facts
Add up to four facts with a number, icon, text and link.
-
Grid Icons
Add any number of icons and optional text to highlight features or services. The icon will be wrapped in a colored circle.
-
List Downloads
List with downloads. A header can be added to the section and each download has a title, description, file and an optional image.
-
Grid Posts
Three column grid with selected posts and pages.
-
Grid Team
Three column grid with selected posts from Team Member, Lecture and Faculty Member post type.
-
Block Image Text
Image with optional caption and formatted text fleating left or right on desktop and stacking on mobile. Easily to be used for editorial content.
-
Block Video oEmbed
Instead of embedding a video player directly, this component shows a poster image with an overlaying play button at first only. When clicked, the iframe based embed player is loaded autoplays the video, if the browser supports autoplay. Also supports a possiblity of adding a disclaimer.
-
Hero Image Text
A full width image with a separate mobile image upload to optimize the crop. Optional formatted text as overlay with a fading background to ensure readability. Linebreaks (br-tags) convert to spaces on mobile for individual text flow control on desktop.
-
Accordion Default
A simple accordion built with accessibility in mind. Each accordion panel provides a title and formatted text content, which is toggled with a jQuery slide animation.
-
Block Image
Image with optional caption, multiple size options and optimized responsive image sizes.
-
Block Share
Displays options to share the post
-
Hero Page
The hero element that will be shown on every page except the home page. This contains the page title and an excerpt of the page, as well as an option of showing page featured image or not.
-
Navigation Anchor
Anchor menu, dynamically generated by ids of components on the page. Also includes page featured image if it exists.
-
Grid Contact
Contact person details wilt optional posts.
-
Block Timeline
An ordered timeline where each item has a title and a card. Each card has an optional image option.
-
Slider Images
Simply drop any images on the gallery field, order them by drag & drop and optionally add a caption per image. No need to worry about the photo selection as any image ratio will fit into the slider.