Commit 8e4b7ad9 authored by Gabriel Engel's avatar Gabriel Engel

renamed download page to install

parent 9849e20b
......@@ -15,9 +15,9 @@
<p>Primary button with icon</p>
<p>
<a href="/download" class="button">
<span class="button--icon"><img src="/images/default/download--white.svg" alt="Download"></span>
<span>Download</span>
<a href="/install" class="button">
<span class="button--icon"><img src="/images/default/install--white.svg" alt="Install"></span>
<span>Install</span>
</a>
</p>
......
......@@ -3,7 +3,7 @@
<h1 class="display">Hero component</h1>
<section class="container hero">
<h1 class="display--big theme_type--brand">Download Rocket.Chat</h1>
<h1 class="display--big theme_type--brand">Install Rocket.Chat</h1>
<p class="display--small theme_type--brand">For your desktop, mobile or server</p>
</section>
......
......@@ -24,7 +24,7 @@ layout: default
<li><a {% if page.class == 'blog' %}class="current-page"{%endif%} href="/blog/">Blog</a></li>
<li><a {% if page.class == 'contact' %}class="current-page"{%endif%} href="/contact">Contact</a></li>
</ul>
<a class="app-header_download" href="/download"><span><img src="/images/default/cloud.svg" alt="Download"></span> Try now</a>
<a class="app-header_install" href="/install"><span><img src="/images/default/cloud.svg" alt="Install"></span> Try now</a>
</nav>
</div>
</header>
......@@ -77,8 +77,8 @@ layout: default
<input id="menu4" type="checkbox" />
<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" title="download"><span style="margin-top: -0.1em;"><img src="/images/default/cloud.svg" alt="Download"></span> Install</a></li>
<li><a class="app-footer_install" 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_install" href="/install" title="install"><span style="margin-top: -0.1em;"><img src="/images/default/cloud.svg" alt="Install"></span> Install</a></li>
</ul>
</div>
......
......@@ -38,9 +38,9 @@ class: post
{% if page.ios_release %}
<div class="card theme_box--light blog-post__social flex-grid grid--center">
<p class="display--small type--nomargin col">Download the last release:</p>
<p class="display--small type--nomargin col">Install the last release:</p>
<a href="https://itunes.apple.com/app/rocket-chat/id1148741252">
<img class="itunes" src="/images/download/itunes-store.svg">
<img class="itunes" src="/images/install/itunes-store.svg">
</a>
</div>
{% endif %}
......
......@@ -9,7 +9,7 @@ class: index
<img src="/images/default/logo.svg" alt="Rocket.Chat">
</a>
<ul>
<li><a {% if page.class == 'download' %}class="active"{%endif%} href="/pt/download">Download</a></li>
<li><a {% if page.class == 'install' %}class="active"{%endif%} href="/pt/install">Install</a></li>
<li><a {% if page.class == 'suppport' %}class="active"{%endif%} href="/pt/support">Suporte</a></li>
<li><a {% if page.class == 'cloud' %}class="active"{%endif%} href="/pt/cloud">Cloud</a></li>
<li><a {% if page.class == 'community' %}class="active"{%endif%} href="/pt/community">Comunidade</a></li>
......@@ -26,7 +26,7 @@ class: index
<footer>
<div class="wrapper">
<ul>
<li><a href="/pt/download">Download</a></li>
<li><a href="/pt/install">Install</a></li>
<li><a href="/pt/support">Suporte</a></li>
<li><a href="/pt/cloud">Cloud</a></li>
<li><a href="https://rocket.chat/docs/">Documentação</a></li>
......
......@@ -193,7 +193,7 @@ input:checked + .app-footer_pre-menu:after {
top: 0.9em;
}
.app-footer_download {
.app-footer_install {
@include flexbox();
transition: color 0.3s ease;
......
......@@ -90,7 +90,7 @@
transition: color 0.3s ease;
}
.app-header_download {
.app-header_install {
margin-top: 1em;
margin-bottom: 1em;
padding-top: 1em;
......@@ -194,7 +194,7 @@
);
}
.app-header_download,
.app-header_install,
.app-header_menu li {
color: #fff;
......@@ -203,7 +203,7 @@
}
}
.app-header_download {
.app-header_install {
border-top: 1px solid #121f33;
@media screen and (min-width: $tablet) {
......@@ -249,7 +249,7 @@
);
}
.app-header_download,
.app-header_install,
.app-header_menu li {
color: $space;
......@@ -258,7 +258,7 @@
}
}
.app-header_download {
.app-header_install {
border-top: 1px solid #e7ebf2;
@media screen and (min-width: $tablet) {
......
......@@ -26,7 +26,7 @@ body.cloud {
}
}
.app-header_download,
.app-header_install,
.app-header_menu li {
color: #fff;
......
......@@ -94,7 +94,7 @@
}
.community__hero-download-btn {
.community__hero-install-btn {
@include flexbox();
@include align-items(center);
......
......@@ -83,7 +83,7 @@
min-height: 90vh;
}
.download {
.install {
text-align: center;
margin: 2em 0;
......@@ -387,11 +387,11 @@
}
//
// Home download
// Home install
//
.home-download {
.home-install {
background-repeat: no-repeat;
background-image: url("/images/download/mobile-haft.png");
background-image: url("/images/install/mobile-haft.png");
background-position: center bottom;
background-size: auto 20em;
padding-bottom: 20em;
......@@ -399,7 +399,7 @@
@media (min-width: $tablet) {
@include flexbox();
padding-bottom: 0;
background-image: url("/images/download/mobile.png");
background-image: url("/images/install/mobile.png");
background-size: auto 110%;
background-position: right -40% bottom;
margin-top: -19em;
......@@ -419,7 +419,7 @@
}
}
.home-download__icons {
.home-install__icons {
@media (min-width: $tablet) {
max-width: 75%;
}
......@@ -433,7 +433,7 @@
}
}
.home-download__button {
.home-install__button {
text-align: center;
margin: 2em 0;
......
.download-hero__image {
.install-hero__image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-image: url('../images/download/hero.jpg');
background-image: url('../images/install/hero.jpg');
background-position: center 21em;
background-repeat: no-repeat;
background-size: 100% auto;
@media screen and (min-width: $tablet) {
background-image: url('../images/download/hero@2x.jpg');
background-image: url('../images/install/hero@2x.jpg');
background-position: center top;
background-size: 100% auto;
}
}
.download-apps {
.install-apps {
margin-bottom: 5em;
@media (min-width: $tablet) {
......@@ -29,7 +29,7 @@
}
}
.select-download {
.select-install {
border: 1px solid $grey-dark;
background: $space-b;
......@@ -47,10 +47,10 @@
}
}
.download-mobile {
.install-mobile {
margin-bottom: 5em;
background-repeat: no-repeat;
background-image: url("/images/download/mobile-haft.png");
background-image: url("/images/install/mobile-haft.png");
background-position: center bottom;
background-size: auto 20em;
padding-bottom: 20em;
......@@ -58,7 +58,7 @@
@media (min-width: $tablet) {
@include flexbox();
padding-bottom: 1.5em;
background-image: url("/images/download/mobile.png");
background-image: url("/images/install/mobile.png");
background-size: auto 90%;
background-position: right -40% bottom;
margin-bottom: 10em;
......@@ -84,7 +84,7 @@
}
}
.download-server {
.install-server {
margin-bottom: 5em;
@media (min-width: $tablet) {
......
......@@ -47,11 +47,11 @@ redirect_from:
<div class="col--third">
<h3 class="display--small theme_type--dark"><strong>Use and Share</strong></h3>
<p class="theme_type--grey type--nomargin">Download and install your own server and share Rocket.Chat with your friends and colleagues who haven't experienced the power of an open source team chat platform.</p>
<p class="theme_type--grey type--nomargin">Install your own server and share Rocket.Chat with your friends and colleagues who haven't experienced the power of an open source team chat platform.</p>
<div class="space--2"></div>
<a href="/download/" class="button--link community__hero-download-btn">
<span><img src="/images/default/download.svg" alt="Download"></span>
Download
<a href="/install/" class="button--link community__hero-install-btn">
<span><img src="/images/default/install.svg" alt="Install"></span>
Install
</a>
</div>
</div>
......
......@@ -5,7 +5,7 @@
<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">
<g id="24x24/installs--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>
......
......@@ -5,7 +5,7 @@
<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">
<g id="24x24/installs--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="#1D74F5" stroke-width="1.5"></path>
</g>
......
......@@ -25,8 +25,8 @@ redirect_from:
<div class="home-hero_wrap home-landingpage">
<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 button--ghost">Install now</a>
<div class="install">
<a href="/install" 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>
......@@ -289,25 +289,25 @@ redirect_from:
<section class="container">
<div class="space--4"></div>
<div class="card theme_box--dark-strong home-download">
<div class="card theme_box--dark-strong home-install">
<div class="wrap">
<p class="label theme_type--grey">Web, Desktop &amp; Mobile</p>
<h2 class="display theme_type--dark">For all platforms</h2>
<p class="theme_type--grey">You can take Rocket.Chat anywhere with our web, desktop &amp; mobile apps, LiveChat clients and SDK.</p>
<div class="home-download__icons">
<img src="/images/download/windows.svg" alt="Rocket.Chat for Windows" />
<img src="/images/download/macos.svg" alt="Rocket.Chat for MacOS" />
<img src="/images/download/linux.png" alt="Rocket.Chat for Linux" />
<img src="/images/download/ios.svg" alt="Rocket.Chat for iOS" />
<img src="/images/download/android.svg" alt="Rocket.Chat for Android" />
<div class="home-install__icons">
<img src="/images/install/windows.svg" alt="Rocket.Chat for Windows" />
<img src="/images/install/macos.svg" alt="Rocket.Chat for MacOS" />
<img src="/images/install/linux.png" alt="Rocket.Chat for Linux" />
<img src="/images/install/ios.svg" alt="Rocket.Chat for iOS" />
<img src="/images/install/android.svg" alt="Rocket.Chat for Android" />
</div>
<div class="space--2"></div>
<div class="home-download__button">
<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>
<div class="home-install__button">
<a href="/install" class="button" title="install">
<span class="button--icon" style="margin-top: -0.3em;"><img src="/images/default/cloud--white.svg" alt="Install"></span>
<span>Install</span>
</a>
</div>
......
This diff is collapsed.
......@@ -293,7 +293,7 @@ if (document.querySelector(".js-download")) {
var homeChat = document.querySelector('.home-landingpage__chat');
var support = document.querySelector('.support-hero__image');
var cloud = document.querySelector('.cloud-hero__image');
var download = document.querySelector('.download-hero__image');
var install = document.querySelector('.install-hero__image');
var partners = document.querySelector('.partners-hero__image');
var partnersBody = document.querySelector('body.partners');
......@@ -302,7 +302,7 @@ if (document.querySelector(".js-download")) {
if (homeChat) homeChat.style.transform = 'translate3d(0, 0, 0) rotate(' + (scrollY - 1000) / 140 + 'deg)';
if (onlyDesktop && support) support.style.transform = 'translate3d(0, ' + scrollY / 10 + 'px, 0)';
if (onlyDesktop && cloud) cloud.style.transform = 'translate3d(0, ' + scrollY / 10 + 'px, 0)';
if (onlyDesktop && download) download.style.transform = 'translate3d(0, ' + scrollY / 10 + 'px, 0)';
if (onlyDesktop && install) install.style.transform = 'translate3d(0, ' + scrollY / 10 + 'px, 0)';
// if (onlyDesktop && partners) partners.style.transform = 'translate3d(0, ' + scrollY / 7 + 'px, 0)';
if (onlyDesktop && partnersBody) partnersBody.style.backgroundPositionY = (scrollY - 3300) / -7 + 'px';
......
......@@ -23,7 +23,7 @@
// Pages
@import "pages/home";
@import "pages/download";
@import "pages/install";
@import "pages/team";
@import "pages/blog";
@import "pages/free-page";
......
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