Skip to content
Snippets Groups Projects
Commit 5e6117c7 authored by Eric Bremner's avatar Eric Bremner Committed by Eric Bremner
Browse files

ISTWCMS-4619: removing teasers component as no longer required

parent d503e97f
No related branches found
No related tags found
2 merge requests!63Tag 3.0.1,!62Feature/istwcms 4619 m26lebla theme blog news events listing pages
Showing
with 0 additions and 340 deletions
// @file
// Styles for event teaser.
//// @file
//// Styles for blog teaser.
//
---
el: .teaser--blog
title: Teaser blog
---
__Variables: (same form card)__
* modifier_classes: [string] Classes to modify the default component styling.
* title: [string] Title of the card.
* header_level: [string] Set the level of herder <h?> tag for card
* url: [string] URL of the card.
* author_name: [string] Author name.
* author_link: [string] URL for the author link.
* show_hover: [boolean] to show outline and shadow on hover
* date: [string] Date of the card.
* date_format: [string] Choose the date format used for presentation.
* long-date
* long-datetime
* medium-date
* medium-datetime
* medium-date-short-month
* short-date
* short-datetime
* sources: [string] URL for the srcset of picture tag inside responsive-image.
* img_element: [string] Url to source of fall back image.
* alt: [string] Alt text to the image used in the picture tag or fallback image.
* content: [string] Content of the card.
* tags: [array] List of taxonomy tags
* type: [string] Type of the tag, it will add class ".tag--type".
* size: [string] Size of the tag, it will add class ".tag--size"
* url: [string] URL of the tag.
* title: [string] Title of the tag.
{% set teaser_modifier_classes -%}
card--teaser teaser--blog {{ modifier_classes }}
{%- endset %}
{% include "@components/teaser/teaser.twig" with {
modifier_classes: teaser_modifier_classes,
title: title,
url: url,
date: date,
date_format: 'long-datetime',
tags: tags,
tag_type: 'simple',
sources: sources,
img_element: img_element,
alt: alt,
show_hover: show_hover,
content: content,
header_level: '2',
author_name: author_name,
author_link: author_link
} %}
\ No newline at end of file
---
title: 'Blog Teaser title'
url: '#'
date:
- 'Friday, September 18, 2020'
author_name: 'Author Lastname'
author_link: '#'
tags:
- url: '#'
title: 'Tag 1'
- url: '#'
title: 'Tag 2'
- url: '#'
title: 'Tag 3'
- url: '#'
title: 'Tag 4'
sources:
- srcset: '../../../../source/images/president/president_xlarge.jpg'
media: 'all and (min-width: 63.19rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_large.jpg'
media: 'all and (min-width: 49.81rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_medium.jpg'
media: 'all and (min-width: 30rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_small.jpg'
media: 'all and (min-width: 25rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_xsmall.jpg'
media: 'all and (min-width: 15rem)'
type: 'image/jpeg'
img_element: '../../../../source/images/president/president_xlarge.jpg'
alt: 'Alternative text for blog teaser photo'
content: |-
<p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.Ea sit vide commodo ancillae, pro eu quidam ancillae offendit. Odio ferri officiis an his, sit id causae partiendo accusamus, has discere expetendis ne. Per at wisi homero voluptaria, vis vidit ornatus vituperatoribus no. Labores maiestatis mei ad, cum cu exerci appareat.</p>
// @file
// Styles for event teaser.
---
el: .teaser--event
title: Teaser Event
---
__Variables: (same form card)__
* modifier_classes: [string] Classes to modify the default component styling.
* title: [string] Title of the card.
* header_level: [string] Set the level of herder <h?> tag for card
* url: [string] URL of the card.
* author_name: [string] Author name.
* author_link: [string] URL for the author link.
* show_hover: [boolean] to show outline and shadow on hover
* date: [string] Date of the card.
* date_format: [string] Choose the date format used for presentation.
* long-date
* long-datetime
* medium-date
* medium-datetime
* medium-date-short-month
* short-date
* short-datetime
* sources: [string] URL for the srcset of picture tag inside responsive-image.
* img_element: [string] Url to source of fall back image.
* alt: [string] Alt text to the image used in the picture tag or fallback image.
* content: [string] Content of the card.
* tags: [array] List of taxonomy tags
* type: [string] Type of the tag, it will add class ".tag--type".
* size: [string] Size of the tag, it will add class ".tag--size"
* url: [string] URL of the tag.
* title: [string] Title of the tag.
{% set teaser_modifier_classes -%}
card--teaser teaser--event {{ modifier_classes }}
{%- endset %}
{% include "@components/teaser/teaser.twig" with {
modifier_classes: teaser_modifier_classes,
title: title,
url: url,
date: date.0,
date_format: 'long-datetime',
sources: sources,
img_element: img_element,
alt: alt,
show_hover: show_hover,
content: content,
header_level: '2',
} %}
---
title: 'Event Teaser title'
url: '#'
date:
- 'Friday, September 18, 2020 - 4:20 PM'
sources:
- srcset: '../../../../source/images/president/president_xlarge.jpg'
media: 'all and (min-width: 63.19rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_large.jpg'
media: 'all and (min-width: 49.81rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_medium.jpg'
media: 'all and (min-width: 30rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_small.jpg'
media: 'all and (min-width: 25rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_xsmall.jpg'
media: 'all and (min-width: 15rem)'
type: 'image/jpeg'
img_element: '../../../../source/images/president/president_xlarge.jpg'
alt: 'Alternative text for blog teaser photo'
content: |-
<p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.Ea sit vide commodo ancillae, pro eu quidam ancillae offendit. Odio ferri officiis an his, sit id causae partiendo accusamus, has discere expetendis ne. Per at wisi homero voluptaria, vis vidit ornatus vituperatoribus no. Labores maiestatis mei ad, cum cu exerci appareat.</p>
// @file
// Styles for news teaser.
---
el: .teaser--news
title: Teaser news
---
__Variables: (same form card)__
* modifier_classes: [string] Classes to modify the default component styling.
* title: [string] Title of the card.
* header_level: [string] Set the level of herder <h?> tag for card
* url: [string] URL of the card.
* author_name: [string] Author name.
* author_link: [string] URL for the author link.
* show_hover: [boolean] to show outline and shadow on hover
* date: [string] Date of the card.
* date_format: [string] Choose the date format used for presentation.
* long-date
* long-datetime
* medium-date
* medium-datetime
* medium-date-short-month
* short-date
* short-datetime
* sources: [string] URL for the srcset of picture tag inside responsive-image.
* img_element: [string] Url to source of fall back image.
* alt: [string] Alt text to the image used in the picture tag or fallback image.
* content: [string] Content of the card.
* tags: [array] List of taxonomy tags
* type: [string] Type of the tag, it will add class ".tag--type".
* size: [string] Size of the tag, it will add class ".tag--size"
* url: [string] URL of the tag.
* title: [string] Title of the tag.
{% set teaser_modifier_classes -%}
card--teaser teaser--news {{ modifier_classes }}
{%- endset %}
{% include "@components/teaser/teaser.twig" with {
modifier_classes: teaser_modifier_classes,
title: title,
url: url,
date: date,
date_format: 'medium-date-short-month',
sources: sources,
img_element: img_element,
alt: alt,
show_hover: show_hover,
content: content,
header_level: '2',
} %}
\ No newline at end of file
---
title: 'News Teaser title'
url: '#'
date:
- 'Sep. 18, 2020'
sources:
- srcset: '../../../../source/images/president/president_xlarge.jpg'
media: 'all and (min-width: 63.19rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_large.jpg'
media: 'all and (min-width: 49.81rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_medium.jpg'
media: 'all and (min-width: 30rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_small.jpg'
media: 'all and (min-width: 25rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_xsmall.jpg'
media: 'all and (min-width: 15rem)'
type: 'image/jpeg'
img_element: '../../../../source/images/president/president_xlarge.jpg'
alt: 'Alternative text for blog teaser photo'
content: |-
<p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.Ea sit vide commodo ancillae, pro eu quidam ancillae offendit. Odio ferri officiis an his, sit id causae partiendo accusamus, has discere expetendis ne. Per at wisi homero voluptaria, vis vidit ornatus vituperatoribus no. Labores maiestatis mei ad, cum cu exerci appareat.</p>
---
el: .teaser
title: Teaser
---
__Variables: (same form card)__
* modifier_classes: [string] Classes to modify the default component styling.
* title: [string] Title of the card.
* header_level: [string] Set the level of herder <h?> tag for card
* url: [string] URL of the card.
* author_name: [string] Author name.
* author_link: [string] URL for the author link.
* date: [string] Date of the card.
* date_format: [string] Choose the date format used for presentation.
* long-date
* long-datetime
* medium-date
* medium-datetime
* medium-date-short-month
* short-date
* short-datetime
* read_more: [boolean] Whether to show the read more link.
* footer: [string] Footer content of the card.
* sources: [string] URL for the srcset of picture tag inside responsive-image.
* img_element: [string] Url for the fallback image.
* alt: [string] Alt text to the image used in the picture tag or fallback image.
* content: [string] Content of the card.
* social_media: [array] Social media icons that can be included to card
* text
* url
* social_media_placement: [string] Class name for where social media is placed"
* tags: [array] List of taxonomy tags
* type: [string] Type of the tag, it will add class ".tag--type".
* size: [string] Size of the tag, it will add class ".tag--size"
* url: [string] URL of the tag.
* title: [string] Title of the tag.
{% set teaser_modifier_classes -%}
card--teaser {{ modifier_classes }}
{%- endset %}
{% include "@components/card/card.twig" with {
modifier_classes: teaser_modifier_classes,
title: title,
url: url,
date_format: date_format,
date: date,
tags: tags,
tag_type: tag_type,
sources: sources,
img_element: img_element,
alt: alt,
show_hover: show_hover,
content: content,
header_level: '2',
author_name: author_name,
author_link: author_link
} %}
\ No newline at end of file
---
title: 'This is a Teaser title using the card component'
url: '#'
author_name: 'Author Lastname'
author_link: '#'
date: 'Friday, September 18, 2020'
tags:
- url: '#'
title: 'Tag 1'
type: 'simple'
- url: '#'
title: 'Tag 2'
type: 'simple'
- url: '#'
title: 'Tag 3'
type: 'simple'
- url: '#'
title: 'Tag 4'
type: 'simple'
sources:
- srcset: '../../../../source/images/president/president_xlarge.jpg'
media: 'all and (min-width: 63.19rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_large.jpg'
media: 'all and (min-width: 49.81rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_medium.jpg'
media: 'all and (min-width: 30rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_small.jpg'
media: 'all and (min-width: 25rem)'
type: 'image/jpeg'
- srcset: '../../../../source/images/president/president_xsmall.jpg'
media: 'all and (min-width: 15rem)'
type: 'image/jpeg'
img_element: '../../../../source/images/president/president_xlarge.jpg'
alt: 'Alternative text'
content: |-
<p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.Ea sit vide commodo ancillae, pro eu quidam ancillae offendit. Odio ferri officiis an his, sit id causae partiendo accusamus, has discere expetendis ne. Per at wisi homero voluptaria, vis vidit ornatus vituperatoribus no. Labores maiestatis mei ad, cum cu exerci appareat.</p>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment