index.html

---
layout: default
title: "alienlebarge"
---

<div class="container ph pb">

  <header class="pt+">
    <h1>{{ page.title }}</h1>
  </header>

  <section>
    <h2><span class="side-element hidden-portable"><img data-src="{{ site.iconic_url }}svg/smart/heart.svg" src="{{ site.iconic_url }}png/black/standard/heart-md.png" class="iconic iconic-md" alt="heart"></span>About me</h2>
    <p class="italic">
      Hello from Switzerland!<br>I'm {{ site.author }} <abbr title="also know as">aka</abbr> alienlebarge, a dad and vinyl records addict who design and code websites.
    </p>
  </section>

  <section>
    <h2><span class="side-element hidden-portable"><img data-src="{{ site.iconic_url }}svg/smart/inkwell.svg" src="{{ site.iconic_url }}png/black/standard/inkwell-md.png" class="iconic iconic-md" alt="inkwell"></span>Articles</h2>
    <ul class="list-bare mb">
      {% for post in paginator.posts limit:5 %}
      <li class="mb">
          <span class="gamma">{% if post.external-site %} on  {{ post.external-site }} <img data-src="{{ site.iconic_url }}svg/smart/external-link.svg" src="{{ site.iconic_url }}png/black/standard/external-link-sm.png" data-fallback="{{ site.iconic_url }}png/black/standard/external-link-sm.png" src="{{ site.iconic_url }}png/black/standard/external-link-sm.png" class="iconic iconic-sm" alt="external-link">{% endif %} <a href="{{ post.url }}">{{ post.title }}</a></span>
          <br><time datetime="{{ post.date | date: "%Y-%m-%d" }}" class="meta">{{ post.date | date: "%b %d, %Y" }}</time>
      </li>
      {% endfor %}
    </ul>
    <p>
      <a href="blog.html">Show all</a>
    </p>
  </section>

  <section>
    <h2><span class="side-element hidden-portable"><img data-src="{{ site.iconic_url }}svg/smart/briefcase.svg" src="{{ site.iconic_url }}png/black/standard/briefcase-md.png" class="iconic iconic-md" alt="briefcase"></span>Experiences</h2>

    {% comment %} Show last only the last 3 experiences with the 'job' category. {% endcomment %}
    {% assign counter = 0 %}
    {% assign maxPostCount = 3 %}

    {% for experience in site.data.experiences %}
    {% if experience.category == 'job' and counter < maxPostCount %}
    {% assign counter=counter | plus:1 %}
    <h3 class="mb0">{{ experience.title }}</h3>
    <p class="meta mb0">
      {{ experience.startDate | date: "%B %Y" }} -
      {% if experience.endDate %}
        {{ experience.endDate | date: "%B %Y" }}
      {% elsif experience.endDate == null %}
        Now
      {% endif %}
    </p>
    {% if experience.description %}
    <p>
      {{ experience.description }}
    </p>
    {% endif %}
    {% endif %}
    {% endfor %}

    <p>
      <a href="cv.html">See more</a>
    </p>
  </section>

  <section>
    <h2><span class="side-element hidden-portable"><img data-state="closed" data-src="{{ site.iconic_url }}svg/smart/envelope.svg" src="{{ site.iconic_url }}png/black/standard/envelope-closed-md.png" class="iconic iconic-md" alt="envelope"></span>Get in touch</h2>
    <p>
      Interested in exchanging or just talk about music?<br>Great! Get in touch, I'm friendly.
    </p>
    <ul class="list-inline">
      <li><a href="http://www.twitter.com/alienlebarge" class="btn btn--small"><img data-type="twitter" data-src="{{ site.iconic_url }}svg/smart/social.svg" src="{{ site.iconic_url }}png/black/standard/social-twitter-md.png" class="iconic iconic-md" alt="Twitter"><span class="sr-only"> Twitter</span></a></li>
      <li><a href="https://github.com/alienlebarge" class="btn btn--small"><img data-type="github" data-src="{{ site.iconic_url }}svg/smart/social.svg" src="{{ site.iconic_url }}png/black/standard/social-github-md.png" class="iconic iconic-md" alt="GitHub"><span class="sr-only"> GitHub</span></a></li>
      <li><a href="http://ch.linkedin.com/in/cedricaellen" class="btn btn--small"><img data-type="linkedin" data-src="{{ site.iconic_url }}svg/smart/social.svg" src="{{ site.iconic_url }}png/black/standard/social-linkedin-md.png" class="iconic iconic-md" alt="Linkedin"><span class="sr-only"> Linkedin</span></a></li>
      <li><a href="http://google.com/+CédricAellen" class="btn btn--small"><img data-type="google-plus" data-src="{{ site.iconic_url }}svg/smart/social.svg" src="{{ site.iconic_url }}png/black/standard/social-google-plus-md.png" class="iconic iconic-md" alt="Google+"><span class="sr-only"> Google+</span></a></li>
      <li><a href="https://www.facebook.com/cedric.aellen" class="btn btn--small"><img data-type="facebook" data-src="{{ site.iconic_url }}svg/smart/social.svg" src="{{ site.iconic_url }}png/black/standard/social-facebook-md.png" class="iconic iconic-md" alt="Facebook"><span class="sr-only"> Facebook</span></a></li>
    </ul>
  </section>

</div>