index.njk

---
layout: layouts/overview
title:
description: Hi! I'm Danny de Vries (@dandevri), which you've probably already guessed from the header above. I'm an Indie Maker building digital products for the web and lecture about web technology at the Amsterdam University of Applied Sciences.
eleventyNavigation:
  key: Danny de Vries
  order: 1
---

<div class="grid">
  <article class="article-item">
    <h3>Speaking</h3>
    <p>I give talks and guest lecture at conferences, universities or offices. You should totally ask me to speak.</p>
    <a href="/speaking" class="btn btn-secondary">Let's talk about speaking</a>
    <div class="speaking-dither"></div>
  </article>

  <article class="article-item">
    <h3>Teaching</h3>
    <p>You'll usually find me in front of a classroom at CMD Amsterdam but I also give workshops and create online courses.</p>
    <a href="/teaching" class="btn btn-secondary">View all courses</a>
    <div class="teaching-dither"></div>
  </article>

  <article class="article-item">
      <h3>Projects</h3>
      <p>Sometimes I tinker with code or create DIY projects. Most of them are just fun side projects that have no meaning at all.</p>
      <a href="/projects" class="btn btn-secondary">See all projects</a>
    <div class="projects-dither"></div>
  </article>
</div>

<div class="grid">
 <article class="article-item">
    <h3>Latest writing:</h3>
    {%- for article in collections.article | reverse | limit(1) -%}
        <p><strong> {{ article.data.title }}:</strong> {{ article.data.description }}</p>
    {%- endfor -%}
    <a href="/writing" class="btn btn-secondary">Read my latest article</a>
  </article>
   <article class="article-item">
    <h3>What's new?</h3>
    <p>Working on a new venture called <strong>'out-of-office'</strong> to help you make time to focus on what truly matters.</p>
    <a href="/projects" class="btn btn-secondary">View latest project</a>
  </article>
</div>

<div class="grid">
  <a href="/contact" class="link-block"><strong>Contact me</strong></a>
  <a href="/support" class="link-block"><strong>Support me</strong></a>
  <a href="/uses" class="link-block"><strong>Uses</strong></a>
  <a href="/updates" class="link-block"><strong>Stay updated</strong></a>
</div>