status.im-old/index.html

644 lines
34 KiB
HTML
Raw Normal View History

2017-06-14 06:17:55 +00:00
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Status | The Mobile Ethereum Client</title>
<meta name="description" content="Status is an interface to access Ethereum, built for Android & iOS. Enjoy encrypted messaging, a cryptocurrency wallet, and seamless access to DApps.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="img/new-site/logo-32.png?v=c45a747" sizes="32x32" />
<link rel="icon" type="image/png" href="img/new-site/logo-16.png?v=f5e133c" sizes="16x16" />
<link rel="apple-touch-icon" href="img/new-site/apple-touch-icon-1024.png?v=d12fa2b">
<link rel="apple-touch-icon" sizes="76x76" href="img/new-site/apple-touch-icon-76.png?v=aef639f">
<link rel="apple-touch-icon" sizes="120x120" href="img/new-site/apple-touch-icon-120.png?v=54157a6">
<link rel="apple-touch-icon" sizes="152x152" href="img/new-site/apple-touch-icon-152.png?v=b5d351d">
<link rel="apple-touch-icon" sizes="180x180" href="img/new-site/apple-touch-icon-180.png?v=50fbb69">
<link rel="mask-icon" href="img/new-site/logo-mask.svg" color="4360DF">
<!-- favicon.ico in the root directory -->
2017-06-23 12:03:51 +00:00
<link rel="stylesheet" href="css/main.css?v=4e19a98">
2017-06-14 06:17:55 +00:00
<meta property="og:title" content="Status, a Mobile Ethereum OS" />
</head>
<body>
<div class="container-wrap">
<div class="container">
<div class="slides">
<div class="slide slide--one">
<div class="slide__inner">
<div class="header">
<div class="header__inner">
<div class="nav nav--hide">
<a class="nav__item" target="_blank" href="https://blog.status.im/">Blog</a>
<a class="nav__item nav__item--features" href="#">Features</a>
2017-06-26 19:23:24 +00:00
<a class="nav__item" target="_blank" href="https://contribute.status.im/">Status Network</a>
2017-06-14 06:17:55 +00:00
<a class="nav__item" target="_blank" href="https://hackathon.status.im/">Hackathon</a>
<a class="nav__item" target="_blank" href="https://wiki.status.im/">Wiki</a>
</div>
<div class="nav nav--right">
<a class="nav__item" target="_blank" href="https://status.im/cn.html">中文</a>
2017-06-28 18:58:15 +00:00
<a class="nav__item" target="_blank" href="https://slack.status.im/">Slack</a>
2017-06-14 06:17:55 +00:00
<a class="nav__item" target="_blank" href="https://twitter.com/ethstatus">Twitter</a>
<a class="nav__item" target="_blank" href="https://www.reddit.com/r/statusim/">Reddit</a>
2017-06-14 06:17:55 +00:00
<a class="nav__item" target="_blank" href="https://github.com/status-im">Github</a>
</div>
</div>
</div>
<div class="crowdsale">
<div class="tokens">
<div class="token-wrap token-wrap--status"><div class="token token--status"></div></div>
<div class="token-wrap"><div class="token token--blue"></div></div>
<div class="token-wrap"><div class="token token--pink"></div></div>
<div class="token-wrap"><div class="token token--orange"></div></div>
<div class="token-wrap"><div class="token token--purple"></div></div>
<div class="token-wrap"><div class="token token--green"></div></div>
<div class="token-wrap"><div class="token token--blue"></div></div>
<div class="token-wrap"><div class="token token--pink"></div></div>
<div class="token-wrap"><div class="token token--orange"></div></div>
<div class="token-wrap"><div class="token token--purple"></div></div>
<div class="token-wrap"><div class="token token--green"></div></div>
<div class="token-wrap"><div class="token token--blue"></div></div>
<div class="token-wrap"><div class="token token--pink"></div></div>
<div class="token-wrap"><div class="token token--orange"></div></div>
<div class="token-wrap"><div class="token token--purple"></div></div>
<div class="token-wrap"><div class="token token--green"></div></div>
</div>
<div class="tagline">
2017-06-23 12:03:51 +00:00
<h2 class="tagline__title">The Status Network Contribution Period has ended</h2>
2017-06-23 12:55:40 +00:00
<div class="tagline__body">Thank you to everyone who participated. We'll have a&nbsp;blog post with the results in the coming days.</div>
2017-06-14 06:17:55 +00:00
<div class="tagline__buttons">
2017-06-23 12:03:51 +00:00
<a class="button button--bg-white button--color-purple button--learn-more" target="_blank" href="#about">Learn more about Status</a>
2017-06-14 06:17:55 +00:00
</div>
</div>
</div>
2017-06-23 12:03:51 +00:00
<div class="about" id="#about">
2017-06-14 06:17:55 +00:00
<div class="tagline">
<h2 class="tagline__title">What is Status?</h2>
<div class="tagline__body">Status is an open source messaging platform and mobile browser to interact with decentralized applications that run on the Ethereum Network.</div>
<div class="tagline__buttons">
<div class="app-buttons">
<a class="app-button app-button--android" target="_blank" href="https://test.status.im">
<span class="app-button__title">Download Alpha</span>
<span class="app-button__platform">Android</span>
<span class="app-button__icon"></span>
</a>
<a class="app-button app-button--ios" href="#">
<span class="app-button__title">Request TestFlight</span>
<span class="app-button__platform">IOS</span>
<span class="app-button__icon"></span>
</a>
</div>
</div>
<div class="tagline__footer">
<div class="tagline__footer-inner">
Available in Alpha for Android and iPhone
</div>
</div>
</div>
<div class="app">
<div class="app-inner"></div>
</div>
<div class="features">
<div class="features__item features__item--send">
<span class="features__icon"></span>
<div class="features-text">
<h2 class="features__title">Send, Receive, Store Ether</h2>
<p class="features__description">Safely store your ETH and&nbsp;other Ethereum crypto-assets.</p>
</div>
</div>
<div class="features__item features__item--browse">
<span class="features__icon"></span>
<div class="features-text">
<h2 class="features__title">Browse Decentralized Apps</h2>
<p class="features__description">Explore the next generation of&nbsp;apps, with the&nbsp;next generation of&nbsp;Browser.</p>
</div>
</div>
<div class="features__item features__item--buy">
<span class="features__icon"></span>
<div class="features-text">
<h2 class="features__title">Buy and Sell Ether Locally</h2>
<p class="features__description">Discover nearby Status users to&nbsp;exchange goods and&nbsp;services.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide slide--two">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">Decentralized 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 Ethereums entire ecosystem from anywhere.</p>
</div>
<div class="dapps">
<a href="https://www.uport.me/" target="_blank" class="dapp dapp--one">
<div class="dapp__inner">
<h3 class="dapp__title">uPort</h3>
<p class="dapp__description">Declare digital independence. uPort is a self-sovereign identity system.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://gnosis.pm/" target="_blank" class="dapp dapp--two">
<div class="dapp__inner">
<h3 class="dapp__title">Gnosis</h3>
<p class="dapp__description">Crowd sourced wisdom. Make complex predictions on the go with an easy to use prediction market.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://oasisdex.com/" target="_blank" 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>
</a>
<a href="http://ethlance.com/" target="_blank" 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>
</a>
<a href="https://aragon.one/" target="_blank" class="dapp dapp--five">
<div class="dapp__inner">
<h3 class="dapp__title">Aragon</h3>
<p class="dapp__description">Create unstoppable companies and organizations, and value without borders.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://etherisc.com/" target="_blank" class="dapp dapp--six">
<div class="dapp__inner">
<h3 class="dapp__title">Etherisc</h3>
<p class="dapp__description">A decentralized insurance platform. Buy a policy on the go, and be paid claims automatically.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://ujomusic.com/" target="_blank" class="dapp dapp--seven">
<div class="dapp__inner">
<h3 class="dapp__title">Ujo</h3>
<p class="dapp__description">Ujo is a home for artists. Create and control your creative content, and share it with the world.</p>
<div class="dapp__image"></div>
</div>
</a>
<div class="dapp dapp--plus">
<a class="dapp--plus__link" href="https://www.reddit.com/r/statusim/" target="_blank">
2017-06-14 06:17:55 +00:00
<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">
Available in alpha for 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>
<p class="slide__description">Seamlessly interact with the emerging ecosystem of&nbsp;DApps, wave goodbye to&nbsp;central intermediaries, and&nbsp;take control of&nbsp;your data.</p>
</div>
<div class="dapps">
<div class="dapp dapp--one">
<div class="dapp__inner">
<h3 class="dapp__title">Messaging</h3>
<p class="dapp__description">One-to-one and group chats, with end-to-end encryption by default over the Whisper protocol.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--two">
<div class="dapp__inner">
<h3 class="dapp__title">Payments</h3>
<p class="dapp__description">Send or request ETH and other ERC20 tokens from friends, DApps and contacts.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--three">
<div class="dapp__inner">
<h3 class="dapp__title">Contracts</h3>
<p class="dapp__description">Social smart contracts are coming. Send and sign smart contracts directly from within a chat.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--four">
<div class="dapp__inner">
<h3 class="dapp__title">HD Wallet</h3>
<p class="dapp__description">Store ETH and other Ethereum-based assets, review your transactions, and much more.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--five">
<div class="dapp__inner">
<h3 class="dapp__title">Multi-User</h3>
<p class="dapp__description">Manage multiple accounts with simple account switching directly from within Status.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--six">
<div class="dapp__inner">
<h3 class="dapp__title">Exchange</h3>
<p class="dapp__description">Enjoy near-instant digital asset exchange between ETH and ERC20 tokens, powered by Shapeshift.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--seven">
<div class="dapp__inner">
<h3 class="dapp__title">Developer Tools</h3>
<p class="dapp__description">Integrate your own DApp with webview, a conversation UI or both with the Status API.</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--three">
<div class="slide__inner">
<div class="slide__header slide__header--inversed">
<h2 class="slide__title">Discover a&nbsp;decentralized economy</h2>
<p class="slide__description">Find DApps and other Status users through the Discover feature. Exchange currency, services, and ideas - helping to grow the movement for decentralization.</p>
</div>
<div class="points">
<div class="point point--one">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Jarrad</h4>
<p class="point__description">Offering SGD to ETH exchange services locally in Singapore.</p>
</div>
<div class="point__footer">
#exchange #singapore
</div>
</div>
<div class="point__point"></div>
</div>
<div class="point point--two">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Etherplay</h4>
<p class="point__description">Transparent skill-based games where players compete for high scores.</p>
</div>
<div class="point__footer">
#games
</div>
</div>
<div class="point__point"></div>
</div>
<div class="point point--three">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Carl</h4>
<p class="point__description">Trading REP for ETH. Smart contracts only. Reputable Trader.</p>
</div>
<div class="point__footer">
#REPxETH
</div>
</div>
<div class="point__point"></div>
</div>
<div class="point point--four">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Moments</h4>
<p class="point__description">A censorship-resistant decentralized microblogging tool.</p>
</div>
<div class="point__footer">
#socialnetwork
</div>
</div>
<div class="point__point"></div>
</div>
</div>
<div class="circles">
<div class="slide__circle-wrap slide__circle--one">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--two">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--three">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--four">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--five">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--six">
<div class="slide__circle"></div>
</div>
</div>
</div>
</div>
<div class="slide slide--six">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">Smarter private messaging</h2>
<p class="slide__description">Status is more than a messenger. Send payments and smart contracts to friends from within chats, and enjoy encrypted messaging by default, using a peer-to-peer protocol that doesnt rely on centralized servers.</p>
</div>
<div class="messages">
<div class="message message--text message--incoming message--one">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Alex</div>
<div class="message__text">Thanks, guys!</div>
</div>
</div>
<div class="message message--location message--incoming message--two">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Justas</div>
<div class="message__text">17 Washington Street, Noank, MA</div>
<div class="message__location"></div>
</div>
</div>
<div class="message message--transaction message--outcoming message--three">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Andrei</div>
<div class="message__transaction">
<div class="message__transaction__amount">0.2323 <span class="currency">ETH</span></div>
<div class="message__transaction__details">
<div class="message__transaction__details-row"><span class="text-gray">To</span><span>justas777</span></div>
<div class="message__transaction__details-row"><span class="text-gray">From</span><span>andmironov</span></div>
</div>
</div>
<div class="message__bubble-footer message__bubble-footer--status">
<span class="status-icon status-icon--ok"></span>
<span class="status-text">Confirmed</span>
</div>
</div>
</div>
<div class="message message--audio message--incoming message--four">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Lina</div>
<div class="message__player"></div>
</div>
</div>
<div class="message message--request message--incoming message--five">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Daniel</div>
<div class="message__text">Confirm with password</div>
<div class="message__bubble-footer message__bubble-footer--button">
<span class="button-text">Enter password</span>
</div>
</div>
</div>
<div class="message message--request message--outcoming message--six">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Gene</div>
<div class="message__text">That would be 3.55 ETH</div>
<div class="message__bubble-footer message__bubble-footer--button">
<span class="button-text">Send 3.55 ETH</span>
</div>
</div>
</div>
<div class="message message--custom message--outcoming message--seven">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Felix</div>
<div class="message__custom">
<div class="message__custom__icon-wrap"><div class="message__custom__icon"></div></div>
<div class="message__custom__text">Design custom messages for your DApp</div>
</div>
</div>
</div>
</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. Were completely open source and anyone is free to contribute. Together, we're shaping the future of Status, and creating a new type of network governed by its own users.</p>
</div>
<div class="slide__bg-image">
<div class="slide__bg-area"></div>
<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">
<h2 class="slide__title">Early access</h2>
<p class="slide__description">We're working hard to make Status available to everyone. Join our community today to try the alpha release, and be a part of the transition to a more open internet.</p>
</div>
<div class="email-form">
<!-- Mailchimp -->
<form action="//status.us13.list-manage.com/subscribe/post?u=d0c1a0be2adff281b52e27a7f&amp;id=09e2d9ae07" method="post" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="email-form__inner">
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL email-form__input email-form__input--email" placeholder="Enter your email">
<input type="submit" value="TRY THE ALPHA" name="subscribe" class="button email-form__input email-form__input--sumbit mc-embedded-subscribe button email-button">
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
</div>
<div id="mce-responses" class="email-form__responces">
<div class="response email-form__error-message" id="mce-error-response"></div>
<div class="email-form__success-message response" id="mce-success-response"></div>
</div>
</form>
<!-- End Mailchimp -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-inner">
<div class="footer-logo-wrap">
<div class="footer-logo-wrap__inner">
<div class="footer-logo"></div>
<div class="footer-address">Status Research & Development GmbH<br/>Baarerstrasse 10<br/>Zug, Switzerland</div>
</div>
</div>
<div class="footer-table">
<div class="footer-table__column">
<h4 class="footer-header">Social links</h4>
<ul class="footer-list">
<li class="footer-link footer-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Facebook</span></a></li>
<li class="footer-link footer-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Twitter</span></a></li>
2017-06-28 18:58:15 +00:00
<li class="footer-link footer-link&#45;&#45;sl"><a href="http://slack.status.im/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Slack</span></a></li>
2017-06-14 06:17:55 +00:00
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/statusim" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
</ul>
</div>
<div class="footer-table__column">
<h4 class="footer-header">More</h4>
<ul class="footer-list">
<li class="footer-link"><a href="https://wiki.status.im" target="_blank">Status Wiki</a></li>
<li class="footer-link"><a href="https://blog.status.im/" target="_blank">Status Blog</a></li>
<li class="footer-link"><a href="https://status.im/jobs.html" target="_blank">Jobs</a></li>
</ul>
</div>
<div class="footer-table__column">
<h4 class="footer-header">Language</h4>
<ul class="footer-list">
<li class="footer-link">
<select class="language-switcher" name="lang">
<option selected value="en">English</option>
<option value="cn">中文</option>
</select>
</li>
</ul>
</div>
</div>
</div>
</div>
2017-06-26 19:23:24 +00:00
<script src="js/app.js?v=e65c85a"></script>
2017-06-14 06:17:55 +00:00
<script src="js/mc-validate.js?v=207d097"></script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
try {
ga('create', 'UA-79146816-1', 'auto');
ga('send', 'pageview');
} catch(e) {}
</script>
<!-- /Google Analytics -->
</body>
</html>