SIA Web Design Library

Resource: List Item

No notes defined.

<article class='c-resource resource type-resource c-resource--list-item'>

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

        <h1 class='c-heading c-heading--minor'>
            <a class='c-link c-link--minor ' href="#" itemprop="item" itemid="#"><span itemprop="name">Milestone Planning Tool</span></a>
        </h1>

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

            <span class='c-content-type c-content-type--tool'>Tool</span>
            <div class='c-focus-areas c-meta__focus-areas c-focus-areas--focus-areas-icon'>
                <p class='c-focus-areas__items'>
                    Operations, Business modeling </p>
            </div>

        </div>
        <p>The tool: As you can see it is an empty table with several fields. First there is the field</p>

    </div>

    <footer class='c-resource__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">Explore</span></a>
            </div>
        </div>
    </footer>
</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% include get_template( 'list-item', 'unit' ) with { 
    } %}
</article>
 
{
  "theme": "education",
  "entityType": "resource",
  "display": {
    "view_mode": "list-item"
  },
  "resourceType": "tool",
  "focusArea": [
    {
      "text": "<a href='#'>Operations</a>"
    },
    {
      "text": "<a href='#'>Business modeling</a>"
    }
  ],
  "heading": {
    "text": "Milestone Planning Tool",
    "url": "#"
  },
  "scope": "<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": "<p>The tool: As you can see it is an empty table with several fields. First there is the field</p>",
  "embed": {
    "code": "<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/1hHMwLxN6EM\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>"
  },
  "gettingStarted": {
    "display": {
      "component": "resource--full",
      "modifiers": [
        "background-notice"
      ]
    },
    "heading": {
      "text": "Getting started"
    },
    "content": "Background Paper: https://drive.google.com/open?id=197NbVpNo78M5NBSoHfrHCIOtl6VHrkhH&authuser=jonas.dinger%40socialimpactaward.net&usp=drive_fs"
  },
  "links": [
    {
      "href": "#",
      "text": "Explore"
    }
  ],
  "meta": {
    "content_type": {
      "type": "tool",
      "text": "Tool"
    },
    "focus_areas": {
      "items": [
        {
          "text": "Operations"
        },
        {
          "text": "Business modeling"
        }
      ]
    }
  },
  "fields": null
}