work.html

---
layout: default

title: Happy users, happy clients
microtitle: Work
meta: The projects I've worked on for clients and agencies as a frontend developer/architect.
schema: CollectionPage
---

<main role="main" class="l-main u-wrap">
  <div class="s-text">
    <h1 itemprop="headline" id="skip" tabindex="-1">{{ page.title }}</h1>
    <p>
      These are some of the projects I've worked on that I thought you may find
      interesting. They show my journey from my first steps in web development
      to my expertise in frontend design and architecture.
    </p>
  </div>

  <div class="c-project-list">
    {% assign worklist = site.work | sort: 'order' %}
    {% for project in worklist %}
      <div
        class="c-project"
        itemscope
        itemid="{{ project.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"
        itemtype="https://schema.org/CreativeWork"
      >
        <div class="c-project__header">
          <a
            itemprop="url"
            class="c-project__link"
            href="{{ project.link }}"
            rel="external"
          >
            <img
              itemprop="image"
              class="c-project__logo"
              src="/images/work/{{ project.logo }}"
              alt="{{ project.title }} logo"
            />
          </a>
        </div>
        <div class="c-project__content">
          <div class="s-text">
            <strong itemprop="name">{{ project.title }}</strong>
            <span itemprop="text">{{ project.meta }}</span>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
</main>