Commit 1bc9e30b authored by Sean Packham's avatar Sean Packham

Clouds

parent 2cb54ee8
......@@ -4,9 +4,13 @@ $focus-padding: 12em;
body.index {
.hero {
margin-bottom: $focus-padding;
background-image: url('images/index/clouds.png');
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
margin-bottom: 6em;
background-color: #2f343e;
padding: 6em 0;
padding: 6em 0 10em;
color: #fff;
.main {
......@@ -62,28 +66,6 @@ body.index {
}
}
.clouds {
// background-repeat: repeat-x;
// background-size: 120% 20%;
height: 100%;
display: block;
background-repeat: repeat-x;
}
.clouds.back {
// background-image: url('images/index/clouds-back.svg');
// background-position-y: bottom;
}
.clouds.rocket {
// background-image: url('images/index/rocket.svg');
}
.clouds.front {
// background-image: url('images/index/clouds-front.svg');
// background-position-y: bottom;
}
.focus {
max-width: $content-width;
margin: 0 auto;
......
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63.75 58.93"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:#fff;}.cls-2,.cls-3,.cls-4{stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:none;}.cls-4{mix-blend-mode:multiply;}</style></defs><title>icon-rocket</title><g class="cls-1"><g id="Layer_1" data-name="Layer 1"><path class="cls-2" d="M28.44,51.47S19,35.07,32.76,20.34c0,0,10.43,10.8,1.25,30.75C34,51.09,29.83,50.29,28.44,51.47Z"/><circle class="cls-3" cx="31.19" cy="36.38" r="2.31" transform="translate(-16.69 38.2) rotate(-51.57)"/><path class="cls-2" d="M25.32,39.63a13.1,13.1,0,0,0-4.44,14.55s3.61-3.4,7.56-2.7C28.44,51.47,25.2,47.56,25.32,39.63Z"/><path class="cls-2" d="M37.57,39.51A13.1,13.1,0,0,1,40.5,54.43S37.26,50.68,33.25,51C33.25,51,36.87,47.41,37.57,39.51Z"/><line class="cls-3" x1="26.5" y1="30.73" x2="30.9" y2="30.38"/><line class="cls-4" x1="31.17" y1="48.87" x2="31.17" y2="43.61"/><path d="M59.7,28.61a8.34,8.34,0,0,0-.43-2.23,9.7,9.7,0,0,0-7.65-6.7l-.57-.1a14.3,14.3,0,0,0-2.65-9A14.48,14.48,0,0,0,32.08,5.18a14.45,14.45,0,0,0-8.53,7.37l-.42-.25a7.31,7.31,0,0,0-1.63-.7,7.73,7.73,0,0,0-9.89,6.69.26.26,0,0,1-.19.26A10.46,10.46,0,0,0,8.79,20a10.6,10.6,0,0,0-3.41,4.42,10.17,10.17,0,0,0-.69,2.5c0,.33-.08.66-.12,1V29.1a1.41,1.41,0,0,1,0,.17,10.33,10.33,0,0,0,.81,3.38,10.66,10.66,0,0,0,9.85,6.52H21.1V37H19.5c-1.38,0-2.77,0-4.15,0a8.33,8.33,0,0,1-7.5-4.36,7.84,7.84,0,0,1-1-3.45,8.29,8.29,0,0,1,1.32-5.21,8.17,8.17,0,0,1,3.74-3.17c.59-.25,1.21-.43,1.82-.63a.17.17,0,0,0,.15-.22A6.31,6.31,0,0,1,14,17.46a5.47,5.47,0,0,1,2.27-3.06,5.34,5.34,0,0,1,3.21-.9A5.4,5.4,0,0,1,23,14.89l1.35,1.23.12.1c.13-.32.25-.63.37-.94A14.12,14.12,0,0,1,26.43,12,12.29,12.29,0,0,1,44.81,9.87a11.92,11.92,0,0,1,3.8,6.68,12.14,12.14,0,0,1,.14,4c-.05.42-.09.84-.13,1.3l1,0a7.08,7.08,0,0,1,3.66.79,7.48,7.48,0,0,1,4.06,5.25,7.62,7.62,0,0,1-4.21,8.45,7.94,7.94,0,0,1-3.37.72H42v2.2h7.91a9.82,9.82,0,0,0,7.89-3.94,9.54,9.54,0,0,0,1.86-4.53c0-.25.06-.51.1-.77V28.75A1,1,0,0,1,59.7,28.61Z"/></g></g></svg>
\ No newline at end of file
......@@ -6,40 +6,31 @@ class: index
</div>
<section class="hero">
<div class="clouds back">
<div class="clouds front">
<div class="main">
<div class="left">
<h1><span>Open Source</span> <br>Communication</h1>
<div class="solution">
<h2>On your infrastructure</h2>
<p>
Run Rocket.Chat on your infrastructure<br>
Be in complete control of your data and platform
</p>
<a class="button highlight" href="{{ site.url }}/download/">Download</a>
<a class="button highlight" href="{{ site.url }}/download/index.html#support">Get Support</a>
</div>
<div class="solution">
<h2>On Rocket.Chat Cloud</h2>
<p>
Run Rocket.Chat on our scalable &amp; secure cloud <br>
Open source without the burden of infrastructure
</p>
<a class="button red" href="https://cloud.rocket.chat/trial/small">Start Your Free Trial</a>
</div>
</div>
<div class="right">
<img src="{{ site.url }}/images/index/screenshot.png" alt="">
</div>
<div class="clear"></div>
<div class="main">
<div class="left">
<h1><span>Open Source</span> <br>Communication</h1>
<div class="solution">
<h2>On your infrastructure</h2>
<p>
Run Rocket.Chat on your infrastructure<br>
Be in complete control of your data and platform
</p>
<a class="button highlight" href="{{ site.url }}/download/">Download</a>
<a class="button highlight" href="{{ site.url }}/download/index.html#support">Get Support</a>
</div>
<div class="solution">
<h2>On Rocket.Chat Cloud</h2>
<p>
Run Rocket.Chat on our scalable &amp; secure cloud <br>
Open source without the burden of infrastructure
</p>
<a class="button red" href="https://cloud.rocket.chat/trial/small">Start Your Free Trial</a>
</div>
</div>
<div class="right">
<img src="{{ site.url }}/images/index/screenshot.png" alt="">
</div>
<div class="clear"></div>
</div>
</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