team.html 9.71 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/
9 10

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

13
{% assign teamList = site.data.team %}
14 15

{% assign BrazilTeam = "" | split: "" %}
16
{% assign CanadaTeam = "" | split: "" %}
17 18 19
{% assign UnitedkingdomTeam = "" | split: "" %}
{% assign USATeam = "" | split: "" %}
{% assign IndiaTeam = "" | split: "" %}
20
{% assign GermanyTeam = "" | split: "" %}
21 22 23 24

{% for member in teamList %}
  {% if member.country == "Brazil" %}
    {% assign BrazilTeam = BrazilTeam | push: member %}
25 26 27 28 29

  {% elsif member.country == "Canada" %}
    {% assign CanadaTeam = CanadaTeam | push: member %}

  {% elsif member.country == "United Kingdom" %}
30
    {% assign UnitedkingdomTeam = UnitedkingdomTeam | push: member %}
31

32 33
  {% elsif member.country == "USA" %}
    {% assign USATeam = USATeam | push: member %}
34 35 36 37

  {% elsif member.country == "Germany" %}
    {% assign GermanyTeam = GermanyTeam | push: member %}

38 39 40 41 42 43 44 45 46 47 48 49 50 51
  {% 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>
52
    <div class="team-map__pin canada">
53 54
      <div class="team-map__profile">
        <div class="flags">
55
          {% for member in CanadaTeam %}
56 57 58 59
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
Danilo Woznica's avatar
Danilo Woznica committed
60
                <span><img src="/images/team/placeholder.png" alt=""></span>
61 62 63
              {% endif %}
            {% endif %}

Danilo Woznica's avatar
Danilo Woznica committed
64 65
            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
66 67 68
            {% endif %}
          {% endfor %}
        </div>
69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
        <p>
          <strong>Canada</strong>
          <span><img src="/images/flags/Canada.png" alt="Canada" /></span>
        </p>
      </div>
    </div>

    <div class="team-map__pin brazil">
      <div class="team-map__profile">
        <div class="flags">
          {% for member in BrazilTeam %}
            {% if forloop.index <= 3 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
Danilo Woznica's avatar
Danilo Woznica committed
84
                <span><img src="/images/team/placeholder.png" alt=""></span>
85 86 87 88 89 90 91 92
              {% endif %}
            {% endif %}

            {% if forloop.length > 3 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:3 }}</span>
            {% endif %}
          {% endfor %}
        </div>
93 94 95 96 97 98 99 100 101 102 103
        <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
104 105 106 107
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
Danilo Woznica's avatar
Danilo Woznica committed
108
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
109
              {% endif %}
110
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
111

Danilo Woznica's avatar
Danilo Woznica committed
112 113
            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
114
            {% endif %}
115 116 117 118
          {% endfor %}
        </div>
        <p>
          <strong>United kingdom</strong>
119 120 121 122 123 124 125 126 127 128 129 130 131
          <span><img src="/images/flags/United-Kingdom.png" alt="Unitedkingdom" /></span>
        </p>
      </div>
    </div>

    <div class="team-map__pin germany">
      <div class="team-map__profile">
        <div class="flags">
          {% for member in GermanyTeam %}
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
Danilo Woznica's avatar
Danilo Woznica committed
132
                <span><img src="/images/team/placeholder.png" alt=""></span>
133 134 135 136 137 138 139 140 141 142 143
              {% endif %}
            {% endif %}

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
            {% endif %}
          {% endfor %}
        </div>
        <p>
          <strong>Germany</strong>
          <span><img src="/images/flags/Germany.png" alt="Germany" /></span>
144 145 146 147 148 149 150 151
        </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
152 153 154 155
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
Danilo Woznica's avatar
Danilo Woznica committed
156
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
157
              {% endif %}
158
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
159 160 161

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
162
            {% endif %}
163 164 165 166 167 168 169 170 171 172 173 174 175
          {% 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
176 177 178 179
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
Danilo Woznica's avatar
Danilo Woznica committed
180
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
181
              {% endif %}
182
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
183 184 185

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
186
            {% endif %}
187 188 189 190 191 192 193 194 195 196
          {% endfor %}
        </div>
        <p>
          <strong>India</strong>
          <span><img src="/images/flags/India.png" alt="India" /></span>
        </p>
      </div>
    </div>
  </div>
</section>
197

198 199 200 201 202 203 204 205 206 207 208 209
<section class="container">
  <div class="card theme_box--dark-strong team-description">
    <div class="wrap">
      <p class="label theme_type--grey"></p>
      <h2 class="display theme_type--dark">About Us</h2>
      <p class="theme_type--grey">Rocket.Chat is more than your average company, we are the leading open source team chat community. When you choose Rocket.Chat, you become part of a global community comprised of a core team, hundreds of open source developers, testers and writers, and millions of users.</p>
      <p class="theme_type--grey">We are building the future of communication and would love to build it with you. We are often looking for more team members, so check out our<p class="theme_type--grey">We are building the future of communication and would love to build it with you. We are often looking for more
      team members, so check out our <a href="https://rocketchat.recruitee.com">https://rocketchat.recruitee.com <b>Jobs page</b></a> for opportunities!</p>
    </div>
  </div>
</section>

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

isabellarussell's avatar
isabellarussell committed
215
      <div
216 217 218 219
        class="team-item__image"
        {% if member.photo %}
          style="background-image: url(/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg)"
        {% else %}
Danilo Woznica's avatar
Danilo Woznica committed
220
          style="background-image: url(/images/team/placeholder.png"
221 222 223 224 225 226 227
        {% 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>
228
          <span><img src="/images/flags/{{ member.country | replace: ' ', '-'  }}.png" alt="{{ member.country }}" /></span>
229 230 231 232 233 234 235 236 237 238 239
        </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>
240
        {% endif %}
241 242 243

        <div class="team-item__social">
          {% if member.github_username %}
244
            <a target="_blank" href="//github.com/{{ member.github_username }}" rel="noopener noreferrer">
245 246 247 248 249
              <img src="/images/team/github.svg" alt="Github link" />
            </a>
          {% endif %}

          {% if member.twitter %}
250
            <a target="_blank" href="//twitter.com/{{ member.twitter }}" rel="noopener noreferrer">
251 252 253 254 255 256 257 258 259
              <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 %}
260 261 262 263 264
          {% if member.username %}
            <a target="_blank" href="https://open.rocket.chat/direct/{{member.username}}">
              <img src="/images/team/rocketchat.svg" alt="{{ member.username }}" />
            </a>
          {% endif %}
265 266 267 268
        </div>
      </div>
    </li>
    {% endfor %}
269 270 271 272
    {% capture modulo %}{{ teamList.size | modulo:3 }}{% endcapture %}
    {% if modulo != '0' %}
       <li class="team-item empty"></li>
    {% endif %}
273 274
  </ul>
<section>