External Link

<div class="c-externalLink">
    <header>
        <span class="c-externalLink__date">28 agosto 2018</span>
        <ul class="c-externalLink__categories">
            <li><a href="#">#design sistem</a></li>
            <li><a href="#">#webfont</a></li>
            <li><a href="#">#cultura</a></li>
        </ul>
    </header>

    <a href="#">
        <h3 class="c-externalLink__title">
            <span>Design Laws in Nature by Jordan Moore</span>
            <svg class="icon-external-link" width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><title>External-link</title><path class="icon-path" transform="scale(-1 1) rotate(45 0 -11.852)" d="M15.853157 6.40365473L3.37319952 6.40365473 6.52621631 3.24183063 5.28438567 2 0 7.28438567 5.28438567 12.5687713 6.52621631 11.3269407 3.37319952 8.16511662 15.853157 8.16511662z"/></svg>
        </h3>
    </a>

    <div class="c-externalLink__abstract">
        <p>A deep, deep dive into biomicry in digital design.</p>
    </div>
    <a class="c-externalLink__cta" href="#">Visita il link<svg class="icon-external-link" width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><title>External-link</title><path class="icon-path" transform="scale(-1 1) rotate(45 0 -11.852)" d="M15.853157 6.40365473L3.37319952 6.40365473 6.52621631 3.24183063 5.28438567 2 0 7.28438567 5.28438567 12.5687713 6.52621631 11.3269407 3.37319952 8.16511662 15.853157 8.16511662z"/></svg>
</a>
</div>
<div class="c-externalLink">
  <header>
    <span class="c-externalLink__date">{{ date }}</span>
    <ul class="c-externalLink__categories">
      {% for category in categories %}
        <li><a href="#">{{ category }}</a></li>
      {% endfor %}
    </ul>
  </header>

  <a href="#">
    <h3 class="c-externalLink__title">
      <span>{{ title }}</span>
      {% render '@icon-external-link' %}
    </h3>
  </a>

  <div class="c-externalLink__abstract">
    <p>{{ abstract }}</p>
  </div>
  <a class="c-externalLink__cta" href="#">{{ cta }}{% render '@icon-external-link' %}</a>
</div>
{
  "items": [
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Bollettino Boshi",
      "abstract": "Il Bollettino è la mia newsletter informale, spedita a cadenza imprevedibile. "
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/bottiato.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/bottiato.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Franco Bottiato",
      "abstract": "Un bot per Facebook Messenger, con la personalità di Franco Bottiato."
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Radio Boshi",
      "abstract": "Un canale Telegram di messaggi vocali inaspettati."
    }
  ],
  "_keys": [
    "type",
    "items"
  ],
  "type": "post-preview",
  "date": "28 agosto 2018",
  "categories": [
    "#design sistem",
    "#webfont",
    "#cultura"
  ],
  "title": "Design Laws in Nature by Jordan Moore",
  "abstract": "A deep, deep dive into biomicry in digital design.",
  "cta": "Visita il link"
}

There are no notes for this item.