Commit f7d1d7fa authored by Sean Packham's avatar Sean Packham

Add team styling

parent b3a1684d
......@@ -13,6 +13,8 @@ body.community {
}
.left {
padding-right: 50px;
img {
max-width: 35px;
display: inline-block;
......
......@@ -252,12 +252,14 @@ header {
.left {
float: left;
width: 45%;
width: 50%;
padding-right: 15px;
}
.right {
float: right;
width: 50%;
padding-left: 15px;
}
footer {
......@@ -535,11 +537,6 @@ table {
}
footer {
.left, .right {
max-width: 100%;
float: none;
}
.links ul:first-child {
padding-left: 0;
}
......
body.team {
.left {
padding-right: 50px;
}
.right img {
margin-top: -60px;
}
ul.team {
list-style: none;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 0.25fr);
grid-gap: 20px;
li {
border: 1px solid #eee !important;
border-radius: 2px;
padding: 10px;
height: 200px;
}
}
}
......@@ -23,7 +23,6 @@ class: community
</p>
<p>
<a target="_blank" href="https://github.com/RocketChat"><img src="{{ site.url }}/images/social/github.svg" alt="GitHub"></a>
<a target="_blank" href="https://www.linkedin.com/company/rocket-chat"><img src="{{ site.url }}/images/social/linkedin.svg" alt="LinkedIn"></a>
<a target="_blank" href="https://www.facebook.com/RocketChat"><img src="{{ site.url }}/images/social/facebook.svg" alt="Facebook"></a>
<a target="_blank" href="https://twitter.com/RocketChat"><img src="{{ site.url }}/images/social/twitter.svg" alt="Twitter"></a>
</p>
......
......@@ -12,4 +12,5 @@
@import "partners";
@import "press";
@import "contact";
@import "team";
@import "blog/index";
......@@ -3,24 +3,40 @@ layout: en/default
class: team
---
<h1>Team</h1>
<section class="header">
<h1>Team Rocket.Chat</h1>
<em>The core team keeping the rockets firing</em>
</section>
<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. 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>
<section>
<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>
</div>
<div class="right">
<img src="{{ site.url }}/images/index/community.svg" alt="">
</div>
<div class="clear"></div>
</section>
<ul>
{% for member in site.data.team %}
<li>
<div style="background-image: url('{{ site.url }}/images/team/{{ member.name | slugify }}')/small.png"></div>
<h3>{{ member.name }}</h3>
<p>{{ member.title }}</p>
<p>{{ member.department }}</p>
</li>
{% endfor %}
</ul>
<section>
<ul class="team">
{% for member in site.data.team %}
<li>
<div style="background-image: url('{{ site.url }}/images/team/{{ member.name | slugify }}')/small.png"></div>
<h3>{{ member.name }}</h3>
<p>{{ member.title }}</p>
<p>{{ member.department }}</p>
</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