Commit 10bf7e7e authored by Danilo Woznica's avatar Danilo Woznica Committed by Isabella Russell

Homepage (#186)

* feat(Homepage): Add last section

* fix(Homepage): Changes and fixes

* fix(Homepage): Changes and fixes
parent 6faab841
......@@ -13,6 +13,14 @@
<a class="button disabled" href="">Link disabled</a>
</p>
<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>
</p>
<h2 class="display--small">Ghost Button — Light Background</h2>
<p>One input style by default on light backgrounds.</p>
<p>
......
......@@ -17,10 +17,7 @@
<div class="col">
<div class="card theme_box--dark">
<h3 class="display--small theme_type--grey">Card header</h3>
<div class="card_footer theme_box--dark-strong">
Card footer
</div>
<div class="card_footer theme_box--dark-strong">Card footer</div>
</div>
</div>
......@@ -159,3 +156,42 @@
</div>
</div>
</div>
<br />
<br />
<h1 class="display">Divider</h1>
<div class="flex-grid">
<div class="col">
<div class="theme_box--space" style="padding: 2em">
<div class="divider divider--dark"></div>
</div>
</div>
<div class="col">
<div style="padding: 2em">
<div class="divider divider--light"></div>
</div>
</div>
</div>
<br />
<br />
<h1 class="display">Spacer <small>(Like margins)</small></h1>
<hr />
<div class="space--1"></div>
<hr />
<div class="space--2"></div>
<hr />
<div class="space--3"></div>
<hr />
<div class="space--4"></div>
<hr />
<div class="space--5"></div>
<hr />
<div class="space--6"></div>
<hr />
<div class="space--7"></div>
<hr />
<div class="space--8"></div>
<hr />
<div class="space--9"></div>
......@@ -58,6 +58,7 @@ class: index
<li><a href="/contact">Contact</a></li>
<li><a href="/press">Press</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="//shop.spreadshirt.com/rocketchat" target="_blank">Gift shop</a></li>
</ul>
</div>
......@@ -69,11 +70,6 @@ class: index
<li><a href="/privacy">Privacy</a></li>
<li><a href="/dmca">DMCA Policy</a></li>
</ul>
<ul class="app-footer_nav">
<li><a href="//github.com/RocketChat/Rocket.Chat.Artwork/tree/master/Stickers" target="_blank">Stickers</a></li>
<li><a href="//shop.spreadshirt.com/rocketchat" target="_blank">Gift shop</a></li>
</ul>
</div>
<div class="app-footer_col">
......
.divider {
content: "";
display: block;
width: 100%;
height: 1.5px;
}
.divider--dark {
background-image: linear-gradient(
-90deg,
#030c1a 0%,
#121f33 28%,
#121f33 74%,
#030c1a 100%
);
}
.divider--light {
background-image: linear-gradient(
-90deg,
#ffffff 0%,
#e7ebf2 26%,
#e7ebf2 74%,
#ffffff 100%
);
}
@for $i from 1 through 10 {
.space--#{$i} {
padding-bottom: $i/2 + em;
@media screen and (min-width: $tablet) {
padding-bottom: $i + em;
}
}
}
......@@ -10,6 +10,16 @@
@media screen and (min-width: 75em) {
min-height: 90vh;
}
.download {
text-align: center;
margin: 2em 0;
@media (min-width: $tablet) {
margin: 0;
text-align: left;
}
}
}
.home-hero_wrap {
......@@ -42,10 +52,13 @@
// Generic box
//
.home_box {
display: flex;
background-position: left top;
border-radius: 2px;
position: relative;
@media screen and (min-width: $tablet) {
display: flex;
background-position: left top;
}
}
.home_box-wrap {
......@@ -181,15 +194,24 @@
//
// Home enterprise
//
.home-entreprise {
.home-enterprise {
margin-bottom: -15em;
position: relative;
+ section {
padding-top: 20em;
padding-top: 16em;
@media screen and (min-width: $tablet) {
padding-top: 23em;
}
}
.list {
margin-bottom: -1em;
@media screen and (min-width: $tablet) {
margin-bottom: -2.5em;
}
.list-img {
text-align: center;
min-width: 3.5em;
......@@ -202,6 +224,7 @@
p {
margin-bottom: 0;
line-height: 1.4;
}
p:not(:last-child) {
......@@ -209,3 +232,130 @@
}
}
}
//
// Home customization
//
.home-customization {
position: relative;
text-align: center;
overflow: hidden;
img {
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: -3.3em;
max-width: 290%;
@media screen and (min-width: $tablet) {
max-width: 100%;
}
}
&:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -7%;
height: 14%;
background-image: radial-gradient(
closest-side,
rgba(0, 0, 0, 0.2) 0%,
transparent 100%
);
}
}
.home-customization__scroll-view {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
@media screen and (min-width: $tablet) {
overflow: visible;
}
}
//
// Home download
//
.home-download {
background-repeat: no-repeat;
background-image: url("/images/download/mobile-haft.png");
background-position: center bottom;
background-size: auto 20em;
padding-bottom: 20em;
@media (min-width: $tablet) {
display: flex;
padding-bottom: 0;
background-image: url("/images/download/mobile.png");
background-size: auto 90%;
background-position: right -40% bottom;
.wrap {
padding: 2em;
flex: 0.3;
}
}
@media (min-width: 62em) {
background-position: right bottom;
.wrap {
padding: 3em 4em;
flex: 0.4;
}
}
}
.home-download__icons {
@media (min-width: $tablet) {
max-width: 75%;
}
img {
margin-right: 1em;
width: 1.8em;
height: auto;
display: inline-block;
vertical-align: middle;
}
}
.home-download__button {
text-align: center;
margin: 2em 0;
@media (min-width: $tablet) {
margin: 0;
text-align: left;
}
}
//
// Home clients
//
.home-clients {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
@media (min-width: $tablet) {
flex-wrap: nowrap;
}
span {
max-width: 10em;
padding: 1em 1.2em;
@media (min-width: $tablet) {
padding: 1em 2.2em;
max-width: none;
}
}
}
......@@ -13,9 +13,10 @@
@mixin defaultStyle {
font-weight: 500;
font-size: 0.8em;
line-height: 1.4;
line-height: 1.5;
text-align: center;
display: inline-block;
display: inline-flex;
justify-content: space-around;
vertical-align: top;
padding: 0.9em 1.14em;
border-radius: 2px;
......@@ -167,6 +168,10 @@
}
}
.button--icon {
margin-right: 1em;
}
// Button sizes
.button--full {
width: 100%;
......
......@@ -68,7 +68,7 @@
font-size: 0.8em;
select {
padding: 0.65em 1em;
padding: 0.72em 1em;
}
&:after {
......
......@@ -22,10 +22,20 @@
margin-right: -$gutter-larger / 2;
}
&.grid--center {
align-items: center;
}
&.grid--justify-around {
justify-content: space-around;
}
&.grid--reverse {
@media screen and (min-width: $tablet) {
flex-direction: row-reverse;
}
}
@mixin column {
padding-left: $gutter / 2;
padding-right: $gutter / 2;
......
......@@ -20,7 +20,7 @@
margin-bottom: 0;
~ table {
margin-left: -1px;
margin-left: -0.1em;
position: relative;
th span {
......
......@@ -102,7 +102,7 @@ strong {
.code {
font-size: 0.8em;
border-radius: 2px;
padding: 0.55em 1em;
padding: 0.72em 1em;
}
// Space rules
......
......@@ -88,10 +88,7 @@ redirect_from:
</div>
</section>
<br />
<br />
<br />
<br />
<div class="space--8"></div>
<section class="container" id="pricing">
<div class="flex-grid grid--justify-around align--center">
......@@ -101,8 +98,7 @@ redirect_from:
</div>
</div>
<br />
<br />
<div class="space--2"></div>
<div class="col--three-quarter table table--light">
<table>
......@@ -281,10 +277,7 @@ redirect_from:
</div>
</section>
<br />
<br />
<br />
<br />
<div class="space--8"></div>
<section class="container">
<div class="flex-grid grid--justify-around align--center">
......@@ -294,8 +287,7 @@ redirect_from:
</div>
</div>
<br />
<br />
<div class="space--2"></div>
<div class="flex-grid">
<div class="col no-gutter">
......@@ -420,9 +412,6 @@ redirect_from:
</div>
</section>
<br />
<br />
<br />
<br />
<div class="space--8"></div>
{% include adwords/trial.html %}
......@@ -111,9 +111,9 @@ redirect_from:
</section>
<section class="container">
<div class="card theme_box--dark download-mobile">
<div class="card theme_box--dark-strong download-mobile">
<div class="wrap">
<p class="label theme_type--grey">iOS & Android</p>
<p class="label theme_type--grey">iOS &amp; Android</p>
<h2 class="display theme_type--dark">Chat on the move with our mobile apps</h2>
<p class="theme_type--grey">Take your conversations with you and never miss the action with our mobile apps for iOS and Android.</p>
<a target="_blank" href="//play.google.com/store/apps/details?id=chat.rocket.android">
......
images/clients/canonical.png

1.63 KB | W: | H:

images/clients/canonical.png

13.1 KB | W: | H:

images/clients/canonical.png
images/clients/canonical.png
images/clients/canonical.png
images/clients/canonical.png
  • 2-up
  • Swipe
  • Onion skin
images/clients/classuite.png

2.88 KB | W: | H:

images/clients/classuite.png

11.4 KB | W: | H:

images/clients/classuite.png
images/clients/classuite.png
images/clients/classuite.png
images/clients/classuite.png
  • 2-up
  • Swipe
  • Onion skin
images/clients/lisk.png

1.01 KB | W: | H:

images/clients/lisk.png

2.57 KB | W: | H:

images/clients/lisk.png
images/clients/lisk.png
images/clients/lisk.png
images/clients/lisk.png
  • 2-up
  • Swipe
  • Onion skin
images/clients/selu.png

2.53 KB | W: | H:

images/clients/selu.png

13.4 KB | W: | H:

images/clients/selu.png
images/clients/selu.png
images/clients/selu.png
images/clients/selu.png
  • 2-up
  • Swipe
  • Onion skin
images/clients/steadymd.png

2.25 KB | W: | H:

images/clients/steadymd.png

13.1 KB | W: | H:

images/clients/steadymd.png
images/clients/steadymd.png
images/clients/steadymd.png
images/clients/steadymd.png
  • 2-up
  • Swipe
  • Onion skin
<svg width="18" height="19" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M-1-1h20v20H-1z"/><path stroke="#fff" stroke-width="1.5" d="M12.243 14L9 17.243 5.757 14"/><path d="M9 16V8" stroke="#fff" stroke-width="1.5" stroke-linecap="square"/><path d="M11.73 10h2.07c1.767 0 3.2-1.343 3.2-3s-1.433-3-3.2-3c0-1.243-1.075-2.25-2.4-2.25-.598 0-1.145.205-1.565.544C9.175 1.506 8.15 1 7 1 5.012 1 3.4 2.511 3.4 4.375c0 .394.072.773.205 1.125H3.4C2.075 5.5 1 6.507 1 7.75S2.075 10 3.4 10h2.86" stroke="#fff" stroke-width="1.5"/></g></svg>
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>android</title><desc>Created with Sketch.</desc><defs><rect id="a" width="32" height="32" rx="7.467"/></defs><g fill="none"><g transform="translate(0 0)"><use fill="#77C158" xlink:href="#a"/><rect stroke="#5D9B41" x=".5" y=".5" width="31" height="31" rx="7.467"/></g><g fill="#fff" fill-rule="nonzero"><path d="M10.395 12.21c.054-1.947 1.21-3.696 2.985-4.516l-.85-1.512c-.038-.089-.003-.193.081-.242l.136-.016.107.085.85 1.524c.738-.276 1.52-.413 2.308-.403.791-.007 1.576.144 2.308.444l.891-1.56.107-.085.136.016c.084.049.119.152.081.242l-.891 1.536c1.758.813 2.903 2.546 2.956 4.475h-11.206v.012zm0 .484v8.064c.009.742.619 1.337 1.365 1.331h8.505c.735-.007 1.33-.598 1.336-1.331v-8.064h-11.206zm8.707-2.903c-.008-.264-.221-.475-.486-.484-.13-.002-.254.048-.346.139-.092.091-.142.216-.14.345-.005.13.045.255.137.347.092.092.218.141.349.137.267-.004.482-.218.486-.484zm-5.184 0c0-.267-.218-.484-.486-.484s-.486.217-.486.484.218.484.486.484.486-.217.486-.484zM23.262 12.493c.692.004 1.251.561 1.255 1.25v5.161c0 .69-.562 1.25-1.255 1.25-.693 0-1.255-.56-1.255-1.25v-5.161c.004-.688.564-1.245 1.255-1.25zM13.825 18.419c.692.004 1.251.561 1.255 1.25v5.161c0 .328-.133.642-.37.87-.237.228-.556.351-.885.34-.334.015-.66-.105-.905-.332-.244-.228-.385-.544-.391-.877v-5.161c.004-.337.143-.659.387-.893.243-.235.571-.363.909-.356zM8.735 12.493c.696-.002 1.263.557 1.268 1.25v5.161c0 .697-.568 1.262-1.268 1.262-.7 0-1.268-.565-1.268-1.262v-5.161c.004-.693.571-1.252 1.268-1.25zM18.28 18.419c.339-.006.666.122.909.356.243.235.383.556.387.893v5.161c0 .701-.571 1.27-1.276 1.27-.705 0-1.276-.569-1.276-1.27v-5.161c.004-.688.564-1.245 1.255-1.25z"/></g></g></svg>
\ No newline at end of file
This diff is collapsed.
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ios</title><desc>Created with Sketch.</desc><defs><rect id="a" width="32" height="32" rx="7.5"/><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-color="#004655" offset="0%"/><stop stop-color="#17858B" offset="12.38%"/><stop stop-color="#2ABDB9" offset="30.576%"/><stop stop-color="#DAC0AB" offset="81.784%"/><stop stop-color="#E9BCA5" offset="100%"/></linearGradient></defs><g fill="none"><g transform="translate(0 0)"><use fill="#fff" xlink:href="#a"/><rect stroke="#EBEDF0" x=".5" y=".5" width="31" height="31" rx="7.5"/></g><g fill="#030C1A" fill-rule="nonzero" stroke="url(#b)" stroke-width=".6"><path d="M7.202 11.045c0 .205-.127.357-.344.357-.181 0-.317-.152-.317-.357 0-.197.145-.357.335-.357.199 0 .326.161.326.357zm-.501 10.73v-8.208h.341v8.208h-.341zM18.382 15.927c0 4.138-2.328 6.019-4.876 6.019-2.603 0-4.711-2.035-4.711-5.848 0-3.916 2.181-6.019 4.894-6.019 2.658 0 4.693 2.069 4.693 5.848zm-9.241.085c0 3.138 1.541 5.575 4.382 5.575 2.86 0 4.501-2.513 4.501-5.611 0-2.873-1.314-5.495-4.314-5.495s-4.568 2.469-4.568 5.531zM19.634 20.886c.572.376 1.559.739 2.408.739 1.612 0 3.045-1.113 3.045-2.75 0-1.52-.955-2.313-2.576-2.994-1.451-.61-2.755-1.271-2.755-2.896 0-1.693 1.351-2.89 3.188-2.89.988 0 1.733.274 2.079.513l-.138.295c-.295-.205-1.091-.466-1.957-.466-1.941 0-2.787 1.447-2.787 2.513 0 1.472 1.156 1.964 2.646 2.665 1.733.838 2.651 1.576 2.651 3.184 0 1.727-1.247 3.129-3.465 3.129-.919 0-1.975-.308-2.495-.701l.155-.342z"/></g></g></svg>
\ No newline at end of file
This diff is collapsed.
images/download/linux.png

2.07 KB | W: | H:

images/download/linux.png

9.65 KB | W: | H:

images/download/linux.png
images/download/linux.png
images/download/linux.png
images/download/linux.png
  • 2-up
  • Swipe
  • Onion skin
This source diff could not be displayed because it is too large. You can view the blob instead.
<svg width="43" height="40" viewBox="0 0 43 40" xmlns="http://www.w3.org/2000/svg"><title>finder</title><desc>Created with Sketch.</desc><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%"><stop stop-color="#28D5F9" offset="0%"/><stop stop-color="#1872F3" offset="100%"/></linearGradient></defs><g fill="none"><path d="M2.006 0h38.74c1.244 0 2.253 1.009 2.253 2.253v35.493c0 1.244-1.009 2.253-2.253 2.253h-38.74c-1.108 0-2.006-.898-2.006-2.006v-35.987c0-1.108.898-2.006 2.006-2.006z" fill="#1BAFF9" fill-rule="nonzero"/><path d="M22.407 0c-4.436 10.938-4.404 19.063-4.404 19.063 0 .516.396.938.919.938h4.484c.412 0 .729.313.713.734 0 0-.665 10.344 1.774 19.266h15.104c1.108 0 2.006-.898 2.006-2.006v-35.987c0-1.108-.898-2.006-2.006-2.006h-18.589z" fill="#fff" fill-rule="nonzero"/><rect id="Rectangle-path" x=".071" y=".199" width="1.765" height="4.622" rx=".805" transform="translate(11 10)" fill="#fff" fill-rule="nonzero" opacity=".1"/><rect id="Rectangle-path" x=".164" y=".199" width="1.765" height="4.622" rx=".805" transform="translate(30 10)" fill="#fff" fill-rule="nonzero" opacity=".1"/><rect id="Rectangle-path" x=".071" y=".04" width="1.765" height="4.622" rx=".882" transform="translate(11 10)" fill="#030C1A" fill-rule="nonzero"/><rect x=".164" y=".04" width="1.765" height="4.622" rx=".882" transform="translate(30 10)" fill="#030C1A" fill-rule="nonzero"/><path d="M8.905 26.215s4.091 5.339 13.237 5.02c9.146-.319 11.953-5.02 11.953-5.02" id="Shape" opacity=".1" stroke="#fff" stroke-linecap="round" stroke-width="1.61"/><path d="M8.905 26.056s4.091 5.339 13.237 5.02c9.146-.319 11.953-5.02 11.953-5.02" stroke="#030C1A" stroke-linecap="round" stroke-width="1.61"/></g></svg>
\ No newline at end of file
<svg width="43" height="40" viewBox="0 0 43 40" xmlns="http://www.w3.org/2000/svg"><title>finder</title><desc>Created with Sketch.</desc><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%"><stop stop-color="#28D5F9" offset="0%"/><stop stop-color="#1872F3" offset="100%"/></linearGradient></defs><g fill="none"><path d="M2.006 0h38.74c1.244 0 2.253 1.009 2.253 2.253v35.493c0 1.244-1.009 2.253-2.253 2.253h-38.74c-1.108 0-2.006-.898-2.006-2.006v-35.987c0-1.108.898-2.006 2.006-2.006z" fill="#1BAFF9"/><path d="M22.407 0c-4.436 10.938-4.404 19.063-4.404 19.063 0 .516.396.938.919.938h4.484c.412 0 .729.313.713.734 0 0-.665 10.344 1.774 19.266h15.104c1.108 0 2.006-.898 2.006-2.006v-35.987c0-1.108-.898-2.006-2.006-2.006h-18.589z" fill="#fff"/><rect id="Rectangle-path" x=".071" y=".199" width="1.765" height="4.622" rx=".805" transform="translate(11 10)" fill="#fff" opacity=".1"/><rect id="Rectangle-path" x=".164" y=".199" width="1.765" height="4.622" rx=".805" transform="translate(30 10)" fill="#fff" opacity=".1"/><rect x=".071" y=".04" width="1.765" height="4.622" rx=".882" transform="translate(11 10)" fill="#030C1A"/><rect x=".164" y=".04" width="1.765" height="4.622" rx=".882" transform="translate(30 10)" fill="#030C1A"/><path d="M8.905 26.215s4.091 5.339 13.237 5.02c9.146-.319 11.953-5.02 11.953-5.02" opacity=".1" stroke="#fff" stroke-linecap="round" stroke-width="1.61"/><path d="M8.905 26.056s4.091 5.339 13.237 5.02c9.146-.319 11.953-5.02 11.953-5.02" stroke="#030C1A" stroke-linecap="round" stroke-width="1.61"/></g></svg>
\ No newline at end of file
images/download/mobile.png

234 KB | W: | H:

images/download/mobile.png

230 KB | W: | H:

images/download/mobile.png
images/download/mobile.png
images/download/mobile.png
images/download/mobile.png
  • 2-up
  • Swipe
  • Onion skin
<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><title>windows</title><desc>Created with Sketch.</desc><g fill-rule="nonzero" fill="none"><path fill="#F8682C" d="M0 5.636l16.227-2.209v15.664l-16.212.091z"/><path fill="#91C301" d="M18.182 3.141l21.5-3.141v18.864l-21.5.182z"/><path fill="#00B4F1" d="M16.227 20.864v15.682l-16.215-2.227-.001-13.545z"/><path fill="#FFC300" d="M39.682 21.045v18.773l-21.5-3.045-.045-15.773z"/></g></svg>
\ No newline at end of file
<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><title>windows</title><desc>Created with Sketch.</desc><g fill="none"><path fill="#F8682C" d="M0 5.636l16.227-2.209v15.664l-16.212.091z"/><path fill="#91C301" d="M18.182 3.141l21.5-3.141v18.864l-21.5.182z"/><path fill="#00B4F1" d="M16.227 20.864v15.682l-16.215-2.227-.001-13.545z"/><path fill="#FFC300" d="M39.682 21.045v18.773l-21.5-3.045-.045-15.773z"/></g></svg>
\ No newline at end of file
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>channels</title><desc>Created with Sketch.</desc><g transform="translate(-2 -2)" fill="none"><path d="M0 0h24v24h-24z"/><circle id="Oval" stroke="#fff" stroke-width="1.5" cx="12" cy="12" r="4"/><path d="M15.445 20.317c-1.061.44-2.225.683-3.445.683-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9v1.55" stroke="#fff" stroke-width="1.5"/><path d="M21 13.491c0 1.386-1.11 2.509-2.5 2.509-1.381 0-2.5-1.112-2.5-2.509v-5.491" stroke="#fff" stroke-width="1.5"/></g></svg>
\ No newline at end of file
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M-2-2h24v24h-24z"/><g stroke="#fff" stroke-width="1.5" transform="translate(-2 -2)"><circle cx="12" cy="12" r="4"/><path d="M15.445 20.317c-1.061.44-2.225.683-3.445.683-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9v1.55M21 13.491c0 1.386-1.11 2.509-2.5 2.509-1.381 0-2.5-1.112-2.5-2.509v-5.491"/></g></g></svg>
\ No newline at end of file
<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><title>guests</title><desc>Created with Sketch.</desc><g transform="translate(-3 -3)" fill="none"><path d="M0 0h24v24h-24z"/><rect stroke="#fff" stroke-width="1.5" x="3.75" y="3.75" width="16.5" height="16.5" rx="2"/><path d="M6.002 20c0-3.75 4.498-3 4.498-4.5 0 0 .086-.996-.409-1.5-.618-.625-1.09-1.376-1.09-2.625 0-1.864 1.343-3.375 2.999-3.375 1.656 0 2.999 1.511 2.999 3.375 0 1.232-.46 1.999-1.105 2.625-.471.491-.395 1.5-.395 1.5 0 1.5 4.498.75 4.498 4.5" stroke="#fff" stroke-width="1.5"/></g></svg>
\ No newline at end of file
<svg height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(-3 -3)"><path d="m0 0h24v24h-24z"/><g stroke="#fff" stroke-width="1.5"><rect height="16.5" rx="2" width="16.5" x="3.75" y="3.75"/><path d="m6.002 20c0-3.75 4.498-3 4.498-4.5 0 0 .086-.996-.409-1.5-.618-.625-1.09-1.376-1.09-2.625 0-1.864 1.343-3.375 2.999-3.375s2.999 1.511 2.999 3.375c0 1.232-.46 1.999-1.105 2.625-.471.491-.395 1.5-.395 1.5 0 1.5 4.498.75 4.498 4.5"/></g></g></svg>
\ No newline at end of file
images/index/join-community.jpg

279 KB | W: | H:

images/index/join-community.jpg

238 KB | W: | H:

images/index/join-community.jpg
images/index/join-community.jpg
images/index/join-community.jpg
images/index/join-community.jpg
  • 2-up
  • Swipe
  • Onion skin
<svg width="23" height="22" viewBox="0 0 23 22" xmlns="http://www.w3.org/2000/svg"><title>messages@3x</title><desc>Created with Sketch.</desc><g fill="none"><path d="M-1-1h24v24h-24z"/><path d="M12.2 20.6c1.462 0 8.4.152 9.6-2.4.607-1.291-3.47-1.292-2.4-3.6.469-1.132 1.2-2.298 1.2-3.6 0-5.302-4.298-9.6-9.6-9.6s-9.6 4.298-9.6 9.6 4.298 9.6 10.8 9.6z" stroke="#fff" stroke-width="1.5"/><path d="M6.8 9.2h7.299M6.8 12.8h8.499" stroke="#fff" stroke-width="1.5"/></g></svg>
\ No newline at end of file
<svg height="22" viewBox="0 0 23 22" width="23" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m-1-1h24v24h-24z"/><path d="m12.2 20.6c1.462 0 8.4.152 9.6-2.4.607-1.291-3.47-1.292-2.4-3.6.469-1.132 1.2-2.298 1.2-3.6 0-5.302-4.298-9.6-9.6-9.6s-9.6 4.298-9.6 9.6 4.298 9.6 10.8 9.6zm-5.4-11.4h7.299m-7.299 3.6h8.499" stroke="#fff" stroke-width="1.5"/></g></svg>
\ No newline at end of file
<svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><title>searches</title><desc>Created with Sketch.</desc><g transform="translate(-2 -2)" fill="none"><path d="M0 0h24v24h-24z"/><circle stroke="#fff" stroke-width="1.5" cx="9.5" cy="9.5" r="6.5"/><path d="M20 20l-5-5" stroke="#fff" stroke-width="1.5" stroke-linecap="square"/></g></svg>
\ No newline at end of file
<svg height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(-2 -2)"><path d="m0 0h24v24h-24z"/><g stroke="#fff" stroke-width="1.5"><circle cx="9.5" cy="9.5" r="6.5"/><path d="m20 20-5-5" stroke-linecap="square"/></g></g></svg>
\ No newline at end of file
<svg width="22" height="20" viewBox="0 0 22 20" xmlns="http://www.w3.org/2000/svg"><title>upload@3x</title><desc>Created with Sketch.</desc><g fill="none"><path d="M-1-2h24v24h-24z"/><g stroke="#fff" stroke-width="1.5"><path d="M6.758 13l4.242-4.242 4.242 4.242"/><path d="M11 10.5v8"/><path d="M17.875 13c2.209 0 3.125-1.791 3.125-4s-1.791-4-4-4c0-1.657-1.343-3-3-3-.748 0-1.431.273-1.957.726-.824-1.051-2.105-1.726-3.543-1.726-2.485 0-4.5 2.015-4.5 4.5 0 .526.09 1.031.256 1.5h-.256c-1.657 0-3 1.343-3 3s1.343 3 3 3"/></g></g></svg>
\ No newline at end of file
<svg height="20" viewBox="0 0 22 20" width="22" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m-1-2h24v24h-24z"/><path d="m6.758 13 4.242-4.242 4.242 4.242m-4.242-2.5v8m6.875-5.5c2.209 0 3.125-1.791 3.125-4s-1.791-4-4-4c0-1.657-1.343-3-3-3-.748 0-1.431.273-1.957.726-.824-1.051-2.105-1.726-3.543-1.726-2.485 0-4.5 2.015-4.5 4.5 0 .526.09 1.031.256 1.5h-.256c-1.657 0-3 1.343-3 3s1.343 3 3 3" stroke="#fff" stroke-width="1.5"/></g></svg>
\ No newline at end of file
<svg width="24" height="20" viewBox="0 0 24 20" xmlns="http://www.w3.org/2000/svg"><title>users</title><desc>Created with Sketch.</desc><g fill="none"><path d="M0-2h24v24h-24z"/><path d="M6 18.106c0-3.783 4.5-3.027 4.5-4.54 0 0 .086-1.005-.41-1.513-.618-.63-1.09-1.388-1.09-2.648 0-1.881 1.343-3.405 3-3.405s3 1.524 3 3.405c0 1.243-.46 2.017-1.105 2.648-.471.496-.395 1.513-.395 1.513 0 1.513 4.5.757 4.5 4.54 0 0-1.195.894-6 .894s-6-.894-6-.894zM5.486 13.967c-.569-.026-1.071-.065-1.512-.114-2.313-.253-2.974-.747-2.974-.747 0-3.783 4.5-3.027 4.5-4.54 0 0 .086-1.005-.41-1.513-.618-.63-1.09-1.388-1.09-2.648 0-1.881 1.343-3.405 3-3.405s3 1.524 3 3.405M18.514 13.967c.569-.026 1.071-.065 1.512-.114 2.313-.253 2.974-.747 2.974-.747 0-3.783-4.5-3.027-4.5-4.54 0 0-.086-1.005.41-1.513.618-.63 1.09-1.388 1.09-2.648 0-1.881-1.343-3.405-3-3.405s-3 1.524-3 3.405" stroke="#fff" stroke-width="1.5"/></g></svg>
\ No newline at end of file
<svg height="20" viewBox="0 0 24 20" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m0-2h24v24h-24z"/><path d="m6 18.106c0-3.783 4.5-3.027 4.5-4.54 0 0 .086-1.005-.41-1.513-.618-.63-1.09-1.388-1.09-2.648 0-1.881 1.343-3.405 3-3.405s3 1.524 3 3.405c0 1.243-.46 2.017-1.105 2.648-.471.496-.395 1.513-.395 1.513 0 1.513 4.5.757 4.5 4.54 0 0-1.195.894-6 .894zm-.514-4.139c-.569-.026-1.071-.065-1.512-.114-2.313-.253-2.974-.747-2.974-.747 0-3.783 4.5-3.027 4.5-4.54 0 0 .086-1.005-.41-1.513-.618-.63-1.09-1.388-1.09-2.648 0-1.881 1.343-3.405 3-3.405s3 1.524 3 3.405m8.514 9.562c.569-.026 1.071-.065 1.512-.114 2.313-.253 2.974-.747 2.974-.747 0-3.783-4.5-3.027-4.5-4.54 0 0-.086-1.005.41-1.513.618-.63 1.09-1.388 1.09-2.648 0-1.881-1.343-3.405-3-3.405s-3 1.524-3 3.405" stroke="#fff" stroke-width="1.5"/></g></svg>
\ No newline at end of file
This diff is collapsed.
......@@ -10,12 +10,13 @@
@import "ui/form";
@import "ui/table";
@import "ui/header";
@import "ui/footer";
// Components
// Component
@import "components/header";
@import "components/footer";
@import "components/hero";
@import "components/card";
@import "components/divider";
@import "components/spaces";
// Pages
@import "pages/home";
......
......@@ -29,8 +29,7 @@ redirect_from:
</div>
</div>
<br />
<br />
<div class="space--4"></div>
<div class="flex-grid">
<div class="col">
......@@ -90,10 +89,7 @@ redirect_from:
</div>
</section>
<br />
<br />
<br />
<br />
<div class="space--6"></div>
<section class="container">
<div class="flex-grid grid--justify-around align--center">
......@@ -104,8 +100,8 @@ redirect_from:
</div>
</div>
<br />
<br />
<div class="space--2"></div>
<div class="flex-grid grid--justify-around">
<div class="col--three-quarter table table--dark">
<table>
......@@ -227,10 +223,7 @@ redirect_from:
</div>
</section>
<br />
<br />
<br />
<br />
<div class="space--8"></div>
<section class="container">
<div class="flex-grid grid--justify-around">
......
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