Commit 153ad661 authored by Sean Packham's avatar Sean Packham

Finished

parent 30717c86
......@@ -21,7 +21,7 @@ small:
<div>
For new teams or small communities
</div>
<a class="button red" href="#">Start Trial</a>
<a class="button red" href="https://cloud.rocket.chat/trial/small">Start Trial</a>
<div class="pricing"><span>$50</span>/month</div>
total: 500
concurrent: Up to 50
......@@ -38,7 +38,7 @@ medium:
<div>
For growing teams or communities with increased activity
</div>
<a class="button red" href="#">Start Trial</a>
<a class="button red" href="https://cloud.rocket.chat/trial/medium">Start Trial</a>
<div class="pricing"><span>$200</span>/month</div>
total: 5,000
concurrent: Up to 200
......@@ -55,7 +55,7 @@ large:
<div>
For active or large enterprises or communities
</div>
<a class="button red" href="#">Start Trial</a>
<a class="button red" href="https://cloud.rocket.chat/trial/large">Start Trial</a>
<div class="pricing"><span>$500</span>/month</div>
total: 50,000
concurrent: Up to 500
......
......@@ -71,7 +71,7 @@ cloud:
<div>
Your own private, hosted and manged server on the Rocket.Chat Cloud.
</div>
<a class="button red" href="#">Start Trial</a>
<a class="button red" href="https://cloud.rocket.chat/trial/small">Start Trial</a>
<a class="block" href="../cloud/">Find out more</a>
<div class="pricing">From <span>$50</span>/month</div>
setup: Instant
......
......@@ -17,7 +17,7 @@ basic:
<div>
Get Basic support and have the Rocket.Chat experts on-hand in case of an emergency
</div>
<a class="button highlight" href="#">Contact Us</a>
<a class="button highlight" href="../contact/index.html#message">Contact Us</a>
<div class="pricing">From <span>$299</span>/month</div>
response: 1 business day
critical: 1 hour
......@@ -36,7 +36,7 @@ plus:
<div>
For larger teams who need quicker responses and 24x7 phone support
</div>
<a class="button highlight" href="#">Contact Us</a>
<a class="button highlight" href="../contact/index.html#message">Contact Us</a>
<div class="pricing">From <span>$549</span>/month</div>
response: 8 hour, business day
critical: 1 hour
......
- name: Gabriel Engel
title: CEO
title: Founder &amp; CEO
github_uid: 1000217
github_username: engelgabriel
department:
username:
- name: Marcelo Schmidt
title: COO
github_uid: 1986378
github_username: marceloschmidt
department: Operations
username: marcelo.schmidt
- name: Rodrigo Nascimento
title: CTO
github_uid: 234261
github_username: rodrigok
department: Technology
username: rodrigo.nascimento
- name: Sing-Li
title: VP of Partnerships
github_uid: 122633
github_username: Sing-Li
department: Sales
username:
- name: Aaron Ogle
title: VP of Cloud Engineering
github_uid: 51996
github_username: geekgonecrazy
department: Cloud
username: aaron.ogle
- name: Rafael Kellermann Streit
title: VP of Mobile Engineering
github_uid: 551004
github_username: rafaelks
department: Mobile
username: rafael.kellermann
- name: Sean Packham
title: VP of Marketing
github_uid: 3830791
github_username: SeanPackham
department: Marketing
username: sean.packham
- name: Martin Schoeler
title: Full Stack Engineer
github_uid: 20868078
github_username: MartinSchoeler
department: Technology
username: martin.schoeler
- name: Guilherme Gazzo
title: Full Stack Engineer
github_uid: 5263975
github_username: ggazzo
department:
username: guilherme.gazzo
- name: Diego Sampaio
title: VP of Engineering
github_uid: 8591547
github_username: sampaiodiego
department:
username: diego.sampaio
- name: Bradley Hilton
title:
github_uid: 850391
github_username: graywolf336
department: Technology
username: bradley.hilton
- name: Gabriel Delavald
title: Front End Engineer
github_uid: 6303966
github_username: gdelavald
department: Technology
username: gabriel.delavald
- name: Karl Prieb
title: Front End Engineer
github_uid: 9200155
github_username: karlprieb
department: Technology
username: karl.prieb
- name: Leonardo Aramaki
title: Android Engineer
github_uid: 625702
github_username: leonardoaramaki
department: Mobile
username: leonardo.aramaki
- name: Lucio Maciel
title: Android Engineer
github_uid: 224255
github_username: luciofm
department: Mobile
username: lucio.maciel
- name: Patricia Ferreira
title: Administrative Coordinator
github_uid:
github_username:
department: Admin
username: patriciaferreira
- name: Júlia Grala
title: Business Development Representative
department: Sales, Marketing
title: BDR
github_uid: 30629556
github_username: juliagrala
department: Sales
username: julia.grala
- name: Ramon Nobre
title: Sales Intern
github_uid: 29659957
github_username: RamonNobre
department: Sales
username: ramon.nobre
- name: Arthur Della Giustina
title: UX and Graphic Designer
department: Marketing
title: Graphic Designer
github_uid: 30700871
github_username: RamonNobre
department: Sales
username: arthur.giustina
- name: Bernardo Trevisan
title: Operations Intern
github_uid: 31044115
github_username: bernardoetrevisan
department: Operations
username: bernardo.trevisan
- name: Diego Dorgam
hide: true
title:
department:
title: Developer
github_uid: 12052193
github_username: diegodorgam
department: Development
username:
- name: Filipe Brito
hide: true
title:
department:
title: Developer
github_uid: 11776825
github_username: filipedelimabrito
department: Development
username:
......@@ -61,7 +61,7 @@ class: index
<ul>
<li><a href="{{ site.url }}/contact/">Contact</a></li>
<li><a href="{{ site.url }}/press/">Press</a></li>
<li><a href="{{ site.url }}/news/">Blog</a></li>
<li><a href="{{ site.url }}/blog/">Blog</a></li>
</ul>
<ul>
<li><a href="https://shop.spreadshirt.com/rocketchat" target="_blank">Store</a></li>
......
......@@ -64,4 +64,25 @@ body.blog {
}
}
@media all and (max-width: 900px) {
ul.posts {
display: block;
li {
height: 300px;
.header {
height: 120px;
}
.content .top {
height: 130px;
}
}
}
}
}
body.cloud {
min-width: 1000px;
.testimonials img {
max-width: 150px;
......
body.community {
.header {
margin-bottom: 4em;
}
.connect {
ul {
......@@ -28,22 +32,16 @@ body.community {
}
.involved {
margin-bottom: 0;
ul {
list-style: none;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 0.33fr);
grid-gap: 40px;
}
li {
width: 28%;
float: left;
margin-right: 7%;
margin-bottom: 2em;
}
li:nth-child(3), li:nth-child(6) {
margin-right: 0;
}
img {
max-width: 38px;
float: left;
......@@ -60,5 +58,25 @@ body.community {
clear: both;
}
}
@media all and (max-width: 900px) {
.header {
margin: 0;
}
.right img {
display: none;
}
.connect {
margin: 0;
}
.involved ul {
display: block;
}
}
}
body.index {
.wrapper > .main {
padding: 0;
}
.hero {
background-color: #2c3d57;
padding: 0 0 25px;
padding: 1em 0 2em;
margin-bottom: 50px;
color: #fff;
.main {
max-width: $content-width;
max-width: $wrapper-width;
margin-bottom: 0;
}
......@@ -26,7 +22,6 @@ body.index {
font-family: $serif-font-family;
font-size: 48px;
line-height: 1.2em;
// margin-top: -0.2em;
margin-bottom: 40px;
color: #fff;
......@@ -67,7 +62,7 @@ body.index {
}
.solutions {
width: 875px;
max-width: $content-width;
margin-left: auto;
margin-right: auto;
padding-top: 0;
......@@ -182,7 +177,7 @@ body.index {
}
.focus {
width: 875px;
max-width: $content-width;
margin: 0 auto;
margin-bottom: 1em;
......@@ -225,5 +220,42 @@ body.index {
margin-top: -70px;
}
}
@media all and (max-width: 900px) {
.focus {
margin: 0;
}
.hero {
br {
content: " ";
display: none;
}
.left {
float: none;
width: 100%;
padding: 0;
}
.right {
float: none;
width: 100%;
padding: 0;
}
}
.clients {
margin: 0;
}
.community, .features, .livechat, .translation, .apps, .own {
img {
margin: 0;
display: none;
}
}
}
}
......@@ -15,7 +15,10 @@ $serif-font-family:
medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
$content-width: 1050px;
$wrapper-width: 1050px;
$content-width: 900px;
$post-width: 800px;
$content-padding: 25px;
$wrapper-background: #ffffff;
......@@ -137,10 +140,6 @@ code, pre {
color: $code-color;
font-family: $code-font-family;
font-size: $code-font-size;
@media(max-width: $content-width) {
overflow-x: scroll;
}
}
pre {
......@@ -180,41 +179,36 @@ body {
// wrap header and .main, give it a white background
.wrapper {
padding-bottom: 3em;
background: $wrapper-background;
}
header, footer {
font-family: $ui-font-family;
}
header, .main {
padding: $content-padding;
}
.header-wrapper {
background-color: #2c3d57;
}
header {
max-width: $content-width;
max-width: $wrapper-width;
margin: 0 auto;
padding: 12px $content-padding;
padding: 12px 1em 8px;
color: #fff;
font-size: $header-font-size;
a.logo img {
margin: 0 0 -12px;
display: inline-block;
color: #fff;
height: 28px;
}
ul {
margin: 0;
margin: 4px 0;
padding: 0;
list-style: none;
float: right;
line-height: 28px;
}
li {
......@@ -243,10 +237,15 @@ header {
a.active {
text-decoration: underline;
}
.main {
padding: $content-padding;
}
}
.main {
max-width: $content-width;
padding: 0 1em;
margin: 0 auto;
}
......@@ -263,16 +262,15 @@ header {
}
footer {
border-top: 1px solid #ccc;
margin: 0 auto;
// padding: 25px 0;
background-color: $footer-background;
color: $footer-color;
font-size: $footer-font-size;
padding: 0 1em;
.main {
padding: $content-padding 0;
// max-width: 1000px;
max-width: $wrapper-width;
}
.left {
......@@ -329,9 +327,8 @@ footer {
}
.testimonials {
width: 800px;
max-width: 800px;
margin: 0 auto;
padding: 20px 0 50px;
h3 {
font-size: 32px;
......@@ -375,7 +372,7 @@ section {
padding: 20px 0;
&.header {
margin-bottom: 3em;
margin: 1em 0 3em;
em {
display: block;
......@@ -387,7 +384,7 @@ section {
}
.faq {
max-width: 900px;
max-width: $content-width;
margin: 0 auto;
ol {
......@@ -397,7 +394,7 @@ section {
}
table {
max-width: 900px;
max-width: $content-width;
margin: 0 auto;
border-collapse: collapse;
width: 100%;
......@@ -524,21 +521,23 @@ table {
// tablet
@media all and (max-width: 800px) {
header {
h2 {
display: block;
}
ul {
float: left;
}
li {
padding-left: 0;
padding-right: 18px;
}
header ul {
float: none;
}
.left {
float: none;
width: 100%;
padding: 0;
}
.right {
float: none;
width: 100%;
padding: 0;
}
footer {
.links ul:first-child {
padding-left: 0;
......
......@@ -3,7 +3,7 @@ body.post {
.post {
margin: 0 auto;
width: 800px;
max-width: $post-width;
min-height: 500px;
margin-bottom: 3em;
}
......@@ -28,7 +28,11 @@ body.post {
font-style: normal;
font-size: 20px;
line-height: 1.58;
letter-spacing: -.003em;;
letter-spacing: -.003em;
img {
max-width: $post-width;
}
}
}
body.partners {
ul {
ul.partners {
list-style: none;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 0.5fr);
grid-gap: 30px;
div {
width: 360px;
height: 180px;
background: white;
background-size: cover;
......
......@@ -46,7 +46,8 @@ body.press {
}
.contact {
margin-bottom: 40px;
margin-bottom: 0;
padding-bottom: 3em;
img {
max-width: 150px;
......
body.solutions {
section {
margin-bottom: 30px;
}
section.center img {
margin-top: 25px;
height: 130px;
}
.testimonials {
margin-bottom: 0;
......
body.team {
.header {
margin-bottom: 4em;
}
.left {
padding-right: 50px;
}
......@@ -17,10 +21,43 @@ body.team {
grid-gap: 20px;
li {
border: 1px solid #eee !important;
border-radius: 2px;
padding: 10px;
height: 200px;
margin-bottom: 15px;
h3 {
font-size: 15px;
text-align: center;
margin-bottom: 3px;
}
.title {
font-size: 12px;
height: 24px;
text-align: center;
}
img {
filter: grayscale(1);
max-width: 120px;
border-radius: 50%;
}
}
}
@media all and (max-width: 800px) {
.header {
margin: 0;
}
.right img {
display: none;
}
ul.team {
grid-template-columns: repeat(2, 0.5fr);
grid-gap: 10px;
}
}
......
......@@ -3,7 +3,7 @@ layout: en/default
class: blog
---
<section class="header">
<section class="header center">
<h1>Rocket.Chat Blog</h1>
<em>Find out what the Rocket.Chat team and community have been up to</em>
</section>
......
......@@ -3,7 +3,7 @@ layout: en/default
class: community
---
<section class="header">
<section class="header center">
<h1>Join the Rocket.Chat Community</h1>
<em>Be part of a passionate, global and active open source community</em>
</section>
......
......@@ -3,8 +3,9 @@ layout: en/default
class: contact
---
<section class="header">
<section class="header center">
<h1>Contact the Rocket.Chat Team</h1>
<em>Feature request, bug, sales enquiry or just share your Rocket.Chat story with us</em>
</section>
<section>
......@@ -34,7 +35,7 @@ class: contact
<div class="clear"></div>
</section>
<section>
<section id="message">
<h2>Send us a message</h2>
<form class="" action="" method="post">
<div class="left">
......
......@@ -3,4 +3,9 @@ layout: en/default
class: jobs
---
<h1>Jobs</h1>
<section class="header center">
<h1>Rocket.Chat Jobs</h1>
<em>Join the Rocket.Chat team and work on open source full-time</em>
</section>
Embed Rectruitee
......@@ -3,13 +3,12 @@ layout: en/default
class: partners
---
<h1>Partnerships</h1>
<section class="header center">
<h1>Rocket.Chat Partners</h1>
<em></em>