Commit d6acd0d5 authored by Sean Packham's avatar Sean Packham

Busy with Significa's home design

parent 4c814f87
......@@ -26,8 +26,6 @@ class: index
</div>
</div>
</div> <!-- main wrapper -->
<footer>
<div class="main">
......@@ -72,5 +70,3 @@ class: index
<div class="clear"></div>
</div>
</footer>
<div>
......@@ -3,6 +3,8 @@ layout: en/default
class: post
---
{{ page.meta_description }}
<div class="post">
<section class="header">
<div class="meta">
......
......@@ -8,4 +8,3 @@ summary: The journey begins, the open road awaits
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `bundle exec jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
$focus-padding: 10em;
body.index {
.hero {
margin-bottom: $focus-padding;
background-color: #2c3d57;
padding: 1em 0 2em;
margin-bottom: 50px;
color: #fff;
.main {
......@@ -19,14 +21,17 @@ body.index {
}
h1 {
font-family: $serif-font-family;
font-size: 48px;
font-family: $ui-font-family;
font-size: 46px;
font-weight: 400;
line-height: 1.2em;
margin-bottom: 40px;
color: #fff;
span {
color: #ccc;
color: #ddd;
font-weight: 200;
font-size: 58px;
}
}
......@@ -61,33 +66,6 @@ body.index {
}
}
.solutions {
max-width: $content-width;
margin-left: auto;
margin-right: auto;
padding-top: 0;
.button {
text-align: center;
font-size: 18px;
padding: 13px 20px;
margin-top: 10px;
}
.left {
.button {
width: 150px;
margin-right: 4px;
}
}
.right .right {
.button {
width: 230px;
}
}
}
.clouds {
// background-repeat: repeat-x;
// background-size: 120% 20%;
......@@ -110,6 +88,129 @@ body.index {
// background-position-y: bottom;
}
.focus {
max-width: $content-width;
margin: 0 auto;
padding: 0 0 $focus-padding;
h2 {
font-size: 32px;
}
p.highlight {
color: $highlight-color;
font-weight: 600;
}
img {
height: 300px;
}
.left, .right {
padding: 0 25px;
}
}
.community {
.right {
img {
margin-top: 2em;
height: inherit;
}
}
.github {
margin-top: 2em;
border-radius: 5px;
background-color: #f7f8fa;
color: #222;
.left {
width: 60%;
padding-top: 1em;
padding-bottom: 1em;
svg {
fill: #222;
margin-bottom: -8px;
margin-right: 10px;
}
a {
color: #222;
display: inline-block;
height: 32px;
line-height: 32px;
font-size: 20px;
font-weight: 600;
}
}
.right {
padding: 1em 0;
border-left: 1px solid #fff;
width: 40%;
text-transform: uppercase;
font-weight: 800;
text-align: center;
font-size: 12px;
.top {
padding-bottom: 0.75em;
margin-bottom: 0.75em;
border-bottom: 1px solid #fff;
}
span {
display: block;
font-size: 20px;
line-height: 22px;
font-weight: 600;
}
}
}
}
.features-wrapper {
background-color: #f7f8fa;
}
.features {
ul {
list-style: none;
padding: 0;
}
li {
width: 50%;
float: left;
}
li:nth-child(4) {
float: right;
}
}
.livechat{
padding-top: $focus-padding;
}
.translation img {
margin-top: -60px;
}
.apps {
margin-top: $focus-padding;
}
.own {
margin-top: 50px;
img {
margin-top: -70px;
}
}
.clients {
background-color: #2c3d57;
text-align: center;
......@@ -147,7 +248,7 @@ body.index {
margin-bottom: -30px;
}
}
.cta {
margin-top: 2em;
margin-bottom: 0;
......@@ -170,59 +271,8 @@ body.index {
}
}
.preview {
margin-bottom: 100px;
img {
max-width: 90%;
}
}
.focus {
max-width: $content-width;
margin: 0 auto;
margin-bottom: 1em;
img {
height: 300px;
}
h2, p {
padding: 0 25px;
}
}
.community {
img {
margin-top: -30px;
}
}
.features img {
margin-top: -30px;
}
.livechat img {
height: 310px;
margin-top: -50px;
}
.translation img {
margin-top: -60px;
}
.apps img {
margin-top: -35px;
}
.own {
margin-top: 50px;
img {
margin-top: -70px;
}
}
@media all and (max-width: 900px) {
.focus {
......
......@@ -4,7 +4,7 @@
$body-color: #6c727a;
$body-background: #2c3d57;
$body-line-height: 1.58;
$body-font-size: 15px;
$body-font-size: 16px;
$content-font-family:
medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
......@@ -14,9 +14,10 @@ $ui-font-family:
$serif-font-family:
medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important;
$highlight-color: #175cc4;
$wrapper-width: 1050px;
$content-width: 900px;
$content-width: 980px;
$post-width: 800px;
$content-padding: 25px;
......@@ -46,7 +47,7 @@ $code-font-family:
"Consolas", "Monaco", "Ubuntu Monospace",
"Courier New", monospace;
$cta-background: #f7f7f7;
$cta-background: #1f2329;
$button-color: #ffffff;
......
......@@ -47,8 +47,8 @@ class: index
<section class="focus community">
<div class="left">
<h2>Open source</h2>
<p>
<h2>Open Source</h2>
<p class="highlight">
Rocket.Chat is the leading open source Slack alternative.
</p>
<p>
......@@ -56,8 +56,28 @@ class: index
we are the largest and most active open source team chat community.
</p>
<p>
<a href="{{ site.url }}/community">Join</a> our open source community.
Join our <a href="{{ site.url }}/community">community</a> and chat to us on
<a target="_blank" href="https://open.rocket.chat">open.rocket.chat</a>.
</p>
<div class="github">
<div class="left">
<a href="#">
<svg height="32" version="1.1" viewBox="0 0 16 16" width="32"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>
Rocket.Chat
</a>
</div>
<div class="right">
<div class="top">
Stars
<span>14.2k</span>
</div>
<div class="bottom">
Forks
<span>3k</span>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="right">
<img src="{{ site.url }}/images/index/community.svg" alt="">
......@@ -65,13 +85,12 @@ class: index
<div class="clear"></div>
</section>
<section class="focus features">
<div class="left">
<img src="{{ site.url }}/images/index/features.svg" alt="">
</div>
<div class="right">
<h2>Enterprise features for free</h2>
<h2>Enterprise Features</h2>
<p>
Rocket.Chat is <strong>free, unlimited and open source</strong>.
</p>
......@@ -80,16 +99,27 @@ class: index
LDAP Group Sync, two-factor authentication (2FA), E2E encryption, SSO and
dozens of OAuth providers.
</p>
<p>
<strong>Unlimited</strong> users, guests, channels, messages, searches and file uploads.
</p>
<h3>Unlimited</h3>
<ul>
<li>Users</li>
<li>Guests</li>
<li>Channels</li>
<li>Messages</li>
<li>Searches</li>
<li>Files</li>
</ul>
</div>
<div class="clear"></div>
</section>
</div>
<div class="features-wrapper">
<div class="main">
<section class="focus livechat">
<div class="left">
<h2>LiveChat widgets</h2>
<h2>LiveChat</h2>
<p>
With Rocket.Chat LiveChat you can add <strong>real-time chat widgets</strong> to any website
or mobile app and get more value from your team chat.
......@@ -110,7 +140,7 @@ class: index
<img src="{{ site.url }}/images/index/translation.svg" alt="">
</div>
<div class="right">
<h2>Real-time message translation</h2>
<h2>Real-time Translation</h2>
<p>
Rocket.Chat uses cutting edge <strong>machine learning</strong> for <strong>automatic real-time message
translation</strong> between users.
......@@ -123,9 +153,13 @@ class: index
<div class="clear"></div>
</section>
</div>
</div>
<div class="main">
<section class="focus apps">
<div class="left">
<h2>Web, desktop &amp; mobile clients</h2>
<h2>Web, Desktop &amp; Mobile</h2>
<p>
With our <strong>web</strong>, <strong>desktop</strong> (Windows, MacOS, Linux (Deb, RPM)),
<strong>mobile</strong> (iOS, Android) and LiveChat clients and SDKs you chat from anywhere.
......@@ -146,7 +180,7 @@ class: index
<img src="{{ site.url }}/images/index/business.svg" alt="">
</div>
<div class="right">
<h2>Customize &amp; make it your own</h2>
<h2>Customizable</h2>
<p>
With our <strong>integrations</strong>, <strong>plugins</strong>, <strong>themes</strong>,
data importers, powerful <strong>APIs</strong>, <a target="_blank" href="https://rocket.chat/docs">documentation</a>
......@@ -205,7 +239,7 @@ class: index
</div>
<div class="right">
<h3>Brazilian Space Agency - <span>Aerospace</span></h3>
<h4>Flávio Silva - <span>Technology Researcher</span></h4>
<h4>Fl&aacute;vio Silva - <span>Technology Researcher</span></h4>
<p>
We have used Rocket.Chat for a year and a half, we love that we can host
it on our own infrastructure, giving us confidence about our data security
......
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