team.html 10.8 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 23 24 25

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

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

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

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

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

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

42 43 44 45 46 47 48 49 50 51 52 53 54 55
  {% 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>
56
    <div class="team-map__pin canada">
57 58
      <div class="team-map__profile">
        <div class="flags">
59
          {% for member in CanadaTeam %}
60 61 62 63
            {% 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
64
                <span><img src="/images/team/placeholder.png" alt=""></span>
65 66 67
              {% endif %}
            {% endif %}

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

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

Aaron Ogle's avatar
Aaron Ogle committed
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127
    <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
128 129
    <!-- Please uncomment here if we have a new team member from UK -->
    <!--
130 131 132 133
    <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
134 135 136 137
            {% 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
138
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
139
              {% endif %}
140
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
141

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

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

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

            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
217
            {% endif %}
218 219 220 221 222 223 224
          {% endfor %}
        </div>
        <p>
          <strong>India</strong>
          <span><img src="/images/flags/India.png" alt="India" /></span>
        </p>
      </div>
225
    </div> -->
226 227
  </div>
</section>
228

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

231 232 233 234 235 236
<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>
237
      <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"><b>Jobs page</b></a> for opportunities!</p>
238 239 240 241
    </div>
  </div>
</section>

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

isabellarussell's avatar
isabellarussell committed
247
      <div
248 249 250 251
        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
252
          style="background-image: url(/images/team/placeholder.png"
253
        {% endif %}
254
      >
255
      <div class="team-item__wrap">
256 257 258 259 260 261 262 263 264 265 266 267 268 269
          <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>
270 271
          {% endif %}

272 273 274 275 276 277
          <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 %}
278

279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295
            {% 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>
296
        </div>
297 298 299 300
    </div>

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

301 302
    </li>
    {% endfor %}
303
    {% capture modulo %}{{ teamList.size | modulo:4 }}{% endcapture %}
304 305 306
    {% if modulo != '0' %}
       <li class="team-item empty"></li>
    {% endif %}
307 308
  </ul>
<section>
309 310

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