---
layout: default
title: Experience
use: [posts]
---
{% block content %}
    <h1>Experience</h1>

    {% for experience in site.experiences|reverse %}
        {% set company = site.companies[experience.company] %}

        <div class="cf mb4">
            {% if company.logo %}
                <div class="fr mb3 ml3 mt2 mw3 mw4-ns">
                    <img
                        src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}"
                        alt="{{ company.name }} logo"
                        class="image">
                </div>
            {% endif %}

            <div>
                <h2 class="mv0">{{ company.name }}</h2>

                <div class="mb3">
                    {% if company.url -%}
                        <a class="dib mb1 blue dim" href="{{ company.url }}">
                            {{- company.url -}}
                        </a>
                    {%- endif %}

                    <div class="black-50">
                        {{- experience.role }}
                        from
                        {{ experience.start }}
                        to
                        {{ experience.end|default('Present') -}}
                        {%- if experience.location %} ({{ experience.location }}){% endif %}.
                    </div>
                </div>

                {% if experience.description %}
                    <div>
                        {{ experience.description|markdown }}
                    </div>
                {% endif %}

            </div>{# /.inner #}
        </div>
    {% endfor %}
{% endblock %}