components-archive.html

---
layout: archive
title: "Components"
permalink: /components-archive/
author_profile: false
---

{% include base_path %}

<div class="grid__wrapper">
  {% for post in site.componentTypes %}
    

    {% if post.header.teaser %}
      {% capture teaser %}{{ post.header.teaser }}{% endcapture %}
    {% else %}
      {% assign teaser = site.teaser %}
    {% endif %}

    {% if post.id %}
      {% assign title = post.title | markdownify | remove: "<p>" | remove: "</p>" %}
    {% else %}
      {% assign title = post.title %}
    {% endif %}

    {% if post.collectionURL %}
      {% assign collURL = post.collectionURL %}
    {% else %}
      {% assign collURL = "asdf" %}
    {% endif %}


    <div class="{{ include.type | default: "grid" }}__item">
      <article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">
        {% if teaser %}
          <div class="archive__item-teaser">
            <img src=
              {% if teaser contains "://" %}
                "{{ teaser }}"
              {% else %}
                "{{ teaser | prepend: "/images/" | prepend: base_path }}"
              {% endif %}
              alt="">
          </div>
        {% endif %}
        <h2 class="archive__item-title" itemprop="headline">
          
            <a href="{{ base_path }}{{ collURL }}" rel="permalink">{{ title }}</a>
          
        </h2>
        {% if post.read_time %}
          <p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
        {% endif %}
        {% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
      </article>
    </div>








  {% endfor %}
</div>