team.html

---
layout: page
title: Team
permalink: /team/
theme: blue-light_blue
---

<style>
    .liri-card-image.mdl-card {
        width: 256px;
        height: 256px;
    }

    .liri-card-image > .mdl-card__actions {
        height: 48px;
        padding: 16px;
        background: rgba(0, 0, 0, 0.5);
    }

    .liri-card-image__caption {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }

    .liri-card-image > .mdl-card__menu {
        color: #fff;
    }
</style>

<!-- AngularJs -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<!-- Angular controller -->
<script type="text/javascript" src="{{ site.baseurl }}/js/team.js"></script>
<!-- Moment -->
<script defer type="text/javascript" src="{{ site.baseurl }}/bower_components/moment/min/moment.min.js"></script>
<script defer type="text/javascript" src="{{ site.baseurl }}/bower_components/moment-timezone/builds/moment-timezone-with-data.min.js"></script>

<div class="mdl-grid" ng-app="team" ng-controller="teamController as team">
    {% raw %}
    <div class="mdl-cell mdl-cell--2-col mdl-cell--12-col-tablet mdl-cell--12-col-phone" ng-repeat="member in team.members">
        <div class="liri-card-image mdl-card mdl-shadow--2dp" style="background: url('{{ member.image }}') center / cover">
            <div class="mdl-card__title mdl-card--expand"></div>
            <div class="mdl-card__actions">
                <span class="liri-card-image__caption">{{ member.real_name }} ({{ member.tz }})</span>
            </div>
            <div class="mdl-card__menu">
                <a ng-if="member.twitter"
                   class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"
                   href="https://twitter.com/{{ member.twitter }}"><span class="mdi mdi-twitter"></span></a>
                <a ng-if="member.googleplus"
                   class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"
                   href="https://plus.google.com/{{ member.googleplus }}"><span class="mdi mdi-google-plus"></span></a>
                <a ng-if="member.github"
                   class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"
                   href="https://github.com/{{ member.github }}"><span class="mdi mdi-github-face"></span></a>
            </div>
        </div>
    </div>
    {% endraw %}
</div>