<div class="iop-media-block">

    <div class="iop-media-block__media iop-media-container iop-media-container--fix-width">
        <img src="https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ab4ea4fd87e2144a8662bee0164010d&auto=format&fit=crop&w=5&q=80" data-normal="https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ab4ea4fd87e2144a8662bee0164010d&auto=format&fit=crop&w=1950&q=80"
            alt="Example image">
    </div>

    <div class="iop-media-block__inner">
        <div class="iop-media-block__header">
            <span>
        <span class="iop-media-block__category">Category</span>
            <span class="iop-media-block__source">IOP</span>
            </span>
            <span role="button" tabindex="0" aria-pressed="false" class="iop-media-block__save-button iop-save-button">
        <span>Save</span>
            </span>
        </div>

        <a href="#0" class="iop-media-block__cta">Read more</a>

        <h2 class="iop-media-block__heading">In reforming university physics teaching, look to the spiral curriculum</h2>

        <p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>

        <div class="iop-media-block__footer">
            <span>
        <span class="iop-media-block__type">
          <i class="iop-media-block__type-icon iop-icon iop-icon--article"></i>
          Article
        </span>
            <time datetime="2018-09-06:20:48">Yesterday - 20:48</time>
            </span>
            <span role="button" tabindex="0" aria-pressed="false" class="iop-media-block__options-button">
        Options...
      </span>
        </div>
    </div>
</div>
<div class="iop-media-block">
  {% if not noImage %}
    <div class="iop-media-block__media iop-media-container iop-media-container--fix-width">
      <img src="{{ placeholderImageUrl }}" data-normal="{{ imageUrl }}" alt="Example image">
    </div>
  {% endif %}

  <div class="iop-media-block__inner">
    <div class="iop-media-block__header">
      <span>
        <span class="iop-media-block__category">Category</span>
        <span class="iop-media-block__source">IOP</span>
      </span>
      <span
        role="button"
        tabindex="0"
        aria-pressed="false"
        class="iop-media-block__save-button iop-save-button"
      >
        <span>Save</span>
      </span>
    </div>

    <a href="#0" class="iop-media-block__cta">Read more</a>

    <h2 class="iop-media-block__heading">In reforming university physics teaching, look to the spiral curriculum</h2>

    {% if not noDescription %}
      <p>Quam temere in vitiis, legem sancimus haerentia. Cras mattis iudicium purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient…</p>
    {% endif %}

    <div class="iop-media-block__footer">
      <span>
        <span class="iop-media-block__type">
          <i class="iop-media-block__type-icon iop-icon iop-icon--article"></i>
          Article
        </span>
        <time datetime="2018-09-06:20:48">Yesterday - 20:48</time>
      </span>
      <span
        role="button"
        tabindex="0"
        aria-pressed="false"
        class="iop-media-block__options-button"
      >
        Options...
      </span>
    </div>
  </div>
</div>
{
  "imageUrl": "https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ab4ea4fd87e2144a8662bee0164010d&auto=format&fit=crop&w=1950&q=80",
  "placeholderImageUrl": "https://images.unsplash.com/photo-1517976487492-5750f3195933?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=5ab4ea4fd87e2144a8662bee0164010d&auto=format&fit=crop&w=5&q=80"
}

There are no notes for this item.