team.html 11.7 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: "" %}
Aaron Ogle's avatar
Aaron Ogle committed
16
{% assign UruguayTeam = "" | split: "" %}
17
{% assign CanadaTeam = "" | split: "" %}
18 19 20
{% assign UnitedkingdomTeam = "" | split: "" %}
{% assign USATeam = "" | split: "" %}
{% assign IndiaTeam = "" | split: "" %}
21
{% assign GermanyTeam = "" | split: "" %}
22
{% assign UkraineTeam = "" | split: "" %}
23 24 25 26

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

Aaron Ogle's avatar
Aaron Ogle committed
28 29
  {% elsif member.country == "Uruguay" %}
    {% assign UruguayTeam = UruguayTeam | push: member %}
30 31 32 33 34

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

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

37 38
  {% elsif member.country == "USA" %}
    {% assign USATeam = USATeam | push: member %}
39 40 41 42

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

43 44
  {% elsif member.country == "India" %}
    {% assign IndiaTeam = IndiaTeam | push: member %}
45 46 47

  {% elsif member.country == "Ukraine" %}
    {% assign UkraineTeam = UkraineTeam | push: member %}
48 49 50 51 52 53 54 55 56 57 58 59
  {% 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>
60
    <div class="team-map__pin canada">
61 62
      <div class="team-map__profile">
        <div class="flags">
63
          {% for member in CanadaTeam %}
64 65 66 67
            {% 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
68
                <span><img src="/images/team/placeholder.png" alt=""></span>
69 70 71
              {% endif %}
            {% endif %}

Danilo Woznica's avatar
Danilo Woznica committed
72 73
            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
74 75 76
            {% endif %}
          {% endfor %}
        </div>
77 78 79 80 81 82 83 84 85 86 87 88 89 90 91
        <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
92
                <span><img src="/images/team/placeholder.png" alt=""></span>
93 94 95 96 97 98 99 100
              {% endif %}
            {% endif %}

            {% if forloop.length > 3 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:3 }}</span>
            {% endif %}
          {% endfor %}
        </div>
101 102 103 104 105 106 107
        <p>
          <strong>Brazil</strong>
          <span><img src="/images/flags/Brazil.png" alt="Brazil" /></span>
        </p>
      </div>
    </div>

Aaron Ogle's avatar
Aaron Ogle committed
108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131
    <div class="team-map__pin uruguay">
      <div class="team-map__profile left">
        <div class="flags">
          {% for member in UruguayTeam %}
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
                <span><img src="/images/team/placeholder.png" alt=""></span>
              {% endif %}
            {% endif %}

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
            {% endif %}
          {% endfor %}
        </div>
        <p>
          <strong>Uruguay</strong>
          <span><img src="/images/flags/Uruguay.png" alt="Uruguay" /></span>
        </p>
      </div>
    </div>

Marcelo Schmidt's avatar
Marcelo Schmidt committed
132 133
    <!-- Please uncomment here if we have a new team member from UK -->
    <!--
134 135 136 137
    <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
138 139 140 141
            {% 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
142
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
143
              {% endif %}
144
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
145

Danilo Woznica's avatar
Danilo Woznica committed
146 147
            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
148
            {% endif %}
149 150 151 152
          {% endfor %}
        </div>
        <p>
          <strong>United kingdom</strong>
153 154 155 156
          <span><img src="/images/flags/United-Kingdom.png" alt="Unitedkingdom" /></span>
        </p>
      </div>
    </div>
Marcelo Schmidt's avatar
Marcelo Schmidt committed
157
    -->
158 159 160 161 162 163 164 165 166

    <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
167
                <span><img src="/images/team/placeholder.png" alt=""></span>
168 169 170 171 172 173 174 175 176 177 178
              {% 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>
179 180 181 182 183 184 185 186
        </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
187 188 189 190
            {% 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
191
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
192
              {% endif %}
193
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
194 195 196

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
197
            {% endif %}
198 199 200 201 202 203 204 205
          {% endfor %}
        </div>
        <p>
          <strong>USA</strong>
          <span><img src="/images/flags/USA.png" alt="USA" /></span>
        </p>
      </div>
    </div>
206 207
    <!-- Please uncomment here if we have a new team member from india -->
    <!-- <div class="team-map__pin india">
208 209 210
      <div class="team-map__profile">
        <div class="flags">
          {% for member in IndiaTeam %}
Danilo Woznica's avatar
Danilo Woznica committed
211 212 213 214
            {% 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
215
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
216
              {% endif %}
217
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
218 219 220

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
221
            {% endif %}
222 223 224 225 226 227 228
          {% endfor %}
        </div>
        <p>
          <strong>India</strong>
          <span><img src="/images/flags/India.png" alt="India" /></span>
        </p>
      </div>
229
    </div> -->
230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253

    <div class="team-map__pin ukraine">
      <div class="team-map__profile left">
        <div class="flags">
          {% for member in UkraineTeam %}
            {% if forloop.index <= 5 %}
              {% if member.photo %}
                <span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
              {% else %}
                <span><img src="/images/team/placeholder.png" alt=""></span>
              {% endif %}
            {% endif %}

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
            {% endif %}
          {% endfor %}
        </div>
        <p>
          <strong>Ukraine</strong>
          <span><img src="/images/flags/Ukraine.png" alt="Ukraine" /></span>
        </p>
      </div>
    </div>
254 255
  </div>
</section>
256

257 258
<div class="space--4"></div>

259 260 261 262 263 264
<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>
Gabriel Engel's avatar
Gabriel Engel committed
265
      <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="/jobs"><b>Jobs page</b></a> for opportunities!</p>
266 267 268 269
    </div>
  </div>
</section>

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

isabellarussell's avatar
isabellarussell committed
275
      <div
276 277 278 279
        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
280
          style="background-image: url(/images/team/placeholder.png"
281
        {% endif %}
282
      >
283
      <div class="team-item__wrap">
284 285 286 287 288 289 290 291 292 293 294 295 296 297
          <h3 class="team-item__name theme_type--dark">
            <strong>{{ member.name }}</strong>
            <span><img src="/images/flags/{{ member.country | replace: ' ', '-'  }}.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>
298 299
          {% endif %}

300 301 302 303 304 305
          <div class="team-item__social">
            {% if member.github_username %}
              <a target="_blank" href="//github.com/{{ member.github_username }}" rel="noopener noreferrer">
                <img src="/images/team/github.svg" alt="Github link" />
              </a>
            {% endif %}
306

307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323
            {% if member.twitter %}
              <a target="_blank" href="//twitter.com/{{ member.twitter }}" rel="noopener noreferrer">
                <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 %}
            {% 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 %}
          </div>
324
        </div>
325 326 327 328
    </div>

      <input class="team-button__toggle" id="team-button__{{ forloop.index }}" type="checkbox" />

329 330
    </li>
    {% endfor %}
331
    {% capture modulo %}{{ teamList.size | modulo:4 }}{% endcapture %}
332 333 334
    {% if modulo != '0' %}
       <li class="team-item empty"></li>
    {% endif %}
335 336
  </ul>
<section>
337 338

<div class="space--4"></div>