index.html

---
layout: default
section: 'Home'
permalink: '/'
---
<div id="homepage">
  <div class="row align-center">
    <div class="small-12 medium-8 large-6 columns">
      <a href="#info" data-smooth-scroll><img class="float-center" src="/assets/images/icon256.png" alt="Site logo" style="width:200px; height:200px" /></a>
      <h1 class="text-center white">Hi, I am {{ site.title }}.</h1>
      <p class="text-center">{{ site.author.description }}</p>
    </div>
  </div>
</div>

<div class="row align-middle align-center" id="info">
  <div class="small-12 medium-8 large-4 large-order-2 columns">
    <img src="/assets/images/elvin21.jpg" alt="Portrait of Elvin" id="profileimg" />
  </div>
  <div class="small-12 large-8 large-order-1 columns">
    <div class="large-text-right">
       <p class="lead">Hello. My name is Elvin Luff, and you've reached my website. I'm a half English, half Dutch IT guy working in Amsterdam. While I've only been around since 1997, I've had the opportunity to do a variety of amazing things that have provided valuable experience. Already I've experienced working alongside charities, running businesses and travelling across the world, and I can't wait to get my hands on the next thing that comes my way.</p>
       <p>Currently I'm an IT Specialist at <a href="https://measuremen.io/" target="_blank">Measuremen</a>, developing advanced workplace sensor solutions with a little help from the LoRaWAN community.</p>
    </div>
    <div class="row align-right">
      <div class="medium-6 large-3 columns">
        <a href="https://www.youracclaim.com/badges/d2ad47c9-21ed-4e1c-91d8-459c13484029/public_url" target="_blank">
          <img src="https://images.youracclaim.com/images/6774b3bf-7a82-4d40-a2d1-86b412635bae/AWS-SolArchitect-Associate.png" />
        </a>
      </div>
      <div class="medium-6 large-3 columns">
        <a href="https://www.youracclaim.com/badges/fdf23238-0a2c-4524-8016-f4bf1c947e2a/public_url" target="_blank">
          <img src="https://images.youracclaim.com/images/a8f6dbdb-636e-49a4-8d4d-e8fad8d53fa5/AWS-Security-Specialty.png" />
        </a>
      </div>
    </div>
  </div>
</div>
<div class="row align-right" id="latestpost">
  <div class="small-12 medium-4 columns">
    <h2 class="text-center">Latest Post</h2>
  </div>
  <div class="small-12 medium-4 columns">
    <a href="/blog/" title="Blog" class="small button float-right">See all blog posts <i class="fa fa-arrow-circle-right"></i></a>
  </div>
  <div class="small-12 columns">
  {% for post in site.posts limit:1 %}
    <div class="media-object">
      <div class="media-object-section show-for-medium">
        <div class="thumbnail">
          <a href="{{ post.url }}"><img {%if post.image %}src="{{ post.image.url }}" alt="{{ post.image.alt }}"{% else %}src="/assets/images/icon256.png" alt="Site logo"{% endif %}" style="width: 150px; height:150px;"></a>
        </div>
      </div>
      <div class="media-object-section main-section">
        <h4 class="subheader float-right">{{ post.date | date: "%-d %B %Y" }}</h4>
        <a href="{{ post.url }}"><h3>{{ post.title }}</h3></a>
        <p class="text-justify">{{ post.excerpt | remove: '<p>' | remove: '</p>' }}&nbsp;<a href="{{ post.url }}">Read more <i class="fa fa-arrow-circle-right"></i></a></p>
      </div>
    </div>
  {% endfor %}
  </div>
</div>