<!doctype html>
<html lang="en">
  <head>
    <title>Robin van der Vleuten | Creative full-stack engineer</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1.0" />
    <meta name="description" content="Hallo, World! My name is Robin van der Vleuten and I’m an experienced freelance full-stack engineer from the Netherlands, fascinated by data-driven software.">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@robinvdvleuten">
    <meta name="twitter:description" content="Hallo, World! My name is Robin van der Vleuten and I’m an experienced freelance full-stack engineer from the Netherlands, fascinated by data-driven software.">
    <meta name="og:title" content="Robin van der Vleuten" />
    <meta name="og:url" content="https://www.robinvdvleuten.nl" />
    <meta name="og:description" content="Hallo, World! My name is Robin van der Vleuten and I’m an experienced freelance full-stack engineer from the Netherlands, fascinated by data-driven software.">
    <link rel="shortcut icon" href="favicon.ico">
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body,
      html {
        font: 400 12px/1.5 Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
        text-rendering: geometricPrecision;
      }

      a {
        border-bottom: 1px solid transparent;
        color: #22a7f0;
        text-decoration: none;
        transition: all;
        transition-duration: .15s;
      }

      a:hover {
        border-color: #109be7;
        color: #109be7;
      }

      p {
        margin: 16px 0;
        text-align: justify;
      }

      svg {
        display: block;
      }

      #page {
        margin: 0 auto 30px;
        max-width: 440px;
        padding: 10px 30px 0;
      }

      #logo,
      #social-list li a {
        background: #22a7f0;
        border-radius: 2px;
        display: block;
        fill: #fff;
      }

      #logo {
        height: 60px;
        margin: 55px auto 30px;
        width: 60px;
      }

      #social-list {
        float: right;
        list-style: none;
        overflow: hidden;
      }

      #social-list li {
        float: left;
        margin-left: 5px;
      }

      #social-list li a {
        padding: 4px;
      }

      #social-list li a:hover {
        background: #109be7;
      }

      @media (min-width: 400px) {
        #page {
          padding-left: 10px;
          padding-right: 10px;
        }
      }
    </style>
  </head>
  <body>
    <div id="page">
      <ul id="social-list">
        <li>
          <a href="https://twitter.com/robinvdvleuten" title="View my Twitter profile" rel="me">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 32 32">
              <path d="M32 6.076c-1.177 0.522-2.443 0.875-3.771 1.034 1.355-0.813 2.396-2.099 2.887-3.632-1.269 0.752-2.674 1.299-4.169 1.593-1.198-1.276-2.904-2.073-4.792-2.073-3.626 0-6.565 2.939-6.565 6.565 0 0.515 0.058 1.016 0.17 1.496-5.456-0.274-10.294-2.888-13.532-6.86-0.565 0.97-0.889 2.097-0.889 3.301 0 2.278 1.159 4.287 2.921 5.465-1.076-0.034-2.088-0.329-2.974-0.821-0.001 0.027-0.001 0.055-0.001 0.083 0 3.181 2.263 5.834 5.266 6.437-0.551 0.15-1.131 0.23-1.73 0.23-0.423 0-0.834-0.041-1.235-0.118 0.835 2.608 3.26 4.506 6.133 4.559-2.247 1.761-5.078 2.81-8.154 2.81-0.53 0-1.052-0.031-1.566-0.092 2.905 1.863 6.356 2.95 10.064 2.95 12.076 0 18.679-10.004 18.679-18.68 0-0.285-0.006-0.568-0.019-0.849 1.283-0.926 2.396-2.082 3.276-3.398z"></path>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://www.linkedin.com/in/robinvdvleuten" title="View my LinkedIn profile" rel="me">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 32 32">
              <path d="M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z"></path>
              <path d="M2 12h6v18h-6v-18z"></path>
              <path d="M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z"></path>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://github.com/robinvdvleuten" title="View my Github profile" rel="me">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 32 32">
              <path d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM25.502 25.502c-1.235 1.235-2.672 2.204-4.272 2.881-0.406 0.172-0.819 0.323-1.238 0.453v-2.398c0-1.26-0.432-2.188-1.297-2.781 0.542-0.052 1.039-0.125 1.492-0.219s0.932-0.229 1.438-0.406 0.958-0.388 1.359-0.633 0.786-0.563 1.156-0.953 0.68-0.833 0.93-1.328 0.448-1.089 0.594-1.781 0.219-1.456 0.219-2.289c0-1.615-0.526-2.99-1.578-4.125 0.479-1.25 0.427-2.609-0.156-4.078l-0.391-0.047c-0.271-0.031-0.758 0.083-1.461 0.344s-1.492 0.688-2.367 1.281c-1.24-0.344-2.526-0.516-3.859-0.516-1.344 0-2.625 0.172-3.844 0.516-0.552-0.375-1.075-0.685-1.57-0.93s-0.891-0.411-1.188-0.5-0.573-0.143-0.828-0.164-0.419-0.026-0.492-0.016-0.125 0.021-0.156 0.031c-0.583 1.479-0.635 2.839-0.156 4.078-1.052 1.135-1.578 2.51-1.578 4.125 0 0.833 0.073 1.596 0.219 2.289s0.344 1.286 0.594 1.781 0.56 0.938 0.93 1.328 0.755 0.708 1.156 0.953 0.854 0.456 1.359 0.633 0.984 0.313 1.438 0.406 0.95 0.167 1.492 0.219c-0.854 0.583-1.281 1.51-1.281 2.781v2.445c-0.472-0.14-0.937-0.306-1.394-0.5-1.6-0.677-3.037-1.646-4.272-2.881s-2.204-2.672-2.881-4.272c-0.7-1.655-1.055-3.414-1.055-5.23s0.355-3.575 1.055-5.23c0.677-1.6 1.646-3.037 2.881-4.272s2.672-2.204 4.272-2.881c1.655-0.7 3.415-1.055 5.23-1.055s3.575 0.355 5.23 1.055c1.6 0.677 3.037 1.646 4.272 2.881s2.204 2.672 2.881 4.272c0.7 1.655 1.055 3.415 1.055 5.23s-0.355 3.575-1.055 5.23c-0.677 1.6-1.646 3.037-2.881 4.272z"></path>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://medium.com/@robinvdvleuten" title="View my Medium profile" rel="me">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 28 28">
              <path d="M9.328 6.578v18.328q0 0.391-0.195 0.664t-0.57 0.273q-0.266 0-0.516-0.125l-7.266-3.641q-0.328-0.156-0.555-0.523t-0.227-0.727v-17.813q0-0.313 0.156-0.531t0.453-0.219q0.219 0 0.688 0.234l7.984 4q0.047 0.047 0.047 0.078zM10.328 8.156l8.344 13.531-8.344-4.156v-9.375zM28 8.437v16.469q0 0.391-0.219 0.633t-0.594 0.242-0.734-0.203l-6.891-3.437zM27.953 6.563q0 0.047-4.008 6.555t-4.695 7.617l-6.094-9.906 5.063-8.234q0.266-0.438 0.812-0.438 0.219 0 0.406 0.094l8.453 4.219q0.063 0.031 0.063 0.094z"></path>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://medium.com/feed/@robinvdvleuten" title="Subscribe to my Medium RSS feed" rel="me">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 32 32">
              <path d="M4.259 23.467c-2.35 0-4.259 1.917-4.259 4.252 0 2.349 1.909 4.244 4.259 4.244 2.358 0 4.265-1.895 4.265-4.244-0-2.336-1.907-4.252-4.265-4.252zM0.005 10.873v6.133c3.993 0 7.749 1.562 10.577 4.391 2.825 2.822 4.384 6.595 4.384 10.603h6.16c-0-11.651-9.478-21.127-21.121-21.127zM0.012 0v6.136c14.243 0 25.836 11.604 25.836 25.864h6.152c0-17.64-14.352-32-31.988-32z"></path>
            </svg>
          </a>
        </li>
      </ul>

      <a id="logo" href="/" title="Go to the homepage">
        <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" xmlns:xlink="http://www.w3.org/1999/xlink">
          <g fill-rule="evenodd">
            <path d="M29.926 50.522v-3.04l-3.498-.516c-.86-.115-1.434-.4-1.778-1.32l-3.9-10.035c-.86-2.12-1.32-3.326-3.21-4.186 4.644-1.663 7.97-5.047 7.97-11.183C25.51 14.736 22.873 9 12.55 9H-5v3.154l3.613.402c.803.057.918.286.918 1.147v32.173c0 .86-.114 1.033-.917 1.147L-5 47.425v3.097H9.452v-3.097l-3.785-.46c-.86-.114-.917-.228-.917-1.146V32.8h6.308c2.294 0 3.154.574 3.9 2.41l4.76 11.87-4.53.345v3.097h14.738zM4.75 28.672V13.186h4.473c6.997 0 10.782 1.376 10.782 7.226 0 6.652-4.53 8.258-9.98 8.258H4.75z"></path>
          </g>
        </svg>
      </a>

      <p>
        Hallo, World! My name is <a href="https://www.linkedin.com/in/robinvdvleuten" title="View my LinkedIn profile" rel="me">Robin van der Vleuten</a> and I’m an experienced freelance full-stack engineer from the Netherlands, fascinated by data-driven software.
      </p>

      <p>
        In the past I've worked on projects for companies like <em>LostBoys</em>, <em>Philips</em>, <em>Sogeti</em>, <em>RijksOverheid</em> and many more.
      </p>

      <p>
        I enjoy programming since <em>1150984855</em> and have years of experience in <strong>PHP</strong>, <strong>Javascript</strong>, <strong>Node.JS</strong>, <strong>SASS</strong> and <strong>HTML5</strong>. With a passion for writing clean, test-driven and reusable code.
      </p>

      <p>
        When you're working with the web, you should always be aware of what happens around you. So I spend quite some time on several open-source projects and reading about the latest technologies and productivity hacks.
      </p>

      <p>
        Any of my professional related work can be found under the flag of <a href="https://www.webstronauts.co/?utm_medium=referral&utm_source=robinvdvleuten&utm_campaign=website" rel="me">The Webstronauts</a>. A one-man army building awesome, data-driven and beautifully designed applications.
      </p>

      <p>
        You can check out any of my open-source work on <a href="https://github.com/robinvdvleuten" title="View my Github profile" rel="me">Github</a>, follow me on <a href="https://twitter.com/robinvdvleuten" title="View my Twitter profile" rel="me">Twitter</a> or read through my <a href="https://medium.com/@robinvdvleuten" title="View my Medium profile" rel="me">personal notes</a>.
      </p>

      <p>
        Got an interesting project or in the mood for some web-related small talk? Don't hesitate to <a href="mailto:robin@webstronauts.co?Subject=Fancy%20some%20coffee%3F&Body=Hi%Robin%2C" title="Contact me by sending an email">contact me</a> so we can see if we are a good fit.
      </p>
    </div>

    <noscript>
      <iframe src="//www.googletagmanager.com/ns.html?id=GTM-WVSGPC" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>

    <script>
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-WVSGPC');
    </script>
  </body>
</html>
