SIA Web Design Library

Guidelines: Teaser

No notes defined.

<article class='c-guidelines guidelines type-guidelines c-guidelines--teaser'>

    <div class='c-guidelines__content-wrapper'>

        <h1 class='c-heading c-heading--minor'>
            <a class='c-link c-link--minor ' href="#" itemprop="item" itemid="#"><span itemprop="name">First check-in</span></a>
        </h1>

        <div class='c-meta c-list-item__meta'>

            <div class='c-audience c-meta__audience c-audience--audience-icon'>
                <p class='c-audience__items'>
                    Mentor </p>
            </div>

            <span class='c-meta__freeform'>
                Check-ins
            </span>
        </div>
        <ul>
            <li>you haven't built an MVP yet
            <li>you're trying to figure out which features to put in your MVP
            <li>you're building an MVP but don't have anyone using it yet
            <li>your MVP is taking longer than expected to launch
        </ul>

        <details>
            <summary><strong>Details</strong></summary>

            <dl class='c-generic-field c-guidelines--full__generic-field'>
                <dt class='c-generic-field__label c-generic-field--language__label c-generic-field__label c-generic-field__label--above'>Language</dt>
                <dd class='c-generic-field__input c-generic-field--language__input c-generic-field__input__item c-generic-field__input'>English</dd>
            </dl>

        </details>
    </div>

    <footer class='c-guidelines__footer'>

        <div class='c-action-bar c-list-item__action-bar'>
            <div class='c-action-bar__links '>
                <a class='c-link c-link--undefined c-link--with-icon c-link--minimal ' href="" itemprop="item" itemid=""><span itemprop="name"></span></a>
            </div>
        </div>
    </footer>
</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% include get_template( 'list-item', 'unit' ) %}
</article>
 
{
  "theme": "support",
  "entityType": "guidelines",
  "display": {
    "view_mode": "teaser"
  },
  "heading": {
    "text": "First check-in",
    "url": "#"
  },
  "summary": "<ul><li>you haven't built an MVP yet<li>you're trying to figure out which features to put in your MVP<li>you're building an MVP but don't have anyone using it yet<li>your MVP is taking longer than expected to launch</ul>",
  "content": "<ul><li>you haven't built an MVP yet <li>you're trying to figure out which features to put in your MVP <li>you're building an MVP but don't have anyone using it yet <li>your MVP is taking longer than expected to launch</ul>",
  "fields": [
    {
      "display": {
        "component": "guidelines--full"
      },
      "label_display": "above",
      "field_name": "field_language",
      "field_type": "language",
      "label": "Language",
      "items": [
        {
          "content": "English"
        }
      ]
    }
  ],
  "links": [
    "<a href='#'>Read</a>"
  ],
  "meta": {
    "display": {
      "component": "guidelines--teaser"
    },
    "audience": {
      "items": [
        {
          "text": "Mentor"
        }
      ]
    },
    "items": [
      "Check-ins"
    ]
  }
}