status-im
/
design.status.im
mirror of https://github.com/status-im/design.status.im.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

updated copy

This commit is contained in:
andmironov 2018-05-07 13:51:41 +03:00
parent de37fb5a13
commit 002bb7add5
10 changed files with 78 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
css/main.css
View File

@ -197,6 +197,15 @@ select[multiple] {
.main-nav li:last-child {
margin-right: 0; }
.header a:hover {
opacity: .8; }
.header a:visited {
color: #FFFFFF; }
.header .social-link a:hover {
opacity: 1; }
.main-nav a {
color: #FFFFFF;
text-decoration: none; }
@ -803,7 +812,7 @@ select[multiple] {
position: relative;
margin: 0 0 24px 0;
width: 100%;
height: 150px;
height: 180px;
border-color: #E0E3E6;
border-style: solid;
cursor: pointer; }
@ -844,7 +853,8 @@ select[multiple] {
box-shadow: 0 4px 13px 0 rgba(193, 201, 208, 0.57); }
.positions-item-top {
transition: transform 0.2s ease; }
transition: transform 0.2s ease;
padding-right: 32px; }
.positions-item h2 {
font-size: 18px;
@ -1057,7 +1067,7 @@ select[multiple] {
line-height: 20px;
color: #8D99A4; }
.blog-post a {
.blog-post span {
display: block;
position: absolute;
left: 24px;
@ -1071,7 +1081,7 @@ select[multiple] {
line-height: 24px;
transition: color .2s ease, opacity .2s ease; }
.blog-post:hover a {
.blog-post:hover span {
color: #4360DF;
opacity: 1;
transform: translate3d(0, 0, 0); }
@ -1079,12 +1089,14 @@ select[multiple] {
.blog-post:hover h3 {
color: #4360DF; }
.blog-post-inner {
height: 300px;
a.blog-post-inner {
display: block;
text-decoration: none;
height: 240px;
position: relative;
background-color: #FFFFFF;
border-radius: 12px;
width: 100%;
width: auto;
padding: 24px; }
.blog-post:nth-child(1) {
@ -1730,6 +1742,10 @@ input[type=checkbox] {
display: flex;
align-items: center; }
.footer-link a:visited {
opacity: 0.8;
color: #FFFFFF; }
.footer-icon {
display: inline-block;
width: 32px;
@ -1858,6 +1874,9 @@ body {
padding: 0 12px;
overflow: hidden; } }
a:visited {
color: inherit; }
.button, a.button {
display: block;
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
@ -1892,7 +1911,7 @@ body {
.section-header p {
font-size: 16px;
width: 900px;
width: 592px;
color: #8D99A4;
line-height: 24px; }

BIN
img/apple-touch-icon-1024.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
img/apple-touch-icon-120.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/apple-touch-icon-152.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/apple-touch-icon-180.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
img/apple-touch-icon-76.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
img/logo-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 B

BIN
img/logo-32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 587 B

BIN
img/status-design-share.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

87
index.html
View File

@ -6,7 +6,23 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="./img/logo-16.png?v=0.0.5" sizes="16x16" />
<link rel="icon" type="image/png" href="./img/logo-32.png?v=0.0.5" sizes="32x32" />
<link rel="apple-touch-icon" sizes="76x76" href="./img/apple-touch-icon-76.png?v=0.0.5">
<link rel="apple-touch-icon" sizes="120x120" href="./img/apple-touch-icon-120.png?v=0.0.5">
<link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152.png?v=0.0.5">
<link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180.png?v=0.0.5">
<link rel="apple-touch-icon" href="./img/apple-touch-icon-1024.png?v=0.0.5">
<title>Status Design</title>
<meta name="description" content="We’re the Status Design team and we are helping create the tools for a more open and equitable internet for all of us">
<meta property="og:title" content="Status Design"/>
<meta property="og:description" content="We’re the Status Design team and we are helping create the tools for a more open and equitable internet for all of us" />
<meta property="og:type" content="article" />
<meta property="og:image" content="./img/status-design-share?v=0.0.5" />
<link rel="stylesheet" href="./css/main.css?v=0.0.5">
</head>
@ -62,7 +78,7 @@
</div>
<div class="popup__footer">
<div class="input-wrap">
<a class="button button--apply" href="#">Apply</a>
<a class="button button--apply" href="mailto:chinamuoka@status.im?subject=UI%2FUX%20Designer%20%E2%80%93%20from%20Status%20Design&body=">Apply</a>
<div class="tooltip tooltip--shown">Get 10 000 SNT ($1000 value) for a recommendation</div>
<a class="button button--recommend" href="#">Recommend<span> Someone</span></a>
</div>
@ -116,7 +132,7 @@
</div>
<div class="popup__footer">
<div class="input-wrap">
<a class="button button--apply" href="#">Apply</a>
<a class="button button--apply" href="mailto:chinamuoka@status.im?subject=Web%20Designer%20%E2%80%93%20from%20Status%20Design&body=">Apply</a>
<div class="tooltip tooltip--shown">Get 10 000 SNT ($1000 value) for a recommendation</div>
<a class="button button--recommend" href="#">Recommend<span> Someone</span></a>
</div>
@ -168,7 +184,7 @@
</div>
<div class="popup__footer">
<div class="input-wrap">
<a class="button button--apply" href="#">Apply</a>
<a class="button button--apply" href="mailto:chinamuoka@status.im?subject=Brand%20Design%20Lead%20%E2%80%93%20from%20Status%20Design&body=">Apply</a>
<div class="tooltip tooltip--shown">Get 10 000 SNT ($1000 value) for a recommendation</div>
<a class="button button--recommend" href="#">Recommend<span> Someone</span></a>
</div>
@ -216,7 +232,7 @@
</div>
<div class="popup__footer">
<div class="input-wrap">
<a class="button button--apply" href="#">Apply</a>
<a class="button button--apply" href="mailto:chinamuoka@status.im?subject=Brand%20Designer%E2%80%93%20from%20Status%20Design&body=">Apply</a>
<div class="tooltip tooltip--shown">Get 10 000 SNT ($1000 value) for a recommendation</div>
<a class="button button--recommend" href="#">Recommend<span> Someone</span></a>
</div>
@ -244,8 +260,8 @@
</ul>
</div>
<div class="intro">
<h1>Status Design Team</h1>
<p>Store, send & receive Eth and ERC-20 tokens with Status Store, send & receive Eth and ERC-20 tokens with Status HardwalletHardwallet</p>
<h1>Status Design</h1>
<p>We’re the Status Design team and we are helping create the tools for a more open and equitable internet for all of us</p>
<div class="intro-buttons">
<a class="button" target="_blank" href="https://status.im">About Status</a>
<a class="button button--secondary button--positions" href="">Open positions</a>
@ -254,14 +270,14 @@
<div class="home-wrap">
<div class="sections">
<div class="inner-header">
<h2>Our Workflow</h2>
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
<h2>How do we work</h2>
<p>We work in an unconventional way, and we’re always trying to improve it maintaining a high level of autonomy and build on meritocracy.</p>
</div>
<div class="section section--odd section--one">
<div class="section__text">
<h2>Swarms</h2>
<div class="text">
<p>With NFC & Bluetooth, you can now use the Status Hardwallet combined with your mobile device to approve & send payments.</p>
<p>We are an entirely decentralised and transparent organization, where teams are funded by anybody with a valuable idea. As designers, we help bring these ideas to life in a highly open and collaborative environment.</p>
</div>
</div>
<div class="section__image">
@ -304,7 +320,7 @@
<div class="section__text">
<h2>Objectives and Key Results</h2>
<div class="text">
<p>Forget leaving your assets in the vulnerable hands of exchanges or hot wallets online. Isolate your private keys into the safety of your Status Hardwallet offline.</p>
<p>Our team has ambitious and sometimes uncomfortable goals. We set our OKRs in order to have a direction, stay focused and measure our progress.</p>
</div>
</div>
<div class="section__image">
@ -317,7 +333,7 @@
<div class="section__text">
<h2>Status Open Bounty</h2>
<div class="text">
<p>Status Hardwallet is built to be compatible with all major cryptocurrencies including Eth and ERC-20 token tokens.</p>
<p>We create products together with the help of the community. Status Open Bounty is the space where commited open source developers and fellow designers contribute and get rewarded for it.</p>
</div>
</div>
<div class="section__image">
@ -334,7 +350,7 @@
<div class="section-header section-header--people">
<h2>Who We Are</h2>
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
<p>A diverse group of designers and researchers, working remotely from all around the world, contributing to Ethereum and the Web 3.0</p>
</div>
<div class="people">
@ -377,15 +393,15 @@
<div class="person-inner">
<h3>+ 65 more core contributors</h3>
<p>Want to join? Contact us, we’ll be happy to have a chat</p>
<a class="button" href="#">Contact Us</a>
<a class="button" href="mailto:andrei@status.im?subject=Contact%20from%20Status%20Design&body=">Contact Us</a>
</div>
</div>
</div>
<div class="section-header section-header--positions">
<h2>Who Are We Looking For</h2>
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
<h2>Join us</h2>
<p>We’re looking for talented and passionate individuals to join our team. Take a look at the latest open roles.</p>
</div>
<div class="positions">
@ -395,7 +411,7 @@
<div class="positions-arrow"></div>
<div class="positions-item-top">
<h2>UI/UX Designer <span>X3</span> </h2>
<p>Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
<p>As a UI/UX designer, you’ll tackle complex and exciting problems and transform them into meaningful, accessible, easy-to-use, user-centered solutions.</p>
</div>
<div class="reward">
<div class="reward-amount">
@ -412,7 +428,7 @@
<div class="positions-arrow"></div>
<div class="positions-item-top">
<h2>Web Designer</h2>
<p>Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
<p>By joining us as a Web Designer, you’ll help to craft the way people interact with blockchain technology.</p>
</div>
<div class="reward">
<div class="reward-amount">
@ -446,7 +462,7 @@
<div class="positions-arrow"></div>
<div class="positions-item-top">
<h2>Brand Designer</h2>
<p>Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
<p>As Brand Designer, you’ll help visualize the story Status is trying to tell and the incredible potential through the visual language of the brand.</p>
</div>
<div class="reward">
<div class="reward-amount">
@ -463,55 +479,54 @@
<div class="section-header section-header--blog">
<h2>Read our Blog</h2>
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
<p>Stories and thoughts we think are worth sharing.</p>
</div>
<div class="blog-posts">
<div class="blog-post">
<div class="blog-post-inner">
<h3>Status to host first team offsite in Thailand</h3>
<p>Join us — in Bangkok or online — as we come together to plan the future of Status</p>
<a href="#">Read more</a>
</div>
<a href="https://blog.status.im/announcing-embark-by-status-fostering-the-development-of-web3-ee5978a5b2d7" target="_blank" class="blog-post-inner">
<h3>Announcing Embark by Status: Fostering the development of web3</h3>
<p>Embark is a fast, simple and powerful framework to help you develop and deploy Decentralized Applications</p>
<span>Read more</span>
</a>
</div>
<div class="blog-post">
<div class="blog-post-inner">
<h3>Status Alpha 0.9.17 Release Notes</h3>
<p>0.9.17</p>
<a href="#">Read more</a>
</div>
<a href="https://blog.status.im/pillars-of-decentralisation-freedom-of-speech-4bc00d21beeb" target="_blank" class="blog-post-inner">
<h3>Pillars of Decentralisation: Freedom of Speech</h3>
<span>Read more</span>
</a>
</div>
<div class="blog-post">
<div class="blog-post-inner">
<a href="https://blog.status.im/securing-the-path-to-beta-9cf47cfbddf8" target="_blank" class="blog-post-inner">
<h3>Securing the Path to Beta</h3>
<p>Leading security expert Déjà Vu Security engaged to ready Status Beta</p>
<a href="#">Read more</a>
</div>
<span>Read more</span>
</a>
</div>
</div>
<div class="section-header">
<h2>Follow Us</h2>
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet tokens Store, send & receive Eth and ERC-20 tokens with Status Hardwallet</p>
<p>Status Design is represented throughout all of our mediums. You can see most of our work through these channels.</p>
</div>
<div class="social-blocks">
<div class="social-block">
<a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ" target="_blank" class="social-block-inner">
<div class="social-block-logo social-block-logo--one"></div>
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth</p>
<p>Town hall meetings, tutorials, program updates and more.</p>
</a>
</div>
<div class="social-block">
<a href="https://github.com/status-im/" target="_blank" class="social-block-inner">
<div class="social-block-logo social-block-logo--two"></div>
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth</p>
<p>We are all open source, check out what we’re working on and contribute</p>
</a>
</div>
<div class="social-block">
<a href="https://dribbble.com/statusapp" target="_blank" class="social-block-inner">
<div class="social-block-logo social-block-logo--three"></div>
<p>Store, send & receive Eth andStore, send & receive Eth and ERC-20 tokens Store, send & receive Eth</p>
<p>See what we are working on, our Dribble channel highlights some of our latest designs.</p>
</a>
</div>
</div>