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

replaced features with dapps

This commit is contained in:
andmironov 2017-03-23 16:29:59 +02:00
parent 7aeffb3f9c
commit 9bc5e4a2ad
10 changed files with 97 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/css/main.css
View File

@ -1597,7 +1597,7 @@ input.email-form__input--email:disabled {
.dapp__inner {
background-color: white;
height: 220px;
height: 240px;
margin: 10px;
box-shadow: 0px 4px 18px 0px rgba(189, 208, 223, 0.26);
border-radius: 8px;
@ -1662,25 +1662,25 @@ input.email-form__input--email:disabled {
background-size: cover; }
.dapp.dapp--one .dapp__image {
background-image: url(../img/new-site/image-messaging.png); }
background-image: url(../img/new-site/uport-avatar@2x.png); }
.dapp.dapp--two .dapp__image {
background-image: url(../img/new-site/image-payments.png); }
background-image: url(../img/new-site/gnosis-avatar@2x.png); }
.dapp.dapp--three .dapp__image {
background-image: url(../img/new-site/image-contracts.png); }
background-image: url(../img/new-site/oasis-avatar@2x.png); }
.dapp.dapp--four .dapp__image {
background-image: url(../img/new-site/image-wallet.png); }
background-image: url(../img/new-site/ethlance-avatar@2x.png); }
.dapp.dapp--five .dapp__image {
background-image: url(../img/new-site/image-multiuser.png); }
background-image: url(../img/new-site/aragon-avatar@2x.png); }
.dapp.dapp--six .dapp__image {
background-image: url(../img/new-site/image-exchange.png); }
background-image: url(../img/new-site/etherisc-avatar@2x.png); }
.dapp.dapp--seven .dapp__image {
background-image: url(../img/new-site/image-devtools.png); }
background-image: url(../img/new-site/ujo-avatar@2x.png); }
@media (max-width: 922px) {
.dapps {

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

82
src/index.html
View File

@ -150,6 +150,86 @@
</div>
<div class="slide slide--two">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">Decentralised Apps at your fingertips</h2>
<p class="slide__description">With Status your mobile device becomes a light client node on the Ethereum Network, enabling you to access Ethereum’s entire ecosystem from anywhere</p>
</div>
<div class="dapps">
<div class="dapp dapp--one">
<div class="dapp__inner">
<h3 class="dapp__title">uPort</h3>
<p class="dapp__description">Declare digital independence. uPort brings a self-sovereign identity system to Ethereum</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--two">
<div class="dapp__inner">
<h3 class="dapp__title">Gnosis</h3>
<p class="dapp__description">Crowd sourced wisdom. Make complex predictions with an easy to use prediction market</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--three">
<div class="dapp__inner">
<h3 class="dapp__title">Oasis Exchange</h3>
<p class="dapp__description">Enjoy a near-instant decentralized digital asset exchange between ETH and ERC20 tokens</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--four">
<div class="dapp__inner">
<h3 class="dapp__title">Ethlance</h3>
<p class="dapp__description">The decentralized jobs marketplace. Hire or work for cryptocurrency, with no fees</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--five">
<div class="dapp__inner">
<h3 class="dapp__title">Aragon</h3>
<p class="dapp__description">Create unstoppable companies and organizations. Create value without borders or intermediaries</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--six">
<div class="dapp__inner">
<h3 class="dapp__title">Etherisc</h3>
<p class="dapp__description">Decentralized insurance. Buy a policy on the go, and be paid claims in near-real time</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--seven">
<div class="dapp__inner">
<h3 class="dapp__title">Ujo</h3>
<p class="dapp__description">A home for artists. Create and control your creative content and share it with the world</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--plus">
<a class="dapp--plus__link" href="http://slack.status.im/" target="_blank">
<div class="dapp__icon"><div class="dapp__icon-inner"></div></div>
<p class="dapp__description">Status is an open source platform, and anyone can list their DApp.</p>
</a>
</div>
</div>
<div class="slide__footer">
Coming soon to Android and iOS.
</div>
</div>
</div>
<!--div class="slide slide--two">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">A Mobile Ethereum Interface</h2>
@ -227,7 +307,7 @@
</div>
</div>
</div>
</div-->
<div class="slide slide--three">
<div class="slide__inner">

16
src/scss/slide--two.scss
View File

@ -68,7 +68,7 @@
.dapp__inner {
background-color: $colorWhite;
height: 220px;
height: 240px;
margin: 10px;
box-shadow: 0px 4px 18px 0px rgba(189,208,223,0.26);
border-radius: 8px;
@ -143,31 +143,31 @@
}
.dapp.dapp--one .dapp__image {
background-image: url(../img/new-site/image-messaging.png);
background-image: url(../img/new-site/uport-avatar@2x.png);
}
.dapp.dapp--two .dapp__image {
background-image: url(../img/new-site/image-payments.png);
background-image: url(../img/new-site/gnosis-avatar@2x.png);
}
.dapp.dapp--three .dapp__image {
background-image: url(../img/new-site/image-contracts.png);
background-image: url(../img/new-site/oasis-avatar@2x.png);
}
.dapp.dapp--four .dapp__image {
background-image: url(../img/new-site/image-wallet.png);
background-image: url(../img/new-site/ethlance-avatar@2x.png);
}
.dapp.dapp--five .dapp__image {
background-image: url(../img/new-site/image-multiuser.png);
background-image: url(../img/new-site/aragon-avatar@2x.png);
}
.dapp.dapp--six .dapp__image {
background-image: url(../img/new-site/image-exchange.png);
background-image: url(../img/new-site/etherisc-avatar@2x.png);
}
.dapp.dapp--seven .dapp__image {
background-image: url(../img/new-site/image-devtools.png);
background-image: url(../img/new-site/ujo-avatar@2x.png);
}
@media (max-width: 922px) {