team.html 6.54 KB
Newer Older
Sean Packham's avatar
Sean Packham committed
1
---
Sean Packham's avatar
Sean Packham committed
2
layout: en/default
Sean Packham's avatar
Sean Packham committed
3
class: team
Sean Packham's avatar
Sean Packham committed
4
permalink: /team
Sean Packham's avatar
Sean Packham committed
5 6 7 8
redirect_from:
  - /team/
  - /rocket-team
  - /rocket-team/
Danilo Woznica's avatar
Danilo Woznica committed
9 10

theme: dark
Sean Packham's avatar
Sean Packham committed
11 12
---

Danilo Woznica's avatar
Danilo Woznica committed
13
{% assign teamList = site.data.team %}
Danilo Woznica's avatar
Danilo Woznica committed
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

{% assign BrazilTeam = "" | split: "" %}
{% assign UnitedkingdomTeam = "" | split: "" %}
{% assign USATeam = "" | split: "" %}
{% assign IndiaTeam = "" | split: "" %}

{% for member in teamList %}
  {% if member.country == "Brazil" %}
    {% assign BrazilTeam = BrazilTeam | push: member %}
  {% elsif member.country == "Unitedkingdom" %}
    {% assign UnitedkingdomTeam = UnitedkingdomTeam | push: member %}
  {% elsif member.country == "USA" %}
    {% assign USATeam = USATeam | push: member %}
  {% elsif member.country == "India" %}
    {% assign IndiaTeam = IndiaTeam | push: member %}
  {% endif %}
{% endfor %}

<section class="container hero team-map">
  <div class="team-map__wrap">
    <h1 class="display--big theme_type--dark">Team Rocket.Chat</h1>
    <p class="display--small theme_type--grey">A global team to keep the rockets firing</p>
  </div>

  <img class="team-map__map" src="/images/team/world-map.svg" alt="World map" />


  <div>
    <div class="team-map__pin brazil">
      <div class="team-map__profile">
        <div class="flags">
          {% for member in BrazilTeam %}
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
                <span><img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt=""></span>
              {% endif %}
            {% endif %}

Danilo Woznica's avatar
Danilo Woznica committed
54 55
            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
56 57 58 59 60 61 62 63 64 65 66 67 68 69
            {% endif %}
          {% endfor %}
        </div>
        <p>
          <strong>Brazil</strong>
          <span><img src="/images/flags/Brazil.png" alt="Brazil" /></span>
        </p>
      </div>
    </div>

    <div class="team-map__pin unitedkingdom">
      <div class="team-map__profile">
        <div class="flags">
          {% for member in UnitedkingdomTeam %}
Danilo Woznica's avatar
Danilo Woznica committed
70 71 72 73 74 75
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
                <span><img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt=""></span>
              {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
76
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
77

Danilo Woznica's avatar
Danilo Woznica committed
78 79
            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
80
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
81 82 83 84 85 86 87 88 89 90 91 92 93
          {% endfor %}
        </div>
        <p>
          <strong>United kingdom</strong>
          <span><img src="/images/flags/Unitedkingdom.png" alt="Unitedkingdom" /></span>
        </p>
      </div>
    </div>

    <div class="team-map__pin usa">
      <div class="team-map__profile">
        <div class="flags">
          {% for member in USATeam %}
Danilo Woznica's avatar
Danilo Woznica committed
94 95 96 97 98 99
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
                <span><img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt=""></span>
              {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
100
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
101 102 103

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
104
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
105 106 107 108 109 110 111 112 113 114 115 116 117
          {% endfor %}
        </div>
        <p>
          <strong>USA</strong>
          <span><img src="/images/flags/USA.png" alt="USA" /></span>
        </p>
      </div>
    </div>

    <div class="team-map__pin india">
      <div class="team-map__profile">
        <div class="flags">
          {% for member in IndiaTeam %}
Danilo Woznica's avatar
Danilo Woznica committed
118 119 120 121 122 123
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
                <span><img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt=""></span>
              {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
124
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
125 126 127

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
128
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
129 130 131 132 133 134 135 136 137 138
          {% endfor %}
        </div>
        <p>
          <strong>India</strong>
          <span><img src="/images/flags/India.png" alt="India" /></span>
        </p>
      </div>
    </div>
  </div>
</section>
Danilo Woznica's avatar
Danilo Woznica committed
139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169

<section class="container">
  <ul class="team-grid">
    {% for member in teamList %}
    <li class="team-item">

      <div 
        class="team-item__image"
        {% if member.photo %}
          style="background-image: url(/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg)"
        {% else %}
          style="background-image: url(//avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140)"
        {% endif %}
      ></div>

      <input class="team-button__toggle" id="team-button__{{ forloop.index }}" type="checkbox" />
      <div class="team-item__wrap">
        <h3 class="team-item__name theme_type--dark">
          <strong>{{ member.name }}</strong>
          <span><img src="/images/flags/{{ member.country }}.png" alt="{{ member.country }}" /></span>
        </h3>

        <p class="team-item__role label--small theme_type--grey">{{ member.role }}</p>

        {% if member.description %}
          <label class="team-item__button" for="team-button__{{ forloop.index }}"></label>
          <div class="team-item__bio">
            {% for desc in member.description %}
              <p>{{ desc }}</p>
            {% endfor %}
          </div>
170
        {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195

        <div class="team-item__social">
          {% if member.github_username %}
            <a target="_blank" href="https://github.com/{{ member.github_username }}">
              <img src="/images/team/github.svg" alt="Github link" />
            </a>
          {% endif %}

          {% if member.twitter %}
            <a target="_blank" href="https://twitter.com/{{ member.twitter }}">
              <img src="/images/team/twitter.svg" alt="Twitter link" />
            </a>
          {% endif %}

          {% if member.email %}
            <a href="mailto:{{ member.email }}">
              <img src="/images/team/email.svg" alt="{{ member.email }}" />
            </a>
          {% endif %}
        </div>
      </div>
    </li>
    {% endfor %}
  </ul>
<section>