Commit 5a386241 authored by Danilo Woznica's avatar Danilo Woznica

feat(Team): Add team grid

parent 32000648
- name: Gabriel Engel
title: Founder & CEO
role: Founder & CEO
github_username: engelgabriel
twitter: engelgabriel
email: email@email.com
department:
username: gabriel.engel
photo: yes
country: Brazil
description:
- Here will say something about the team member and the information will be relevant to those reading it. Then it can say something else like where he/she worked and the experience he or she is bringing to Rocket.Chat.
- Then it can say something else like where he/she worked and the experience he or she is bringing to Rocket.Chat and then another line here.
- name: Rodrigo Nascimento
title: CTO
role: CTO
github_username: rodrigok
department: Technology
username: rodrigo.nascimento
photo: yes
country: Brazil
- name: Marcelo Schmidt
title: COO
role: COO
github_username: marceloschmidt
department: Operations
username: marcelo.schmidt
photo: yes
country: Brazil
- name: Diego Sampaio
title: Lead Engineer
role: Lead Engineer
github_username: sampaiodiego
department:
username: diego.sampaio
photo: yes
country: Brazil
- name: Patricia Ferreira
title: Administrative Coordinator
role: Administrative Coordinator
github_username:
department: Admin
username: patricia.ferreira
photo: yes
country: Brazil
- name: Sing-Li
title: Senior VP of Partnerships and Opportunities
role: Senior VP of Partnerships and Opportunities
github_username: Sing-Li
github_uid: 122633
department: Sales
username: sing.li
- name: Rafael Kellermann Streit
title: Lead Mobile Engineer
role: Lead Mobile Engineer
github_username: rafaelks
department: Mobile
username: rafael.kellermann
photo: yes
country: Brazil
- name: Martin Schoeler
title: Full Stack Engineer
role: Full Stack Engineer
github_username: MartinSchoeler
department: Technology
username: martin.schoeler
photo: yes
country: Brazil
- name: Aaron Ogle
title: Lead Cloud Architect
role: Lead Cloud Architect
github_username: geekgonecrazy
github_uid: 51996
department: Cloud
username: aaron.ogle
country: EUA
- name: Bradley Hilton
title: Interconnectivity Specialist
role: Interconnectivity Specialist
github_username: graywolf336
department: Technology
username: bradley.hilton
photo: yes
- name: Karl Prieb
title: Lead Front End Engineer
role: Lead Front End Engineer
github_username: karlprieb
department: Technology
username: karl.prieb
photo: yes
- name: Diego Dorgam
title: Sales & Bots Engineer
role: Sales & Bots Engineer
github_username: diegodorgam
github_uid: 12052193
department: Sales
username: diego.dorgam
country: Brazil
- name: Guilherme Gazzo
title: Full Stack Engineer
role: Full Stack Engineer
github_username: ggazzo
department:
username: guilherme.gazzo
photo: yes
- name: Gabriel Delavald
title: Front End Engineer
role: Front End Engineer
github_username: gdelavald
department: Technology
username: gabriel.delavald
photo: yes
- name: Ramon Nobre
title: Sales Intern
role: Sales Intern
github_username: RamonNobre
department: Sales
username: ramon.nobre
photo: yes
- name: Sean Packham
title: VP of Marketing
role: VP of Marketing
github_username: SeanPackham
github_uid: 3830791
department: Marketing
username: sean.packham
country: GreatBritain
- name: Filipe Brito
title: Android Engineer
role: Android Engineer
github_username: filipedelimabrito
github_uid: 11776825
department: Development
username: filipe.brito
- name: Lucio Maciel
title: Android Engineer
role: Android Engineer
github_username: luciofm
github_uid: 224255
department: Mobile
username: lucio.maciel
- name: Arthur Della Giustina
title: Creative Director
role: Creative Director
github_username: arthurgiustina
department: Sales
username: arthur.giustina
photo: yes
- name: Júlia Grala
title: Business Development
role: Business Development
github_username: juliagrala
department: Sales
username: julia.grala
photo: yes
- name: Bernardo Trevisan
title: Marketing Intern
role: Marketing Intern
github_username: bernardoetrevisan
department: Operations
username: bernardo.trevisan
photo: yes
- name: Leonardo Aramaki
title: Android Engineer
role: Android Engineer
github_username: leonardoaramaki
github_uid: 625702
department: Mobile
username: leonardo.aramaki
- name: Matheus Cardoso
title: iOS Engineer
role: iOS Engineer
github_username: cardoso
department: Mobile
username: matheus.cardoso
photo: yes
- name: Isabella Russell
title: Content Editor
role: Content Editor
department: Marketing
username: isabella.russell
photo: yes
- name: Tom Tostanoski
title: Support Lead
role: Support Lead
github_username: tostanoski
github_uid: 6999314
department: Support
username: tom.tostanoski
- name: Jonas Friedmann
title: Support
role: Support
github_username: frdmn
github_uid: 944459
department: Support
username: jonas.friedmann
- name: Mrinal Dhar
title: Software Engineer
role: Software Engineer
github_username: mrinaldhar
github_uid: 5917608
department: Development
username: mrinal.dhar
country: India
- name: Manish Kakoti
title: Federation Engineer
role: Federation Engineer
github_username: madguy02
github_uid: 8217234
department: Development
......
.team-grid {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.team-item {
position: relative;
width: calc(100% / 3 - 1.5em);
margin-bottom: 3em;
border-radius: 2px;
overflow: hidden;
}
.team-item__image {
padding-top: 120%;
background-size: cover;
background-position: center;
}
.team-item__wrap {
position: absolute;
left: 0.5em;
bottom: 0.5em;
right: 0.5em;
background: rgba($space, 0.9);
border-radius: 2px;
padding: 1em;
height: 7.8em;
max-height: 7.8em;
transition: all 0.5s ease;
}
.team-button__toggle {
display: none;
}
.team-item__name {
display: flex;
align-items: center;
margin-bottom: 0.3em;
height: 1.5em;
overflow: hidden;
img {
margin-left: 0.5em;
width: 1.5em;
}
}
.team-item__role {
height: 1.5em;
overflow: hidden;
}
.team-item__social {
height: 4em;
margin-top: 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1em;
transition: all 0.7s ease;
border-top: 1px solid transparent;
a {
margin-right: 0.2em;
}
}
.team-item__button {
position: absolute;
right: 1em;
top: 1em;
display: block;
width: 2em;
height: 2em;
cursor: pointer;
&:after {
content: "";
width: 0.5em;
height: 0.5em;
display: block;
transform: rotate(-45deg);
position: absolute;
top: 0.8em;
right: 0.5em;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transition: all 0.3s ease;
}
}
.team-item__bio {
margin-left: -1em;
margin-right: -1em;
color: #fff;
font-size: 0.8em;
overflow: auto;
max-height: 0;
transition: all 0.5s ease;
padding: 0 1em;
p {
margin-bottom: 1em;
transform: translateY(1em);
opacity: 0;
&:last-child {
margin-bottom: 0;
}
}
}
.team-button__toggle:checked + .team-item__wrap {
height: calc(100% - 1em);
max-height: calc(100% - 1em);
.team-item__button:after {
transform: rotate(135deg);
top: 0.3em;
}
.team-item__bio {
padding: 1em;
max-height: calc(100% - 8em);
height: calc(100% - 8em);
p {
animation: slide 0.5s 0.2s ease forwards;
}
p + p {
animation: slide 0.5s 0.3s ease forwards;
}
}
.team-item__social {
border-top: 1px solid rgba($grey-bg, 0.1);
}
}
@keyframes slide {
0% {
transform: translateY(1.3em);
line-height: 2;
opacity: 0;
}
100% {
transform: translateY(0);
line-height: 1.5;
opacity: 1;
}
}
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>email</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="👨‍👨‍👧‍👧-team" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="team" transform="translate(-696.000000, -1303.000000)">
<g transform="translate(160.000000, 923.000000)" id="member">
<g transform="translate(384.000000, 0.000000)">
<g id="info" transform="translate(8.000000, 304.000000)">
<g transform="translate(24.000000, 15.000000)" id="email">
<g transform="translate(120.000000, 61.000000)">
<path d="M2,0 L30,0 C31.1045695,-2.02906125e-16 32,0.8954305 32,2 L32,30 C32,31.1045695 31.1045695,32 30,32 L2,32 C0.8954305,32 1.3527075e-16,31.1045695 0,30 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="input-bg" fill="#6B7D99"></path>
<g id="20x20/mail--dark" transform="translate(8.727273, 8.727273)">
<g id="20x20/customize--grey">
<rect id="Rectangle" x="0" y="0" width="14.5454545" height="14.5454545"></rect>
</g>
<path d="M2.18181818,2.72719335 C1.67974114,2.72719335 1.27272727,3.13420721 1.27272727,3.63628426 L1.27272727,10.9090909 C1.27272727,11.411168 1.67974114,11.8181818 2.18181811,11.8181818 L12.3636364,11.8181806 C12.8657131,11.8181806 13.2727268,11.4111672 13.2727273,10.9090903 L13.272736,3.63628301 C13.272736,3.13420596 12.8657222,2.7271921 12.3636452,2.7271921 L2.18181825,2.72719335 Z" id="Rectangle-10" stroke="#FFFFFF" stroke-width="1.09090909"></path>
<polyline id="Rectangle-14" stroke="#FFFFFF" stroke-width="1.09090909" transform="translate(7.319061, 5.137243) rotate(-315.000000) translate(-7.319061, -5.137243) " points="10.4099698 2.04633345 9.38145086 7.19963268 4.22815164 8.22815164"></polyline>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>github</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="👨‍👨‍👧‍👧-team" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="team" transform="translate(-192.000000, -1303.000000)">
<g transform="translate(160.000000, 923.000000)" id="member">
<g>
<g id="info" transform="translate(8.000000, 304.000000)">
<g transform="translate(24.000000, 15.000000)" id="github">
<g transform="translate(0.000000, 61.000000)">
<path d="M2,0 L30,0 C31.1045695,-2.02906125e-16 32,0.8954305 32,2 L32,30 C32,31.1045695 31.1045695,32 30,32 L2,32 C0.8954305,32 1.3527075e-16,31.1045695 0,30 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="input-bg" fill="#FFFFFF"></path>
<path d="M8.77708628,18.137824 C8.71066821,18.0707558 8.71066821,18.0036876 8.77708628,17.9366195 C8.9098969,17.8024831 9.07596758,17.752182 9.27519627,17.7857161 C9.47445047,17.8192501 9.59068209,17.8527842 9.62389112,17.8863183 C9.85635435,17.9869206 10.1137371,18.2132628 10.3959884,18.5653965 C10.6782397,18.9175045 10.9024134,19.1606138 11.0684841,19.2947501 C11.8655009,19.9654319 12.6790967,20.0157331 13.5093225,19.4456535 C13.5757406,19.2109149 13.6836827,19.0097104 13.8330978,18.8420141 C13.982513,18.6743437 14.1236896,18.5570001 14.2565258,18.4899062 C14.3893874,18.422838 14.6218506,18.3222357 14.953941,18.1880994 C13.8580174,18.0874971 12.9696885,17.8946632 12.2889033,17.6096235 C11.6081181,17.3245837 11.0684586,16.9641051 10.6699502,16.5281619 C10.1386056,15.9245483 9.8148048,15.1364972 9.69857318,14.1640086 C9.58231606,13.1915199 9.65704914,12.3028666 9.92274691,11.4980484 C10.1220011,10.995037 10.4042779,10.5423526 10.7695518,10.1399177 C10.5038795,9.30156548 10.553693,8.34584391 10.9189924,7.27275303 C11.9816815,7.33982121 12.9447434,7.7086962 13.8081783,8.379378 C15.46863,7.94343483 17.1954997,7.92666779 18.988762,8.32907687 C19.2212252,8.16140642 19.5782351,7.95183123 20.0597406,7.7002998 C20.5412715,7.44879412 21.1473491,7.30626136 21.8779479,7.27272727 C22.010784,7.64160226 22.1021216,8.07754544 22.1519352,8.58055679 C22.2017487,9.08356814 22.1768547,9.55304541 22.0772276,9.98898858 C22.8410098,10.7938067 23.2395182,11.8668976 23.2727273,13.2082612 C23.2727273,14.2813521 23.0901031,15.1700055 22.7248037,15.8742214 C22.3595044,16.5784373 21.7119282,17.1652839 20.7820753,17.6347354 C20.1511037,17.936568 19.3208778,18.1209797 18.2913978,18.1880479 C18.7563498,18.4227865 19.0967296,18.6659215 19.3125883,18.9174272 C19.5284725,19.1689329 19.6695982,19.5629456 19.7360417,20.099491 L19.7360417,21.6840154 L19.7858298,23.2181872 C19.8854569,23.3858834 20.001714,23.5283904 20.1345501,23.6457854 C20.2673863,23.7631548 20.3836179,23.84699 20.483245,23.8972911 C20.5828466,23.9475923 20.6160811,24.0230568 20.5828466,24.1236591 C20.5496376,24.2242614 20.4168014,24.2745625 20.1843637,24.2745625 C19.6197846,24.2745625 19.1714882,24.073358 18.8393979,23.6709231 C18.7397708,23.5032527 18.6899572,23.3020739 18.6899572,23.0673095 L18.6899572,20.652855 C18.6899572,20.3845823 18.6235391,20.1917484 18.490703,20.0743791 C18.3578669,19.956984 18.2250307,19.8815452 18.0921946,19.8480111 L18.0921946,23.0169826 C18.0921946,23.5870621 18.1586127,23.9559371 18.2914488,24.1236076 C18.4242849,24.291278 18.5073075,24.4589742 18.5405421,24.6266189 C18.5737511,24.660153 18.5488316,24.6852907 18.465809,24.7020578 C18.3828119,24.7187991 18.2416608,24.6936871 18.0423811,24.6266189 C17.6106636,24.5260167 17.3117823,24.2996487 17.1457372,23.9475407 C16.979692,23.5954328 16.8966694,23.2181614 16.8966694,22.8157523 L16.8966694,19.6971592 L16.2490933,19.6971592 L16.2490933,22.8158296 C16.2490933,23.2182387 16.1660452,23.6039065 16,23.9727557 C15.7675623,24.4422587 15.3358193,24.6937386 14.7048732,24.7272727 C14.6052461,24.6937386 14.5554326,24.6602045 14.5554326,24.6266962 C14.5886416,24.5931364 14.6882687,24.4254917 14.8543139,24.1236849 C14.8875229,24.0566167 14.9290469,23.9224803 14.9788605,23.7212758 C15.0286995,23.5200712 15.0535936,23.2853326 15.0535936,23.0170599 L15.0535936,19.8480626 C14.9207574,19.8815967 14.7962108,19.9570355 14.6799792,20.0744306 C14.5637476,20.1918257 14.505619,20.3846338 14.505619,20.6529065 L14.505619,23.067361 C14.505619,23.3020739 14.4558055,23.5033042 14.3561784,23.6709746 C14.0572971,24.0733837 13.6089751,24.274614 13.011238,24.274614 C12.7787748,24.274614 12.6459387,24.2243129 12.6127296,24.1237106 C12.5794951,24.0566424 12.5878101,23.9979449 12.6376491,23.9476438 C12.6874882,23.8973426 12.7621958,23.8386451 12.8618229,23.7715769 C12.96145,23.7045087 13.027868,23.6541818 13.0610771,23.6206735 C13.1939132,23.5200712 13.2935148,23.3859349 13.3599584,23.2182644 C13.4595855,23.0841281 13.4844795,22.7320201 13.4346659,22.1619406 C13.3848524,21.5918611 13.3765374,21.2229861 13.4097464,21.0553156 C12.546286,21.3571224 11.6662722,21.2061933 10.7696028,20.6026054 C10.5039305,20.3343327 10.2382582,19.9486649 9.97258597,19.4456793 C9.77333177,19.0767785 9.37482337,18.6408354 8.77708628,18.137824 Z" id="Path" fill="#000000"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<title>twitter</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="👨‍👨‍👧‍👧-team" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="team" transform="translate(-656.000000, -1303.000000)">
<g transform="translate(160.000000, 923.000000)" id="member">
<g transform="translate(384.000000, 0.000000)">
<g id="info" transform="translate(8.000000, 304.000000)">
<g transform="translate(24.000000, 15.000000)" id="twitter">
<g transform="translate(80.000000, 61.000000)">
<path d="M2,0 L30,0 C31.1045695,-2.02906125e-16 32,0.8954305 32,2 L32,30 C32,31.1045695 31.1045695,32 30,32 L2,32 C0.8954305,32 1.3527075e-16,31.1045695 0,30 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="input-bg" fill="#00ACED"></path>
<path d="M8,20.8430492 C8,20.9269119 8.04166624,21.0023873 8.125,21.0694775 C8.26388949,21.1645221 8.51110933,21.3042912 8.86666667,21.4887892 C10.2222293,22.1932362 11.6444373,22.5454545 13.1333333,22.5454545 C14.9888981,22.5454545 16.6749931,22.0646487 18.1916672,21.1030225 C18.9138923,20.6445729 19.555552,20.0924838 20.1166677,19.4467423 C20.6777813,18.8009986 21.1236096,18.1273112 21.4541675,17.4256585 C21.7847232,16.724008 22.0319445,16.0209685 22.1958336,15.3165207 C22.3597227,14.612075 22.4361109,13.9272066 22.4250005,13.2618941 L22.4250005,12.9683754 C23.0750037,12.4987443 23.5833323,11.9620318 23.9499989,11.3582187 C23.9833344,11.2911289 24,11.2408125 24,11.2072676 C24,11.1345873 23.9722219,11.0702926 23.9166677,11.0143837 C23.8611115,10.9584748 23.7972224,10.9305225 23.7250005,10.9305225 C23.6861099,10.9305225 23.6194453,10.9528843 23.5250005,10.9976123 C23.4583339,11.0199742 23.3763904,11.0479286 23.2791659,11.0814736 C23.1819435,11.1150185 23.0986112,11.1443706 23.0291669,11.1695298 C22.9597227,11.1946891 22.913888,11.2100628 22.8916672,11.2156533 C23.0361109,11.0535191 23.1861099,10.8340827 23.3416661,10.5573354 C23.4972224,10.2805881 23.5749995,10.077923 23.5749995,9.94933159 C23.5749995,9.87665126 23.5472235,9.81375639 23.4916672,9.76064269 C23.4361109,9.70752899 23.3694443,9.68097213 23.2916672,9.68097213 C23.2472213,9.68097213 23.2027776,9.69495044 23.1583339,9.72290491 C22.5249963,10.0639468 21.9333355,10.295964 21.3833344,10.4189606 C20.7111083,9.77601432 19.9083371,9.45454545 18.9749995,9.45454545 C18.0194389,9.45454545 17.2055595,9.78999048 16.5333333,10.4608934 C15.8611072,11.1317942 15.5250005,11.9424566 15.5250005,12.8928999 C15.5250005,13.0606267 15.5361109,13.1975995 15.5583339,13.3038248 C14.6194389,13.225554 13.7138923,12.9991273 12.8416661,12.6245404 C11.96944,12.2499536 11.1861141,11.746786 10.4916672,11.1150185 C10.3305557,10.9584748 10.0194468,10.6314154 9.55833344,10.1338298 C9.49166635,10.0667399 9.41388928,10.033195 9.32500011,10.033195 C9.25833301,10.033195 9.18888917,10.0779209 9.11666667,10.1673747 C8.97222144,10.3854178 8.85833365,10.6523775 8.77499989,10.9682602 C8.69166635,11.2841429 8.65,11.5930332 8.65,11.8949376 C8.65,12.7279748 8.90833067,13.4547759 9.42500011,14.0753603 L9.18333333,13.957952 C9.04444373,13.8964526 8.94166699,13.8657029 8.87499989,13.8657029 C8.78055509,13.8657029 8.70138923,13.8936574 8.63749995,13.9495663 C8.57361088,14.0054752 8.54166656,14.0781534 8.54166656,14.1676073 C8.54166656,14.7546468 8.69166507,15.3109281 8.99166677,15.8364682 C9.29166827,16.3620083 9.69721963,16.7813146 10.2083328,17.0944042 L10.1083332,17.0776307 C10.0430554,17.0636545 10.0277779,17.0594595 10.0166667,17.0566643 C9.91944405,17.0524714 9.85694464,17.0804259 9.80416661,17.1363348 C9.75138859,17.1922438 9.72500011,17.253741 9.72500011,17.3208309 C9.72500011,17.3264213 9.73055552,17.357171 9.74166656,17.41308 C9.93055659,17.994529 10.2444416,18.4879133 10.6833323,18.8932498 C11.1222251,19.2985864 11.6361088,19.5711365 12.2250005,19.7109089 C11.2583275,20.3091293 10.1916715,20.6082346 9.02500011,20.6082346 C8.94722176,20.6082346 8.82222315,20.5998485 8.65,20.583076 C8.4166656,20.5718942 8.28888896,20.5663036 8.26666667,20.5663036 C8.19444407,20.5663036 8.1319447,20.5942574 8.07916668,20.6501659 C8.02638863,20.7060744 8,20.7703682 8,20.8430492 Z" id="twitter-icon--white" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
......@@ -21,3 +21,4 @@
// Pages
@import "pages/home";
@import "pages/download";
@import "pages/team";
......@@ -235,7 +235,7 @@ redirect_from:
<div class="flex-grid">
<div class="col">
<h3 class="theme_type--dark"><strong>Pricing & Billing</strong></h3>
<h3 class="theme_type--dark"><strong>Pricing &amp; Billing</strong></h3>
<p class="theme_type--grey">Displayed prices are for an annual contract.</p>
<h3 class="theme_type--dark"><strong>Point of contact</strong></h3>
......
......@@ -6,67 +6,122 @@ redirect_from:
- /team/
- /rocket-team
- /rocket-team/
theme: dark
---
<div class="no-map-scroll"> <div class="click-map" onClick="style.pointerEvents='none'"></div>
<iframe width="100%" height="470" frameborder="0" scroll="no" scrolling="no" src="https://sundial.teleport.org/public/map/ar5ZyCa6Sd875BFQbrRb" frameborder="0"></iframe>
{% assign teamList = site.data.team %}
<!--
<div class="brazil">
{% for member in teamList %}
{% if member.country %}
{% if member.country == "Brazil" %}
{% if member.photo %}
<img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt="">
{% else %}
<img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt="">
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</div>
<section class="hero">
<div class="wrapper">
<h1>Team Rocket.Chat</h1>
<em>The core team keeping the rockets firing</em>
</div>
</section>
<div class="england">
{% for member in teamList %}
{% if member.country %}
{% if member.country == "GreatBritain" %}
{% if member.photo %}
<img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt="">
{% else %}
<img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt="">
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</div>
<section class="message">
<div class="wrapper">
<div class="left">
<p>
What started simply as a proof of concept code published to GitHub almost
two years ago has exploded into the ever-evolving open source platform
Rocket.Chat is today.
</p>
<p>
While we have the developer community as a whole to
thank for that, our core team members have worked zealously to spur on growth
and keep Rocket.Chat always aimed towards the next level. Get to know each of
them below.
</p>
<p>
<a href="/handbook/">Team Handbook</a>
</p>
</div>
<div class="right">
<img src="/images/index/community.svg" alt="">
</div>
<div class="clear"></div> </div>
</section>
<div class="eua">
{% for member in teamList %}
{% if member.country %}
{% if member.country == "EUA" %}
{% if member.photo %}
<img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt="">
{% else %}
<img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt="">
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</div>
<section>
<div class="wrapper">
<ul class="team">
{% for member in site.data.team %}
<li>
{% if member.github_username %}
<a href="https://github.com/{{ member.github_username }}">
{% if member.photo %}
<img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt="">
{% else %}
<img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt="">
{% endif %}
</a>
{% else %}
<div class="india">
{% for member in teamList %}
{% if member.country %}
{% if member.country == "India" %}
{% if member.photo %}
<img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt="">
{% else %}
<img src="https://github.com/identicons/RocketChat.png" alt="">
<img src="https://avatars0.githubusercontent.com/u/{{ member.github_uid }}?v=4&s=140" alt="">
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</div>
-->
<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>
{% endif %}
<h3>{{ member.name }}</h3>
<div class="title">{{ member.title }}</div>
</li>
{% endfor %}
</ul>
</div>
</section>
<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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment