status-im/status-site-legacy
2
0
Fork 0
mirror of https://github.com/status-im/status-site-legacy.git synced 2025-02-26 22:10:36 +00:00
Code Issues Projects Releases Wiki Activity

added team section

Browse Source
This commit is contained in:
Andrei Mironov 2017-03-23 15:16:26 +02:00
parent 1fa5a6fd10
commit 33abf4ba3d
29 changed files with 459 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

169
src/css/main.css
View File

@ -2044,6 +2044,175 @@ input.email-form__input--email:disabled {
.slide.slide--four {
padding: 0px 0px 60px 0px; } }
.slide.slide--five {
display: -ms-flexbox;
display: flex;
padding: 40px 0 60px; }
.slide.slide--five .slide__inner {
background-image: linear-gradient(-138deg, #5070D5 14%, #4957B8 100%);
box-shadow: 0px 12px 23px 0px rgba(74, 92, 105, 0.33);
border-radius: 8px;
padding: 50px 0;
height: 740px;
width: 1080px; }
.slide.slide--five .slide__header {
padding: 150px 0 0 0; }
.slide.slide--five .slide__bg-image {
width: 814px;
height: 519px;
background-image: url(../img/new-site/lines@2x.png);
background-size: 814px;
position: absolute;
left: 50%;
top: 0;
margin: 0 0 0 -407px; }
.slide.slide--five .slide__bg-icon {
position: absolute;
top: 86px;
left: 50%;
margin: 0 0 0 -26px;
height: 52px;
width: 52px;
border-radius: 50%;
background: #68C0F8;
box-shadow: 0 2px 9px 0 rgba(57, 80, 164, 0.69);
position: relative;
animation-name: pulsate;
animation-duration: 3.4s;
animation-iteration-count: infinite; }
.slide.slide--five .slide__bg-icon-inner {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
width: 24px;
height: 24px;
background-image: url(../img/new-site/icon-community.svg);
background-position: 24px; }
.contributors {
width: 870px;
margin: 0 auto;
padding: 80px 0 0 0; }
.contributors__title {
text-align: center;
color: white;
opacity: .6;
padding: 24px 0; }
.contributors__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center; }
.contributor {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 210px;
height: 92px; }
.contributor__pic {
width: 60px;
height: 60px;
border-radius: 50%;
box-shadow: 0 2px 8px 0 #394C97;
background-size: cover; }
.contributor--carl .contributor__pic {
background-image: url(../img/new-site/carl.png); }
.contributor--jarrad .contributor__pic {
background-image: url(../img/new-site/jarrad.png); }
.contributor--roman .contributor__pic {
background-image: url(../img/new-site/roman.png); }
.contributor--victor .contributor__pic {
background-image: url(../img/new-site/victor.png); }
.contributor--alexander .contributor__pic {
background-image: url(../img/new-site/alexander.png); }
.contributor--andrey .contributor__pic {
background-image: url(../img/new-site/andrey.png); }
.contributor--gustavo .contributor__pic {
background-image: url(../img/new-site/gustavo.png); }
.contributor--andrei .contributor__pic {
background-image: url(../img/new-site/andrei.png); }
.contributor__info {
padding: 0 0 0 16px;
color: white; }
.contributor__info__name {
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
.contributor__info__position {
font-size: 14px;
color: #68C0F8; }
@keyframes pulsate {
0% {
transform: scale(1);
box-shadow: 0 2px 9px 0 rgba(57, 80, 164, 0.69); }
50% {
transform: scale(1.14);
box-shadow: 0px 10px 14px 0 rgba(57, 80, 164, 0.69); }
100% {
transform: scale(1);
box-shadow: 0 2px 9px 0 rgba(57, 80, 164, 0.69); } }
@media (max-width: 1140px) {
.slide.slide--five .slide__inner {
width: 860px;
height: auto; }
.contributors {
padding: 60px 0 0 0;
width: 640px; }
.contributor {
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-ms-flex-pack: center;
justify-content: center;
height: auto;
margin: 0 0 24px 0;
width: 160px; }
.contributor__info {
padding: 8px 0 0 0; } }
@media (max-width: 922px) {
.slide.slide--five .slide__inner {
width: 728px; }
.contributors {
width: 100%; }
.contributors__list {
-ms-flex-pack: center;
justify-content: center; }
.contributor {
width: 160px; } }
@media (max-width: 767px) {
.slide.slide--five {
padding: 40px 0 40px; }
.slide.slide--five .slide__inner {
padding: 30px 0;
width: 100%;
border-radius: 0; } }
.footer {
position: fixed;
width: 100%;

2
src/img/icon-decentralized.svg
View File

@ -1 +1 @@
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><title>6F7C31E1-35B6-4311-A8F9-9D0D004800B2</title><g fill="#A187D5" fill-rule="evenodd"><path d="M8 18.865c0-2.739 2.243-4.964 5-4.964 2.758 0 5 2.227 5 4.964 0 2.739-2.243 4.965-5 4.965-2.758 0-5-2.228-5-4.965zm-4 0c0 4.93 4.032 8.936 9 8.936 4.965 0 9-4.003 9-8.936 0-4.93-4.032-8.936-9-8.936-4.965 0-9 4.003-9 8.936zM16 41.702c0-3.287 2.692-5.957 6-5.957 3.31 0 6 2.672 6 5.957 0 3.287-2.692 5.958-6 5.958-3.31 0-6-2.673-6-5.958zm-4 0c0 5.478 4.48 9.93 10 9.93 5.517 0 10-4.449 10-9.93 0-5.477-4.48-9.929-10-9.929-5.517 0-10 4.448-10 9.93z"/><path d="M18.335 17.026l9.848 1.737-.518 2.934-9.848-1.737zM38.224 23.424l5.657 5.657-2.106 2.106-5.657-5.657z"/><path d="M30 21.844c0-2.19 1.795-3.972 4-3.972 2.206 0 4 1.783 4 3.972 0 2.19-1.795 3.972-4 3.972-2.206 0-4-1.783-4-3.972zm-4 0c0 4.382 3.584 7.943 8 7.943 4.414 0 8-3.558 8-7.943 0-4.382-3.584-7.943-8-7.943-4.414 0-8 3.558-8 7.943zM44.027 35.897L28.992 41.37l-1.02-2.799 15.036-5.472z"/><path d="M44 33.759c0-2.191 1.795-3.972 4-3.972 2.206 0 4 1.782 4 3.972s-1.795 3.971-4 3.971c-2.206 0-4-1.782-4-3.971zm-4 0c0 4.382 3.584 7.943 8 7.943 4.414 0 8-3.558 8-7.943 0-4.382-3.584-7.943-8-7.943-4.414 0-8 3.558-8 7.943zM16.417 26.092l3.908 9.205-2.742 1.164-3.908-9.205z"/></g></svg>
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><title>6F7C31E1-35B6-4311-A8F9-9D0D004800B2</title><g fill="#A187D5" fill-rule="evenodd"><path d="M8 18.865c0-2.739 2.243-4.964 5-4.964 2.758 0 5 2.227 5 4.964 0 2.739-2.243 4.965-5 4.965-2.758 0-5-2.228-5-4.965zm-4 0c0 4.93 4.032 8.936 9 8.936 4.965 0 9-4.003 9-8.936 0-4.93-4.032-8.936-9-8.936-4.965 0-9 4.003-9 8.936zm12 22.837c0-3.287 2.692-5.957 6-5.957 3.31 0 6 2.672 6 5.957 0 3.287-2.692 5.958-6 5.958-3.31 0-6-2.673-6-5.958zm-4 0c0 5.478 4.48 9.93 10 9.93 5.517 0 10-4.449 10-9.93 0-5.477-4.48-9.929-10-9.929-5.517 0-10 4.448-10 9.93z"/><path d="M18.335 17.026l9.848 1.737-.518 2.934-9.848-1.737zm19.889 6.398l5.657 5.657-2.106 2.106-5.657-5.657z"/><path d="M30 21.844c0-2.19 1.795-3.972 4-3.972 2.206 0 4 1.783 4 3.972 0 2.19-1.795 3.972-4 3.972-2.206 0-4-1.783-4-3.972zm-4 0c0 4.382 3.584 7.943 8 7.943 4.414 0 8-3.558 8-7.943 0-4.382-3.584-7.943-8-7.943-4.414 0-8 3.558-8 7.943zm18.027 14.053L28.992 41.37l-1.02-2.799 15.036-5.472z"/><path d="M44 33.759c0-2.191 1.795-3.972 4-3.972 2.206 0 4 1.782 4 3.972s-1.795 3.971-4 3.971c-2.206 0-4-1.782-4-3.971zm-4 0c0 4.382 3.584 7.943 8 7.943 4.414 0 8-3.558 8-7.943 0-4.382-3.584-7.943-8-7.943-4.414 0-8 3.558-8 7.943zm-23.583-7.667l3.908 9.205-2.742 1.164-3.908-9.205z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

2
src/img/icon-fb.svg
View File

@ -1 +1 @@
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><title>0081ED42-8E98-484F-9E69-371D5096BD22</title><path d="M20.406 21.381h4.698l.706-5.672h-5.404v-3.637c0-1.647.426-2.77 2.696-2.77L26 9.304V4.21C25.5 4.14 23.78 4 21.778 4c-4.176 0-7.034 2.64-7.034 7.51v4.199H10v5.672h4.742V36h5.664V21.381z" fill="#FFF" fill-rule="evenodd"/></svg>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><title>0081ED42-8E98-484F-9E69-371D5096BD22</title><path d="M20.406 21.381h4.698l.706-5.672h-5.404v-3.637c0-1.647.426-2.77 2.696-2.77L26 9.304V4.21c-.5-.07-2.22-.21-4.222-.21-4.176 0-7.034 2.64-7.034 7.51v4.199H10v5.672h4.742V36h5.664V21.381z" fill="#FFF" fill-rule="evenodd"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 366 B

2
src/img/logo-shadow.svg
View File

@ -1 +1 @@
<svg width="147" height="154" viewBox="0 0 147 154" xmlns="http://www.w3.org/2000/svg"><title>7DDEF643-433C-4DEE-B018-F857F4796C5F</title><defs><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="a"><feGaussianBlur stdDeviation="2" in="SourceGraphic"/></filter><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="b"><feGaussianBlur stdDeviation="10" in="SourceGraphic"/></filter><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="c"><feGaussianBlur stdDeviation="10" in="SourceGraphic"/></filter></defs><g fill="none" fill-rule="evenodd"><path d="M21.046 88.404h1.75c21.38 0 38.827-16.8 39.818-37.905H19.296C8.814 50.5.316 58.982.316 69.452c0 10.467 8.509 18.952 18.98 18.952h1.75zm39.76-75.87h-1.751c-21.379 0-38.827 16.8-39.817 37.906h43.317c10.483 0 18.98-8.483 18.98-18.953 0-10.467-8.508-18.952-18.98-18.952h-1.75z" fill="#524B60" opacity=".2" filter="url(#a)" transform="translate(25 28)"/><path d="M28.535 98h1.923c23.485 0 42.653-18.455 43.74-41.64H26.613c-11.515 0-20.85 9.318-20.85 20.82 0 11.498 9.347 20.82 20.85 20.82h1.923zm43.677-83.347H70.29c-23.485 0-42.652 18.456-43.74 41.641h47.586c11.515 0 20.85-9.319 20.85-20.82 0-11.499-9.347-20.82-20.85-20.82h-1.923z" fill="#2D9DF1" opacity=".1" filter="url(#b)" transform="translate(25 28)"/><path d="M24.85 83.347h1.924c23.485 0 42.652-18.456 43.74-41.641H22.929c-11.515 0-20.85 9.319-20.85 20.82 0 11.499 9.347 20.82 20.85 20.82h1.923zM68.529 0h-1.923C43.12 0 23.952 18.455 22.865 41.64H70.45c11.515 0 20.85-9.318 20.85-20.82C91.302 9.322 81.955 0 70.452 0h-1.923z" fill="#C4A6FF" opacity=".1" filter="url(#c)" transform="translate(25 28)"/></g></svg>
<svg width="147" height="154" viewBox="0 0 147 154" xmlns="http://www.w3.org/2000/svg"><title>7DDEF643-433C-4DEE-B018-F857F4796C5F</title><defs><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="a"><feGaussianBlur stdDeviation="2" in="SourceGraphic"/></filter><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="b"><feGaussianBlur stdDeviation="10" in="SourceGraphic"/></filter><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="c"><feGaussianBlur stdDeviation="10" in="SourceGraphic"/></filter></defs><g fill="none" fill-rule="evenodd"><path d="M21.046 88.404h1.75c21.38 0 38.827-16.8 39.818-37.905H19.296C8.814 50.5.316 58.982.316 69.452c0 10.467 8.509 18.952 18.98 18.952h1.75zm39.76-75.87h-1.751c-21.379 0-38.827 16.8-39.817 37.906h43.317c10.483 0 18.98-8.483 18.98-18.953 0-10.467-8.508-18.952-18.98-18.952h-1.75z" fill="#524B60" opacity=".2" filter="url(#a)" transform="translate(25 28)"/><path d="M28.535 98h1.923c23.485 0 42.653-18.455 43.74-41.64H26.613c-11.515 0-20.85 9.318-20.85 20.82C5.763 88.678 15.11 98 26.613 98h1.923zm43.677-83.347H70.29c-23.485 0-42.652 18.456-43.74 41.641h47.586c11.515 0 20.85-9.319 20.85-20.82 0-11.499-9.347-20.82-20.85-20.82h-1.923z" fill="#2D9DF1" opacity=".1" filter="url(#b)" transform="translate(25 28)"/><path d="M24.85 83.347h1.924c23.485 0 42.652-18.456 43.74-41.641H22.929c-11.515 0-20.85 9.319-20.85 20.82 0 11.499 9.347 20.82 20.85 20.82h1.923zM68.529 0h-1.923C43.12 0 23.952 18.455 22.865 41.64H70.45c11.515 0 20.85-9.318 20.85-20.82C91.302 9.322 81.955 0 70.452 0h-1.923z" fill="#C4A6FF" opacity=".1" filter="url(#c)" transform="translate(25 28)"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/img/new-site/alexander.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 244 KiB

BIN
src/img/new-site/andrei.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 881 KiB

BIN
src/img/new-site/andrey.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 472 KiB

BIN
src/img/new-site/carl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 268 KiB

BIN
src/img/new-site/footer-logo@2x.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/img/new-site/gustavo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 548 KiB

1
src/img/new-site/icon-community.svg Normal file
View File

@ -0,0 +1 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon-community</title><path d="M7.737 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm0 2a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zm-.194 4.001c.3-.726.685-1.385 1.157-1.969A13.791 13.791 0 0 0 7.737 13c-7 0-6.7 5.031-6.7 5.031C.814 19.113 1.634 20 2.742 20h3.994v-.001c0-.764.02-1.405.076-1.999H2.867c.028-.142.06-.28.1-.422.452-1.642 1.64-2.54 4.576-2.577zM16.237 10a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zm7.245 8.022c.14 1.093-.638 1.978-1.737 1.978H10.73c-1.1 0-1.925-.887-1.736-1.978 0 0-.256-6.022 7.244-6.022s7.245 6.022 7.245 6.022zm-2.076-1.015C20.809 15.058 19.397 14 16.237 14c-3.16 0-4.572 1.058-5.168 3.007a6.63 6.63 0 0 0-.224.993H21.63a6.63 6.63 0 0 0-.224-.993zM16.237 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" fill-rule="nonzero" fill="#FFF"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 838 B

25
src/img/new-site/icon_dropdown-white.svg
View File

@ -1,24 +1 @@
<?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 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>icon_dropdown-dark</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.600000024">
<g id="1280" transform="translate(-1162.000000, -3269.000000)" fill="#FFFFFF">
<g id="Group-18" transform="translate(0.000000, 3148.000000)">
<g id="Group-16" transform="translate(99.000000, 20.000000)">
<g id="Group-17" transform="translate(604.000000, 0.000000)">
<g id="Group-14" transform="translate(363.000000, 0.000000)">
<g id="Group-10" transform="translate(45.000000, 101.000000)">
<g id="Group-6" transform="translate(51.000000, 0.000000)">
<path d="M12,14.3300632 L8.46236609,10.7924293 C8.07770436,10.4077676 7.44077682,10.404005 7.05025253,10.7945293 C6.65700558,11.1877763 6.65878803,11.8172784 7.04815252,12.2066429 L11.2949932,16.4534836 C11.4869793,16.6454697 11.741806,16.7425721 11.9974742,16.7431263 C12.2565137,16.7456044 12.5106708,16.6478196 12.7050068,16.4534836 L16.9518475,12.2066429 C17.3365092,11.8219811 17.3402718,11.1850536 16.9497475,10.7945293 C16.5565005,10.4012824 15.9269984,10.4030648 15.5376339,10.7924293 L12,14.3300632 L12,14.3300632 Z" id="Combined-Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon_dropdown-dark</title><path d="M12 14.33l-3.538-3.538a1.003 1.003 0 0 0-1.412.003.996.996 0 0 0-.002 1.412l4.247 4.246c.192.192.447.29.702.29a.981.981 0 0 0 .708-.29l4.247-4.246a1.003 1.003 0 0 0-.002-1.412.996.996 0 0 0-1.412-.003L12 14.33z" fill="#FFF" fill-rule="evenodd" opacity=".6"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 389 B

25
src/img/new-site/icon_fb2.svg
View File

@ -1,24 +1 @@
<?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 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>icon_fb</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-Copy" transform="translate(-587.000000, -2194.000000)" fill="#FFFFFF">
<g id="Group-18" transform="translate(0.000000, 2073.000000)">
<g id="Group-16" transform="translate(211.000000, 20.000000)">
<g id="Group-17" transform="translate(332.000000, 0.000000)">
<g id="Group-12">
<g id="Group-2" transform="translate(40.000000, 97.000000)">
<g id="icon_fb" transform="translate(4.000000, 4.000000)">
<path d="M13.2034286,13.0698692 L15.552,13.0698692 L15.9051429,10.4367263 L13.2034286,10.4367263 L13.2034286,8.74758345 C13.2034286,7.98301202 13.416,7.46186917 14.552,7.46186917 L16,7.46186917 L16,5.09958345 C15.2985259,5.03061768 14.5939938,4.99743181 13.8891429,5.00015488 C11.8011429,5.00015488 10.3714286,6.22529774 10.3714286,8.48586917 L10.3714286,10.4367263 L8,10.4367263 L8,13.0698692 L10.3714286,13.0698692 L10.3714286,19.8572977 L13.2034286,19.8572977 L13.2034286,13.0698692 L13.2034286,13.0698692 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon_fb</title><path d="M13.203 13.07h2.349l.353-2.633h-2.702v-1.69c0-.764.213-1.285 1.349-1.285H16V5.1a20.754 20.754 0 0 0-2.11-.1C11.8 5 10.37 6.225 10.37 8.486v1.95H8v2.634h2.371v6.787h2.832V13.07z" fill="#FFF" fill-rule="evenodd"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 331 B

25
src/img/new-site/icon_gh2.svg
View File

@ -1,24 +1 @@
<?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 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>icon_gh</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-Copy" transform="translate(-588.000000, -2326.000000)" fill="#FFFFFF">
<g id="Group-18" transform="translate(0.000000, 2073.000000)">
<g id="Group-16" transform="translate(211.000000, 20.000000)">
<g id="Group-17" transform="translate(332.000000, 0.000000)">
<g id="Group-12">
<g id="Group-2" transform="translate(40.000000, 97.000000)">
<g id="icon_github" transform="translate(5.000000, 136.000000)">
<path d="M4,12.3335891 C4,16.0154087 6.3875298,19.1385862 9.69896764,20.240523 C10.1159029,20.3172596 10.2678412,20.0599364 10.2678412,19.8389351 C10.2678412,19.6414664 10.2606792,19.1171 10.2565866,18.4218668 C7.93863122,18.9252586 7.44956362,17.3045827 7.44956362,17.3045827 C7.07048508,16.3417948 6.52412085,16.0854947 6.52412085,16.0854947 C5.76749849,15.568802 6.58141748,15.5790335 6.58141748,15.5790335 C7.41784585,15.6378649 7.85780206,16.4379713 7.85780206,16.4379713 C8.60112342,17.7112864 9.80844511,17.3434626 10.2831886,17.130135 C10.358902,16.591956 10.5742759,16.2246437 10.8121592,16.0164319 C8.9617852,15.8061737 7.01625792,15.0909891 7.01625792,11.8977255 C7.01625792,10.9881416 7.3411093,10.2437971 7.87417252,9.66162252 C7.78822759,9.4508528 7.50225605,8.60316973 7.95602484,7.45621413 C7.95602484,7.45621413 8.65535058,7.23214341 10.2473782,8.31054769 C10.9119167,8.12535682 11.625055,8.03327297 12.3335891,8.02969193 C13.0416117,8.03327297 13.7542384,8.12535682 14.4198001,8.31054769 C16.0108045,7.23214341 16.7091071,7.45621413 16.7091071,7.45621413 C17.163899,8.60316973 16.8779275,9.4508528 16.7924941,9.66162252 C17.3265805,10.2437971 17.648874,10.9881416 17.648874,11.8977255 C17.648874,15.0991743 15.7002773,15.8036158 13.844276,16.0097814 C14.1430369,16.2671046 14.4095685,16.7756121 14.4095685,17.5532091 C14.4095685,18.6669122 14.399337,19.565753 14.399337,19.8389351 C14.399337,20.0619827 14.5497406,20.3213522 14.9723032,20.2400115 C18.2811832,19.1355167 20.6666667,16.0143855 20.6666667,12.3335891 C20.6666667,7.73093097 16.9352241,4 12.332566,4 C7.73144254,4 4,7.73093097 4,12.3335891 Z" id="Fill-3"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon_gh</title><path d="M4 12.334a8.334 8.334 0 0 0 5.699 7.907c.417.076.569-.181.569-.402 0-.198-.007-.722-.011-1.417-2.318.503-2.807-1.117-2.807-1.117-.38-.963-.926-1.22-.926-1.22-.757-.516.057-.506.057-.506.837.059 1.277.859 1.277.859.743 1.273 1.95.905 2.425.692.076-.538.291-.905.53-1.114-1.851-.21-3.797-.925-3.797-4.118 0-.91.325-1.654.858-2.236-.086-.211-.372-1.059.082-2.206 0 0 .7-.224 2.291.855a7.982 7.982 0 0 1 2.087-.281 7.99 7.99 0 0 1 2.086.28c1.59-1.078 2.29-.854 2.29-.854.454 1.147.168 1.995.082 2.206.535.582.857 1.326.857 2.236 0 3.201-1.949 3.906-3.805 4.112.299.257.566.766.566 1.543 0 1.114-.01 2.013-.01 2.286 0 .223.15.482.572.401A8.334 8.334 0 1 0 4 12.334z" fill="#FFF" fill-rule="evenodd"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 815 B

2
src/img/new-site/icon_rd.svg
View File

@ -1 +1 @@
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>icon_rd</title><g fill="none" fill-rule="evenodd"><path d="M17.25 10.85a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8zM2.75 10.85a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8z" fill="#FFF"/><path stroke="#FFF" stroke-width="1.5" d="M9.844 8.805l.493-5.544 4.123-1.07"/><circle stroke="#FFF" stroke-width=".8" fill="#FFF" cx="14.7" cy="2.1" r="1.5"/><path d="M10 18c4.694 0 8.5-2.686 8.5-6S14.694 6 10 6s-8.5 2.686-8.5 6 3.806 6 8.5 6zm-3.4-6.1a1.7 1.7 0 1 0 0-3.4 1.7 1.7 0 0 0 0 3.4zm6.8 0a1.7 1.7 0 1 0 0-3.4 1.7 1.7 0 0 0 0 3.4zm-3.402 4.058c1.153 0 2.316-.283 3.452-.903.399-.222.52-.702.234-1.048-.252-.315-.737-.4-1.1-.197-2.11 1.144-4.05.776-5.108.04-.343-.233-.837-.189-1.118.102-.309.32-.249.81.125 1.063.063.04.155.094.281.16a7.103 7.103 0 0 0 3.234.782z" fill="#FFF"/></g></svg>
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>icon_rd</title><g fill="none" fill-rule="evenodd"><path d="M17.25 10.85a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8zm-14.5 0a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8z" fill="#FFF"/><path stroke="#FFF" stroke-width="1.5" d="M9.844 8.805l.493-5.544 4.123-1.07"/><circle stroke="#FFF" stroke-width=".8" fill="#FFF" cx="14.7" cy="2.1" r="1.5"/><path d="M10 18c4.694 0 8.5-2.686 8.5-6S14.694 6 10 6s-8.5 2.686-8.5 6 3.806 6 8.5 6zm-3.4-6.1a1.7 1.7 0 1 0 0-3.4 1.7 1.7 0 0 0 0 3.4zm6.8 0a1.7 1.7 0 1 0 0-3.4 1.7 1.7 0 0 0 0 3.4zm-3.402 4.058c1.153 0 2.316-.283 3.452-.903.399-.222.52-.702.234-1.048-.252-.315-.737-.4-1.1-.197-2.11 1.144-4.05.776-5.108.04-.343-.233-.837-.189-1.118.102-.309.32-.249.81.125 1.063.063.04.155.094.281.16a7.103 7.103 0 0 0 3.234.782z" fill="#FFF"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 868 B

After

Width:  |  Height:  |  Size: 865 B

28
src/img/new-site/icon_rd2.svg
View File

@ -1,27 +1 @@
<?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 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>icon_rd</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-Copy" transform="translate(-587.000000, -2370.000000)">
<g id="Group-18" transform="translate(0.000000, 2073.000000)">
<g id="Group-16" transform="translate(211.000000, 20.000000)">
<g id="Group-17" transform="translate(332.000000, 0.000000)">
<g id="Group-12">
<g id="Group-2" transform="translate(40.000000, 97.000000)">
<g id="icon_rd" transform="translate(4.000000, 180.000000)">
<rect id="Rectangle-13" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect>
<path d="M19.6500244,13 C20.3645556,13 21.0248096,12.6188022 21.3820752,12 C21.7393408,11.3811979 21.7393408,10.6188021 21.3820752,9.99999999 C21.0248096,9.38119783 20.3645556,8.99999998 19.6500244,9 C18.5454549,9 17.6500244,9.8954305 17.6500244,11 C17.6500244,12.1045695 18.5454549,13 19.6500244,13 Z M4.34999998,13 C5.06453116,13 5.72478521,12.6188022 6.0820508,12 C6.4393164,11.3811979 6.4393164,10.6188021 6.0820508,9.99999999 C5.72478521,9.38119783 5.06453116,8.99999998 4.34999998,9 C3.24543049,9 2.35,9.8954305 2.35,11 C2.35,12.1045695 3.24543049,13 4.34999998,13 L4.34999998,13 Z M12,21 C16.694,21 20.5,18.314 20.5,15 C20.5,11.686 16.694,9 12,9 C7.306,9 3.5,11.686 3.5,15 C3.5,18.314 7.306,21 12,21 Z M11.998,18.958 L11.998,18.957 C10.8732913,18.9560499 9.76488464,18.6880308 8.764,18.175 C8.638,18.109 8.546,18.055 8.483,18.015 C8.109,17.762 8.049,17.272 8.358,16.952 C8.639,16.661 9.133,16.617 9.476,16.85 C10.534,17.586 12.474,17.954 14.584,16.81 C14.947,16.607 15.432,16.692 15.684,17.007 C15.97,17.353 15.849,17.833 15.45,18.055 C14.314,18.675 13.151,18.958 11.998,18.958 Z M8.6,14.9 C7.66111593,14.9 6.9,14.1388841 6.9,13.2 C6.9,12.2611159 7.66111593,11.5 8.6,11.5 C9.53888407,11.5 10.3,12.2611159 10.3,13.2 C10.3,14.1388841 9.53888407,14.9 8.6,14.9 Z M15.4,14.9 C14.4611159,14.9 13.7,14.1388841 13.7,13.2 C13.7,12.2611159 14.4611159,11.5 15.4,11.5 C16.3388841,11.5 17.1,12.2611159 17.1,13.2 C17.1,14.1388841 16.3388841,14.9 15.4,14.9 Z" id="Combined-Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<polyline id="Shape" stroke="#FFFFFF" stroke-width="1.5" points="11.844 11.805 12.337 6.261 16.46 5.191"></polyline>
<circle id="Oval" stroke="#FFFFFF" stroke-width="0.8" fill="#FFFFFF" fill-rule="nonzero" cx="16.7" cy="5.1" r="1.5"></circle>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon_rd</title><g fill="none" fill-rule="evenodd"><path d="M19.65 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-15.3 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM12 21c4.694 0 8.5-2.686 8.5-6S16.694 9 12 9s-8.5 2.686-8.5 6 3.806 6 8.5 6zm-.002-2.042v-.001a7.103 7.103 0 0 1-3.234-.782 3.965 3.965 0 0 1-.281-.16c-.374-.253-.434-.743-.125-1.063.281-.291.775-.335 1.118-.102 1.058.736 2.998 1.104 5.108-.04.363-.203.848-.118 1.1.197.286.346.165.826-.234 1.048-1.136.62-2.299.903-3.452.903zM8.6 14.9a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4zm6.8 0a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z" fill="#FFF" fill-rule="nonzero"/><path stroke="#FFF" stroke-width="1.5" d="M11.844 11.805l.493-5.544 4.123-1.07"/><circle stroke="#FFF" stroke-width=".8" fill="#FFF" fill-rule="nonzero" cx="16.7" cy="5.1" r="1.5"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 873 B

42
src/img/new-site/icon_sl2.svg
View File

@ -1,41 +1 @@
<?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 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>icon_sl</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0.0477292594 15.9921311 12.284357 15.9921311 12.284357 0.00497516103 0.0477292594 0.00497516103 0.0477292594 15.9921311"></polygon>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-Copy" transform="translate(-588.000000, -2282.000000)">
<g id="Group-18" transform="translate(0.000000, 2073.000000)">
<g id="Group-16" transform="translate(211.000000, 20.000000)">
<g id="Group-17" transform="translate(332.000000, 0.000000)">
<g id="Group-12">
<g id="Group-2" transform="translate(40.000000, 97.000000)">
<g id="icon_sl" transform="translate(5.000000, 92.000000)">
<g id="slack_cmyk" transform="translate(3.000000, 4.000000)">
<g id="Group-4" transform="translate(1.836066, 0.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M8.53665574,0.989901639 C8.2935082,0.241442623 7.48970492,-0.168131148 6.74137705,0.075147541 C5.99291803,0.318295082 5.58334426,1.12209836 5.82662295,1.87042623 L9.51081967,13.2057705 C9.76380328,13.904918 10.519082,14.2978361 11.2440656,14.0891803 C12.0002623,13.8714754 12.4612459,13.0683279 12.2199344,12.3256393 C12.2107541,12.2973115 8.53665574,0.989901639 8.53665574,0.989901639" id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)"></path>
<path d="M2.82806557,2.84472131 C2.58478689,2.09639344 1.78098361,1.68681967 1.03265574,1.92996721 C0.284196721,2.17311475 -0.125377049,2.97691803 0.117901639,3.72537705 L3.80209836,15.0607213 C4.05508197,15.7598689 4.81036066,16.1527869 5.53534426,15.944 C6.29154098,15.7264262 6.75252459,14.9232787 6.51121311,14.180459 C6.50203279,14.1522623 2.82806557,2.84472131 2.82806557,2.84472131" id="Fill-3" fill="#FFFFFF" mask="url(#mask-2)"></path>
</g>
<path d="M15.0100984,10.3778361 C15.7585574,10.1346885 16.168,9.33088525 15.9248525,8.58242623 C15.6817049,7.83409836 14.8779016,7.42452459 14.1295738,7.66767213 L2.79422951,11.352 C2.09508197,11.6048525 1.70216393,12.3601311 1.91081967,13.0851148 C2.12852459,13.8413115 2.93167213,14.3022951 3.67436066,14.0609836 C3.70268852,14.0518033 15.0100984,10.3778361 15.0100984,10.3778361" id="Fill-5" fill="#FFFFFF"></path>
<path d="M5.15672131,13.5794098 C5.89455738,13.3396721 6.8455082,13.0306885 7.86596721,12.6991475 C7.62622951,11.9613115 7.3172459,11.0102295 6.98557377,9.98963934 L4.27619672,10.8702951 L5.15672131,13.5794098" id="Fill-6" fill="#FFFFFF"></path>
<path d="M10.8654426,11.724459 C11.8897049,11.3917377 12.8417049,11.0823607 13.5746885,10.8441967 C13.3349508,10.1063607 13.0258361,9.15501639 12.6941639,8.13416393 L9.98478689,9.01481967 L10.8654426,11.724459" id="Fill-7" fill="#FFFFFF"></path>
<path d="M13.1552787,4.66911475 C13.9036066,4.42596721 14.3131803,3.62216393 14.0700328,2.87370492 C13.8268852,2.12537705 13.023082,1.71580328 12.274623,1.95895082 L0.939278689,5.64327869 C0.240131148,5.89613115 -0.152786885,6.65140984 0.056,7.37639344 C0.27357377,8.13259016 1.07672131,8.59357377 1.81954098,8.3522623 C1.8477377,8.34308197 13.1552787,4.66911475 13.1552787,4.66911475" id="Fill-9" fill="#FFFFFF"></path>
<path d="M3.30137705,7.87081967 C4.03921311,7.63108197 4.99042623,7.32196721 6.01101639,6.99042623 C5.67829508,5.96603279 5.36891803,5.01403279 5.1307541,4.28091803 L2.42072131,5.16170492 L3.30137705,7.87081967" id="Fill-11" fill="#FFFFFF"></path>
<path d="M9.00996721,6.016 C10.0344918,5.68314754 10.986623,5.37377049 11.7197377,5.13547541 C11.3868852,4.11095082 11.0775082,3.15868852 10.8392131,2.42544262 L8.12931148,3.30622951 L9.00996721,6.016" id="Fill-12" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>icon_sl</title><defs><path id="a" d="M.048 15.992h12.236V.005H.048v15.987z"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(4.836 4)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M8.537.99a1.425 1.425 0 1 0-2.71.88L9.51 13.206a1.425 1.425 0 0 0 1.733.883c.756-.218 1.217-1.02.976-1.763L8.537.99M2.828 2.845a1.425 1.425 0 0 0-2.71.88l3.684 11.336a1.425 1.425 0 0 0 1.733.883c.757-.218 1.218-1.02.976-1.764L2.828 2.845" fill="#FFF" mask="url(#b)"/></g><path d="M18.01 14.378a1.425 1.425 0 1 0-.88-2.71L5.794 15.352a1.425 1.425 0 0 0-.883 1.733c.218.756 1.02 1.217 1.763.976l11.336-3.683" fill="#FFF"/><path d="M8.157 17.58c.738-.24 1.689-.55 2.709-.88l-.88-2.71-2.71.88.88 2.71M13.865 15.724l2.71-.88c-.24-.738-.55-1.689-.88-2.71l-2.71.88.88 2.71M16.155 8.67a1.425 1.425 0 0 0-.88-2.711L3.939 9.643a1.424 1.424 0 0 0-.883 1.733c.218.757 1.02 1.218 1.764.976L16.155 8.67" fill="#FFF"/><path d="M6.301 11.87l2.71-.88-.88-2.71-2.71.882.88 2.709M12.01 10.016l2.71-.88-.88-2.71-2.71.88.88 2.71" fill="#FFF"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

25
src/img/new-site/icon_tw2.svg
View File

@ -1,24 +1 @@
<?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 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>icon_tw</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-Copy" transform="translate(-587.000000, -2238.000000)" fill="#FFFFFF">
<g id="Group-18" transform="translate(0.000000, 2073.000000)">
<g id="Group-16" transform="translate(211.000000, 20.000000)">
<g id="Group-17" transform="translate(332.000000, 0.000000)">
<g id="Group-12">
<g id="Group-2" transform="translate(40.000000, 97.000000)">
<g id="icon_tw" transform="translate(4.000000, 48.000000)">
<path d="M18.2323077,8.05615385 C18.8669231,7.65 19.3561538,7.00615385 19.5857692,6.24 C18.9870251,6.6200228 18.3250229,6.8896695 17.6311538,7.03615385 C17.0671391,6.38246901 16.2479779,6.00465349 15.3846154,6 C13.685,6 12.3073077,7.46884615 12.3073077,9.28153846 C12.306997,9.53296291 12.3340799,9.7836729 12.3880769,10.0292308 C9.83,9.89307692 7.56153846,8.58692308 6.04423077,6.60115385 C5.76885957,7.10738224 5.62559626,7.67487953 5.62769231,8.25115385 C5.62769231,9.38884615 6.17,10.3938462 6.99615385,10.9823077 C6.50435851,10.9649589 6.02491344,10.8236655 5.60230769,10.5715385 L5.60230769,10.6130769 C5.60230769,12.2030769 6.66384615,13.53 8.07153846,13.8311538 C7.61952151,13.9624855 7.14234168,13.9818894 6.68115385,13.8876923 C7.07346154,15.1915385 8.21,16.14 9.55653846,16.1665385 C8.29347062,17.2347899 6.64189594,17.7274602 5,17.5257692 C6.38670346,18.4836251 8.03156619,18.9978459 9.71692308,19.0003846 C15.3776923,19.0003846 18.4734615,13.9996154 18.4734615,9.66230769 C18.4734615,9.52038462 18.47,9.37846154 18.4642308,9.23769231 C19.0726014,8.76685061 19.5925867,8.19178049 20,7.53923077 C19.441662,7.80353736 18.8450804,7.97799466 18.2323077,8.05615385 L18.2323077,8.05615385 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon_tw</title><path d="M18.232 8.056a3.268 3.268 0 0 0 1.354-1.816c-.599.38-1.261.65-1.955.796A2.988 2.988 0 0 0 15.385 6c-1.7 0-3.078 1.469-3.078 3.282 0 .251.027.502.081.747-2.558-.136-4.826-1.442-6.344-3.428a3.427 3.427 0 0 0-.416 1.65c0 1.138.542 2.143 1.368 2.731a2.922 2.922 0 0 1-1.394-.41v.041c0 1.59 1.062 2.917 2.47 3.218-.452.131-.93.15-1.39.057.391 1.304 1.528 2.252 2.875 2.279A5.935 5.935 0 0 1 5 17.526 8.322 8.322 0 0 0 9.717 19c5.66 0 8.756-5 8.756-9.338 0-.142-.003-.284-.009-.424A6.502 6.502 0 0 0 20 7.539a5.866 5.866 0 0 1-1.768.517z" fill="#FFF" fill-rule="evenodd"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 686 B

BIN
src/img/new-site/jarrad.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 282 KiB

BIN
src/img/new-site/lines@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
src/img/new-site/roman.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 780 KiB

BIN
src/img/new-site/victor.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 467 KiB

2
src/img/phone.svg
View File

@ -1 +1 @@
<svg width="590" height="1206" viewBox="0 0 590 1206" xmlns="http://www.w3.org/2000/svg"><title>B33E3977-4699-4B37-ADDD-824F20665A00</title><g fill="none" fill-rule="evenodd"><path d="M492.568 0c1.632 0 3.254.042 4.865.125 13.27.683 25.902.024 38.843 3.872 12.674 3.77 24.577 10.61 33.157 20.825 12.14 14.452 16.55 33.89 16.567 53.24-.002 1.858-.123 1034.025 0 1034.415-.687 20.775-1.691 43.634-12.87 61.647-7.791 12.553-20.111 22.02-34.273 26.18-13.251 3.895-27.137 5.34-42.246 5.61-1.34.057-2.688.086-4.043.086H93.057c-14.569 0-30.257-1.227-44.264-5.368-18.356-5.427-33.039-17.353-40.697-35.094-3.676-8.517-6.22-16.638-7.158-26.769-.938-10.13-.81-17.874-.938-27.047 0 0 .138-1025.885 0-1028.003.049-1.69 0-3.533 0-5.657C0 58.47 4.213 38.685 16.801 24.139c7.853-9.074 18.44-15.568 29.804-19.38C60.42.123 73.895.864 88.155.126A94.752 94.752 0 0 1 93.056 0h399.511z" fill="#DFE4E7"/><path d="M586 394h2c1.105 0 2 .744 2 1.667v70.666c0 .92-.888 1.667-2 1.667h-2v-74zm0 106h2c1.105 0 2 .757 2 1.692v90.616c0 .935-.888 1.692-2 1.692h-2v-94zM227 64c0-3.314 2.693-6 6.002-6h197.996A6.006 6.006 0 0 1 437 64c0 3.314-2.693 6-6.002 6H233.002A6.006 6.006 0 0 1 227 64zm-78 0c0-3.866 3.142-7 7-7 3.866 0 7 3.142 7 7 0 3.867-3.142 7.002-7 7.002-3.866 0-7-3.143-7-7.001zM192 1147c0-3.314 2.684-6 5.99-6h190.02c3.308 0 5.99 2.693 5.99 6 0 3.314-2.684 6-5.99 6H197.99c-3.308 0-5.99-2.693-5.99-6z" fill="#CCD1D5"/></g></svg>
<svg width="590" height="1206" viewBox="0 0 590 1206" xmlns="http://www.w3.org/2000/svg"><title>B33E3977-4699-4B37-ADDD-824F20665A00</title><g fill="none" fill-rule="evenodd"><path d="M492.568 0c1.632 0 3.254.042 4.865.125 13.27.683 25.902.024 38.843 3.872 12.674 3.77 24.577 10.61 33.157 20.825 12.14 14.452 16.55 33.89 16.567 53.24-.002 1.858-.123 1034.025 0 1034.415-.687 20.775-1.691 43.634-12.87 61.647-7.791 12.553-20.111 22.02-34.273 26.18-13.251 3.895-27.137 5.34-42.246 5.61-1.34.057-2.688.086-4.043.086H93.057c-14.569 0-30.257-1.227-44.264-5.368-18.356-5.427-33.039-17.353-40.697-35.094-3.676-8.517-6.22-16.638-7.158-26.769-.938-10.13-.81-17.874-.938-27.047 0 0 .138-1025.885 0-1028.003.049-1.69 0-3.533 0-5.657C0 58.47 4.213 38.685 16.801 24.139c7.853-9.074 18.44-15.568 29.804-19.38C60.42.123 73.895.864 88.155.126A94.752 94.752 0 0 1 93.056 0h399.511z" fill="#DFE4E7"/><path d="M586 394h2c1.105 0 2 .744 2 1.667v70.666c0 .92-.888 1.667-2 1.667h-2v-74zm0 106h2c1.105 0 2 .757 2 1.692v90.616c0 .935-.888 1.692-2 1.692h-2v-94zM227 64c0-3.314 2.693-6 6.002-6h197.996A6.006 6.006 0 0 1 437 64c0 3.314-2.693 6-6.002 6H233.002A6.006 6.006 0 0 1 227 64zm-78 0c0-3.866 3.142-7 7-7 3.866 0 7 3.142 7 7a7.006 7.006 0 0 1-7 7.002c-3.866 0-7-3.143-7-7.001zm43 1083c0-3.314 2.684-6 5.99-6h190.02c3.308 0 5.99 2.693 5.99 6 0 3.314-2.684 6-5.99 6H197.99c-3.308 0-5.99-2.693-5.99-6z" fill="#CCD1D5"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

2
src/img/phone_big.svg
View File

@ -1 +1 @@
<svg width="649" height="1330" viewBox="0 0 649 1330" xmlns="http://www.w3.org/2000/svg"><title>phone_big</title><g fill="none" fill-rule="evenodd"><path d="M542.32 1c1.794 0 3.577.046 5.347.138 14.583.751 28.465.026 42.688 4.264 13.928 4.15 27.01 11.683 36.438 22.93C640.135 44.248 644.981 65.653 645 86.96c-.002 2.045-.135 1138.628 0 1139.057-.755 22.876-1.859 48.048-14.144 67.884-8.562 13.822-22.102 24.246-37.665 28.829-14.563 4.288-29.823 5.879-46.427 6.176-1.473.063-2.954.095-4.443.095H103.267c-16.01 0-33.251-1.351-48.645-5.911-20.173-5.976-36.309-19.109-44.725-38.644-4.04-9.378-6.835-18.321-7.866-29.477C1 1243.813 1.14 1235.285 1 1225.185c0 0 .152-1129.664 0-1131.997.053-1.86 0-3.89 0-6.23 0-21.573 4.63-43.36 18.464-59.377 8.63-9.992 20.265-17.143 32.754-21.341C67.4 1.137 82.209 1.952 97.879 1.14c1.784-.093 3.58-.14 5.388-.14h439.054z" stroke="#D2D7DB" stroke-width="2" fill="#F6F8F9"/><path d="M644.593 435.068h2c1.105 0 2 .825 2 1.847v78.306c0 1.02-.888 1.847-2 1.847h-2v-82zm0 116.78h2c1.105 0 2 .82 2 1.835v98.329c0 1.014-.888 1.835-2 1.835h-2v-102z" fill="#CCD1D5"/><path d="M250.932 71.102c0-3.314 2.95-6 6.574-6h216.852c3.63 0 6.574 2.693 6.574 6 0 3.313-2.95 6-6.574 6H257.506c-3.63 0-6.574-2.693-6.574-6zM165 71c0-3.866 3.142-7 7-7 3.866 0 7 3.142 7 7 0 3.866-3.142 7-7 7-3.866 0-7-3.142-7-7zM218.584 1258h208.832c3.636 0 6.584 3.142 6.584 7 0 3.866-2.95 7-6.584 7H218.584c-3.636 0-6.584-3.142-6.584-7 0-3.866 2.95-7 6.584-7z" stroke="#D2D7DB" stroke-width="2" fill="#EEF2F5"/></g></svg>
<svg width="649" height="1330" viewBox="0 0 649 1330" xmlns="http://www.w3.org/2000/svg"><title>phone_big</title><g fill="none" fill-rule="evenodd"><path d="M542.32 1c1.794 0 3.577.046 5.347.138 14.583.751 28.465.026 42.688 4.264 13.928 4.15 27.01 11.683 36.438 22.93C640.135 44.248 644.981 65.653 645 86.96c-.002 2.045-.135 1138.628 0 1139.057-.755 22.876-1.859 48.048-14.144 67.884-8.562 13.822-22.102 24.246-37.665 28.829-14.563 4.288-29.823 5.879-46.427 6.176-1.473.063-2.954.095-4.443.095H103.267c-16.01 0-33.251-1.351-48.645-5.911-20.173-5.976-36.309-19.109-44.725-38.644-4.04-9.378-6.835-18.321-7.866-29.477C1 1243.813 1.14 1235.285 1 1225.185c0 0 .152-1129.664 0-1131.997.053-1.86 0-3.89 0-6.23 0-21.573 4.63-43.36 18.464-59.377 8.63-9.992 20.265-17.143 32.754-21.341C67.4 1.137 82.209 1.952 97.879 1.14c1.784-.093 3.58-.14 5.388-.14h439.054z" stroke="#D2D7DB" stroke-width="2" fill="#F6F8F9"/><path d="M644.593 435.068h2c1.105 0 2 .825 2 1.847v78.306c0 1.02-.888 1.847-2 1.847h-2v-82zm0 116.78h2c1.105 0 2 .82 2 1.835v98.329c0 1.014-.888 1.835-2 1.835h-2v-102z" fill="#CCD1D5"/><path d="M250.932 71.102c0-3.314 2.95-6 6.574-6h216.852c3.63 0 6.574 2.693 6.574 6 0 3.313-2.95 6-6.574 6H257.506c-3.63 0-6.574-2.693-6.574-6zM165 71c0-3.866 3.142-7 7-7 3.866 0 7 3.142 7 7 0 3.866-3.142 7-7 7-3.866 0-7-3.142-7-7zm53.584 1187h208.832c3.636 0 6.584 3.142 6.584 7 0 3.866-2.95 7-6.584 7H218.584c-3.636 0-6.584-3.142-6.584-7 0-3.866 2.95-7 6.584-7z" stroke="#D2D7DB" stroke-width="2" fill="#EEF2F5"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

2
src/img/phone_new.svg
View File

@ -1 +1 @@
<svg width="551" height="1126" viewBox="0 0 551 1126" xmlns="http://www.w3.org/2000/svg"><title>phone_new</title><g fill="none" fill-rule="evenodd"><path d="M460.174 1a87.8 87.8 0 0 1 4.535.117c12.37.636 24.145.021 36.21 3.609 11.814 3.513 22.91 9.889 30.908 19.408 11.317 13.47 15.428 31.587 15.444 49.62-.001 1.732-.114 963.719 0 964.082-.64 19.362-1.576 40.667-11.998 57.456-7.262 11.699-18.747 20.522-31.949 24.4-12.353 3.63-25.297 4.976-39.381 5.228-1.25.053-2.506.08-3.769.08H87.748c-13.581 0-28.206-1.144-41.263-5.003-17.112-5.058-30.799-16.173-37.938-32.708-3.427-7.938-5.798-15.507-6.673-24.948-.874-9.442-.755-16.66-.874-25.208 0 0 .129-956.132 0-958.107.045-1.574 0-3.292 0-5.272 0-18.26 3.927-36.7 15.662-50.256 7.32-8.457 17.19-14.51 27.783-18.063 12.879-4.32 25.44-3.63 38.733-4.317A88.347 88.347 0 0 1 87.748 1h372.426z" stroke="#D2D7DB" stroke-width="2" fill="#F6F8F9"/><path d="M547.271 368.21h1.865c1.03 0 1.864.694 1.864 1.554v65.861c0 .859-.828 1.554-1.864 1.554h-1.865v-68.968zm0 98.793h1.865c1.03 0 1.864.706 1.864 1.577v84.455c0 .871-.828 1.577-1.864 1.577h-1.865v-87.609z" fill="#CCD1D5"/><path d="M212.898 60.124c0-3.313 2.489-6 5.545-6h182.91c3.063 0 5.545 2.693 5.545 6 0 3.314-2.488 6-5.545 6h-182.91c-3.062 0-5.545-2.693-5.545-6zm-73 0c0-3.313 2.693-6 6-6 3.314 0 6 2.693 6 6 0 3.314-2.693 6-6 6-3.313 0-6-2.693-6-6zM179.983 1070.42c0-3.314 2.498-6 5.576-6h176.849c3.079 0 5.575 2.693 5.575 6 0 3.313-2.498 6-5.575 6h-176.85c-3.079 0-5.575-2.693-5.575-6z" stroke="#D2D7DB" stroke-width="2" fill="#EEF2F5"/></g></svg>
<svg width="551" height="1126" viewBox="0 0 551 1126" xmlns="http://www.w3.org/2000/svg"><title>phone_new</title><g fill="none" fill-rule="evenodd"><path d="M460.174 1a87.8 87.8 0 0 1 4.535.117c12.37.636 24.145.021 36.21 3.609 11.814 3.513 22.91 9.889 30.908 19.408 11.317 13.47 15.428 31.587 15.444 49.62-.001 1.732-.114 963.719 0 964.082-.64 19.362-1.576 40.667-11.998 57.456-7.262 11.699-18.747 20.522-31.949 24.4-12.353 3.63-25.297 4.976-39.381 5.228-1.25.053-2.506.08-3.769.08H87.748c-13.581 0-28.206-1.144-41.263-5.003-17.112-5.058-30.799-16.173-37.938-32.708-3.427-7.938-5.798-15.507-6.673-24.948-.874-9.442-.755-16.66-.874-25.208 0 0 .129-956.132 0-958.107.045-1.574 0-3.292 0-5.272 0-18.26 3.927-36.7 15.662-50.256 7.32-8.457 17.19-14.51 27.783-18.063 12.879-4.32 25.44-3.63 38.733-4.317A88.347 88.347 0 0 1 87.748 1h372.426z" stroke="#D2D7DB" stroke-width="2" fill="#F6F8F9"/><path d="M547.271 368.21h1.865c1.03 0 1.864.694 1.864 1.554v65.861c0 .859-.828 1.554-1.864 1.554h-1.865v-68.968zm0 98.793h1.865c1.03 0 1.864.706 1.864 1.577v84.455c0 .871-.828 1.577-1.864 1.577h-1.865v-87.609z" fill="#CCD1D5"/><path d="M212.898 60.124c0-3.313 2.489-6 5.545-6h182.91c3.063 0 5.545 2.693 5.545 6 0 3.314-2.488 6-5.545 6h-182.91c-3.062 0-5.545-2.693-5.545-6zm-73 0c0-3.313 2.693-6 6-6 3.314 0 6 2.693 6 6 0 3.314-2.693 6-6 6-3.313 0-6-2.693-6-6zm40.085 1010.296c0-3.314 2.498-6 5.576-6h176.849c3.079 0 5.575 2.693 5.575 6 0 3.313-2.498 6-5.575 6h-176.85c-3.079 0-5.575-2.693-5.575-6z" stroke="#D2D7DB" stroke-width="2" fill="#EEF2F5"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/img/status-github-banner@2x.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 26 KiB

76
src/index.html
View File

@ -323,6 +323,82 @@
</div>
</div>
</div>
<div class="slide slide--five">
<div class="slide__inner">
<div class="slide__header slide__header--inversed">
<h2 class="slide__title">A Community Driven Project</h2>
<p class="slide__description">Status is built together with its users. We’re completely open source and anyone is free to contribute. Together we can shape the future of Status, and facilitate the transition to a more open internet.</p>
</div>
<div class="slide__bg-image">
<div class="slide__bg-icon">
<div class="slide__bg-icon-inner"></div>
</div>
</div>
<div class="contributors">
<h5 class="contributors__title">Core contributors</h5>
<ul class="contributors__list">
<li class="contributor contributor--carl">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Carl</div>
<div class="contributor__info__position">Co-founder</div>
</div>
</li>
<li class="contributor contributor--jarrad">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Jarrad</div>
<div class="contributor__info__position">Co-founder</div>
</div>
</li>
<li class="contributor contributor--roman">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Roman</div>
<div class="contributor__info__position">Lead Clojure</div>
</div>
</li>
<li class="contributor contributor--victor">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Victor</div>
<div class="contributor__info__position">Go</div>
</div>
</li>
<li class="contributor contributor--alexander">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Alexander</div>
<div class="contributor__info__position">Clojure</div>
</div>
</li>
<li class="contributor contributor--andrey">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Andrey</div>
<div class="contributor__info__position">Clojure</div>
</div>
</li>
<li class="contributor contributor--gustavo">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Gustavo</div>
<div class="contributor__info__position">Clojure</div>
</div>
</li>
<li class="contributor contributor--andrei">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Andrey</div>
<div class="contributor__info__position">Design</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="slide slide--four">
<div class="slide__inner">
<div class="slide__header">

1
src/scss/main.scss
View File

@ -12,5 +12,6 @@
@import "slide--two";
@import "slide--three";
@import "slide--four";
@import "slide--five";
@import "footer";

199
src/scss/slide--five.scss Normal file
View File

@ -0,0 +1,199 @@
.slide.slide--five {
display: flex;
padding: 40px 0 60px;
}
.slide.slide--five .slide__inner {
background-image: linear-gradient(-138deg, #5070D5 14%, #4957B8 100%);
box-shadow: 0px 12px 23px 0px rgba(74,92,105,0.33);
border-radius: 8px;
padding: 50px 0;
height: 740px;
width: 1080px;
}
.slide.slide--five .slide__header {
padding: 150px 0 0 0;
}
.slide.slide--five .slide__bg-image {
width: 814px;
height: 519px;
background-image: url(../img/new-site/lines@2x.png);
background-size: 814px;
position: absolute;
left: 50%;
top:0;
margin: 0 0 0 -407px;
}
.slide.slide--five .slide__bg-icon {
position: absolute;
top: 86px;
left: 50%;
margin: 0 0 0 -26px;
height: 52px;
width: 52px;
border-radius: 50%;
background: #68C0F8;
box-shadow: 0 2px 9px 0 rgba(57,80,164,0.69);
position: relative;
animation-name: pulsate;
animation-duration: 3.4s;
animation-iteration-count: infinite;
}
.slide.slide--five .slide__bg-icon-inner {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
width: 24px;
height: 24px;
background-image: url(../img/new-site/icon-community.svg);
background-position: 24px;
}
.contributors {
width: 870px;
margin: 0 auto;
padding: 80px 0 0 0
}
.contributors__title {
text-align: center;
color: $colorWhite;
opacity: .6;
padding: 24px 0;
}
.contributors__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contributor {
display: flex;
align-items: center;
width: 210px;
height: 92px;
}
.contributor__pic {
width: 60px;
height: 60px;
border-radius: 50%;
box-shadow: 0 2px 8px 0 #394C97;
background-size: cover;
}
.contributor--carl .contributor__pic {background-image: url(../img/new-site/carl.png)}
.contributor--jarrad .contributor__pic {background-image: url(../img/new-site/jarrad.png)}
.contributor--roman .contributor__pic {background-image: url(../img/new-site/roman.png)}
.contributor--victor .contributor__pic {background-image: url(../img/new-site/victor.png)}
.contributor--alexander .contributor__pic {background-image: url(../img/new-site/alexander.png)}
.contributor--andrey .contributor__pic {background-image: url(../img/new-site/andrey.png)}
.contributor--gustavo .contributor__pic {background-image: url(../img/new-site/gustavo.png)}
.contributor--andrei .contributor__pic {background-image: url(../img/new-site/andrei.png)}
.contributor__info {
padding: 0 0 0 16px;
color: $colorWhite;
}
.contributor__info__name {
font-family:$PostGroteskMedium;
}
.contributor__info__position {
font-size: 14px;
color: #68C0F8;
}
@keyframes pulsate {
0% {
transform: scale(1);
box-shadow: 0 2px 9px 0 rgba(57,80,164,0.69);
}
50% {
transform: scale(1.14);
box-shadow: 0px 10px 14px 0 rgba(57,80,164,0.69);
}
100% {
transform: scale(1);
box-shadow: 0 2px 9px 0 rgba(57,80,164,0.69);
}
}
@media (max-width: 1140px) {
.slide.slide--five .slide__inner {
width: 860px;
height: auto;
}
.contributors {
padding: 60px 0 0 0;
width: 640px;
}
.contributor {
flex-direction: column;
text-align: center;
justify-content: center;
height: auto;
margin: 0 0 24px 0;
width: 160px;
}
.contributor__info {
padding: 8px 0 0 0;
}
}
@media (max-width: 960px) {
}
@media (max-width: 922px) {
.slide.slide--five .slide__inner {
width: 728px;
}
.contributors {
width: 100%;
}
.contributors__list {
justify-content: center;
}
.contributor {
width: 160px;
}
}
@media (max-width: 767px) {
.slide.slide--five {
padding: 40px 0 40px
}
.slide.slide--five .slide__inner {
padding: 30px 0;
width: 100%;
border-radius: 0;
}
}
@media (max-width: 860px) {
}