Commit e62791f5 authored by Danilo Woznica's avatar Danilo Woznica

A few fixes at home and cloud

parent 2b4b6612
......@@ -78,7 +78,7 @@ layout: default
<label for="menu4" class="app-footer_pre-menu">Get started</label>
<ul class="app-footer_nav">
<li><a class="app-footer_download" target="_blank" rel="noopener noreferrer" href="//cloud.rocket.chat/trial/small"><span><img src="/images/default/free-trial.svg" alt="Free trial"></span> Free trial</a></li>
<li><a class="app-footer_download" href="/download"><span><img src="/images/default/download.svg" alt="Download"></span> Download</a></li>
<li><a class="app-footer_download" href="/download" title="download"><span style="margin-top: -0.1em;"><img src="/images/default/cloud.svg" alt="Download"></span> Install</a></li>
</ul>
</div>
......
......@@ -300,7 +300,7 @@
+ section {
padding-top: 16em;
@media screen and (min-width: $tablet) {
padding-top: 23em;
padding-top: 26em;
padding-bottom: 15em;
}
}
......@@ -314,7 +314,6 @@
.list-img {
text-align: center;
min-width: 3.5em;
padding-right: 0.5em;
img {
......
......@@ -82,6 +82,29 @@
}
}
.button--dark {
@include reset;
@include defaultStyle;
@include disabledStyle;
background: $space;
color: #fff;
&:hover {
opacity: .7;
}
&:active {
background-color: $grey-light;
box-shadow: inset 0 2px 0 0 $grey;
}
&.disabled,
&[disabled] {
border-color: $grey-bg;
}
}
.button--text {
@include reset;
@include defaultStyle;
......
......@@ -20,7 +20,7 @@ redirect_from:
<p class="display--small theme_type--dark">The worry free way to host, manage &amp; scale Rocket.Chat</p>
<br />
<br />
<a href="#pricing" class="button--ghost">See plans</a>
<a href="#pricing" class="button--dark">See plans</a>
<a href="//cloud.rocket.chat/trial/small" target="_blank" rel="noopener noreferrer" rel="noopener noreferrer" class="button--blank">Start Trial</a>
</section>
......
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch -->
<title>Slice</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="🏠-home" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="24x24/downloads--dark">
<rect id="Rectangle-3" x="0" y="0" width="24" height="24"></rect>
<path d="M14.9937744,18 L18,18 C20.209139,18 22,16.209139 22,14 C22,11.790861 20.209139,10 18,10 C18,8.34314575 16.6568542,7 15,7 C14.2524033,7 13.5686759,7.27345718 13.0433869,7.72580245 C12.2196198,6.6751084 10.9386499,6 9.5,6 C7.01471863,6 5,8.01471863 5,10.5 C5,11.0259531 5.09023133,11.5308316 5.25605856,12 L5,12 C3.34314575,12 2,13.3431458 2,15 C2,16.6568542 3.34314575,18 5,18 L8.49377441,18 L14.9937744,18 Z" id="Combined-Shape" stroke="#ffffff" stroke-width="1.5"></path>
</g>
</g>
</svg>
\ No newline at end of file
images/index/devices.png

264 KB | W: | H:

images/index/devices.png

258 KB | W: | H:

images/index/devices.png
images/index/devices.png
images/index/devices.png
images/index/devices.png
  • 2-up
  • Swipe
  • Onion skin
images/index/live-chat.png

11.9 KB | W: | H:

images/index/live-chat.png

43 KB | W: | H:

images/index/live-chat.png
images/index/live-chat.png
images/index/live-chat.png
images/index/live-chat.png
  • 2-up
  • Swipe
  • Onion skin
images/index/live-chat@2x.png

30 KB | W: | H:

images/index/live-chat@2x.png

118 KB | W: | H:

images/index/live-chat@2x.png
images/index/live-chat@2x.png
images/index/live-chat@2x.png
images/index/live-chat@2x.png
  • 2-up
  • Swipe
  • Onion skin
images/index/live-chat@3x.png

54.5 KB | W: | H:

images/index/live-chat@3x.png

204 KB | W: | H:

images/index/live-chat@3x.png
images/index/live-chat@3x.png
images/index/live-chat@3x.png
images/index/live-chat@3x.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -26,15 +26,14 @@ redirect_from:
<h1 class="display--big theme_type--dark">Open Source Team Communication</h1>
<p class="display--small theme_type--grey">Rocket.Chat is free, unlimited and open source. Replace email &amp; Slack with the ultimate team chat software solution.</p>
<div class="download">
<a href="/download" class="button">Install now</a>
<a href="/download" class="button button--ghost">Install now</a>
<a href="//cloud.rocket.chat/trial/small" target="_blank" rel="noopener noreferrer" class="button">Start cloud trial</a>
</div>
</div>
<img
class="home-hero_image"
srcset="/images/index/devices.png, /images/index/devices@2x.png 2x, /images/index/devices@3x.png 3x"
src="/images/index/devices.png" alt="Rocket Chat apps"
src="/images/index/devices@3x.png" alt="Rocket Chat apps"
/>
</section>
</div>
......@@ -129,30 +128,30 @@ redirect_from:
<div class="list flex-grid">
<div class="col">
<p class="theme_type--dark flex-grid--nobreak">
<span class="col--free no-gutter list-img"><img src="/images/index/users.svg" alt="Users" /> </span>
<span class="list-img"><img src="/images/index/users.svg" alt="Users" /> </span>
<span>Users</span>
</p>
<p class="theme_type--dark flex-grid--nobreak">
<span class="col--free no-gutter list-img"><img src="/images/index/channels.svg" alt="Channels" /> </span>
<span class="list-img"><img src="/images/index/channels.svg" alt="Channels" /> </span>
<span>Channels</span>
</p>
<p class="theme_type--dark flex-grid--nobreak">
<span class="col--free no-gutter list-img"><img src="/images/index/searches.svg" alt="Searches" /> </span>
<span class="list-img"><img src="/images/index/searches.svg" alt="Searches" /> </span>
<span>Searches</span>
</p>
</div>
<div class="col">
<p class="theme_type--dark flex-grid--nobreak">
<span class="col--free no-gutter list-img"><img src="/images/index/messages.svg" alt="Messages" /> </span>
<span class="list-img"><img src="/images/index/messages.svg" alt="Messages" /> </span>
<span>Messages</span>
</p>
<p class="theme_type--dark flex-grid--nobreak">
<span class="col--free no-gutter list-img"><img src="/images/index/guests.svg" alt="Guests" /> </span>
<span class="list-img"><img src="/images/index/guests.svg" alt="Guests" /> </span>
<span>Guests</span>
</p>
<p class="theme_type--dark flex-grid--nobreak">
<span class="col--free no-gutter list-img"><img src="/images/index/upload.svg" alt="File uploads" /> </span>
<span class="list-img"><img src="/images/index/upload.svg" alt="File uploads" /> </span>
<span>File uploads</span>
</p>
</div>
......@@ -307,9 +306,9 @@ redirect_from:
<div class="space--2"></div>
<div class="home-download__button">
<a href="/download" class="button">
<span class="button--icon"><img src="/images/default/download--white.svg" alt="Download"></span>
<span>Download</span>
<a href="/download" class="button" title="download">
<span class="button--icon" style="margin-top: -0.3em;"><img src="/images/default/cloud--white.svg" alt="Download"></span>
<span>Install</span>
</a>
</div>
</div>
......
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