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

{% assign BrazilTeam = "" | split: "" %}
Aaron Ogle's avatar
Aaron Ogle committed
16
{% assign UruguayTeam = "" | split: "" %}
17
{% assign CanadaTeam = "" | split: "" %}
Danilo Woznica's avatar
Danilo Woznica committed
18 19 20
{% assign UnitedkingdomTeam = "" | split: "" %}
{% assign USATeam = "" | split: "" %}
{% assign IndiaTeam = "" | split: "" %}
21
{% assign GermanyTeam = "" | split: "" %}
Danilo Woznica's avatar
Danilo Woznica committed
22 23 24 25

{% for member in teamList %}
  {% if member.country == "Brazil" %}
    {% assign BrazilTeam = BrazilTeam | push: member %}
Martin Schoeler's avatar
Martin Schoeler committed
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" %}
Danilo Woznica's avatar
Danilo Woznica committed
34
    {% assign UnitedkingdomTeam = UnitedkingdomTeam | push: member %}
35

Danilo Woznica's avatar
Danilo Woznica committed
36 37
  {% elsif member.country == "USA" %}
    {% assign USATeam = USATeam | push: member %}
38 39 40 41

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

Danilo Woznica's avatar
Danilo Woznica committed
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">
Danilo Woznica's avatar
Danilo Woznica committed
57 58
      <div class="team-map__profile">
        <div class="flags">
59
          {% for member in CanadaTeam %}
Danilo Woznica's avatar
Danilo Woznica committed
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>
Danilo Woznica's avatar
Danilo Woznica committed
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>
Danilo Woznica's avatar
Danilo Woznica committed
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>
Danilo Woznica's avatar
Danilo Woznica committed
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>

Danilo Woznica's avatar
Danilo Woznica committed
128 129 130 131
    <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
132 133 134 135
            {% 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
136
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
137
              {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
138
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
139

Danilo Woznica's avatar
Danilo Woznica committed
140 141
            {% if forloop.length > 5 and forloop.last %}
              <span class="count">+{{ forloop.length | minus:5 }}</span>
Danilo Woznica's avatar
Danilo Woznica committed
142
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
143 144 145 146
          {% endfor %}
        </div>
        <p>
          <strong>United kingdom</strong>
147 148 149 150 151 152 153 154 155 156 157 158 159
          <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
160
                <span><img src="/images/team/placeholder.png" alt=""></span>
161 162 163 164 165 166 167 168 169 170 171
              {% 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>
Danilo Woznica's avatar
Danilo Woznica committed
172 173 174 175 176 177 178 179
        </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
180 181 182 183
            {% 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
184
                <span><img src="/images/team/placeholder.png" alt=""></span>
Danilo Woznica's avatar
Danilo Woznica committed
185
              {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
186
            {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
187 188 189

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

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

Martin Schoeler's avatar
Martin Schoeler committed
226 227
<div class="space--4"></div>

228 229 230 231 232 233
<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>
234
      <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>
235 236 237 238
    </div>
  </div>
</section>

Danilo Woznica's avatar
Danilo Woznica committed
239 240 241 242 243
<section class="container">
  <ul class="team-grid">
    {% for member in teamList %}
    <li class="team-item">

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

Martin Schoeler's avatar
Martin Schoeler committed
269 270 271 272 273 274
          <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 %}
Danilo Woznica's avatar
Danilo Woznica committed
275

Martin Schoeler's avatar
Martin Schoeler committed
276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292
            {% 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>
Danilo Woznica's avatar
Danilo Woznica committed
293
        </div>
Martin Schoeler's avatar
Martin Schoeler committed
294 295 296 297
    </div>

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

Danilo Woznica's avatar
Danilo Woznica committed
298 299
    </li>
    {% endfor %}
Martin Schoeler's avatar
Martin Schoeler committed
300
    {% capture modulo %}{{ teamList.size | modulo:4 }}{% endcapture %}
301 302 303
    {% if modulo != '0' %}
       <li class="team-item empty"></li>
    {% endif %}
Danilo Woznica's avatar
Danilo Woznica committed
304 305
  </ul>
<section>
Martin Schoeler's avatar
Martin Schoeler committed
306 307

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