merged/config/merged/section_styles.yml

181 lines
4.6 KiB
YAML

---
- template: section_cards
header: Section with Cards, 2-6 columns
text: A header with text and column layout. Columns have a little gap, so
background color comes through. 2 - 6 columns. Cards freely choosable
cards: true
fields:
- header
- text
options:
- background
- columns
- subheader
- text_color
- text_align
- template: section_feature
header: Feature section with 2 column,
text: A split header with two column layout on the right.
Cards can be choosen freely but columns should be choosen to fit.
Look very much depends on card style and column number.
cards: true
fields:
- header
- text
options:
- background
- columns
- subheader
- text_color
- text_align
- template: section_full_up
header: Centered Header with text
text: Full width header with centered headline and optional text
fields:
- header
- text
options:
- background
- text_color
- margin
- subheader
- text_align
- item_align
- button_link
- button_text
- template: section_news
header: Showing latest news
text: Always the latest available news section
fields:
- header
- text
options:
- background
- text_color
- text_align
- item_align
- template: section_text
header: Newspaper style section for longer passages of text.
text: Text may be markdown. The section may have one image than
can be embedded into the text by writing IMAGE (in caps)
where the image should be inserted. Not more than 200 words
or 1000 characters are best.
Image size depends on columms, 3 column should be 600 wide and 300
to 600 high.
fields:
- header
- text
options:
- text_columns
- background
- text_color
- margin
- subheader
- text_align
- button_link
- button_text
- template: section_half_image
header: Split section with image left or right
text: Image on one side, header and text on the other.
Order depends on order option. Optional button.
Image aspect ratio can be choosen and determines layout.
Wide image, narrow look. Square image big look. No portraits.
fields:
- header
- text
options:
- order
- background
- text_color
- subheader
- text_align
- button_link
- button_text
- template: section_full_image
header: Full image header with adjustable text
text: Large picture background with Header and text on top.
Adjustable text text alignment (left, center, right).
Text may be slightly shaded for readability,
text color can be changed too.
Image should be 1600 wide and can be between 400 and 900 for
different looks
fields:
- header
- text
options:
- fixed
- text_color
- text_align
- item_align
- image_align
- shade_color
- button_link
- button_text
- template: section_large_image
header: Two third image header with adjustable text
text: Large picture background with Header and text offset.
Adjustable text alignment (left, center, right).
Image size determines the look or layout. Images should be 1200 wide
and 300 - 600 high.
fields:
- header
- text
options:
- subheader
- margin
- order
- text_color
- text_align
- background
- button_link
- button_text
- template: section_small_image
header: One third image header with larger text area text
text: Smaller picture with Header and text offset that use more space.
Adjustable text alignment (left, center, right).
Text section may have background color.
Text color can be changed too
fields:
- header
- text
options:
- subheader
- margin
- order
- text_color
- text_align
- background
- button_link
- button_text
- template: section_spacer
header: Spacer
text: Just for extra padding
fields:
- template: form_section
header: Contact or other form
text: Flexible form, with input fields as "cards". Only choose form_field
as contained in the form.
cards: true
fields:
- header
- text
options:
- ok_message
- handler
- background
- text_color
- template: blog_header
header: Start of blog, with image left or right
text: Image on one side, header and text on the other.
Order depends on order option. Date is subheader.
Extra text possible under both text and picture, as markdown.
Image should be 600 wide and 400-900 high, depending on text.
fields:
- header
- text
options:
- order
- text_columns
- background
- text_color