status.im-old/index.html

644 lines
34 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 -->
<link rel="stylesheet" href="css/main.css?v=4e19a98">
<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>
<a class="nav__item" target="_blank" href="https://contribute.status.im/">Status Network</a>
<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>
<a class="nav__item" target="_blank" href="https://slack.status.im/">Slack</a>
<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>
<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">
<h2 class="tagline__title">The Status Network Contribution Period has ended</h2>
<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>
<div class="tagline__buttons">
<a class="button button--bg-white button--color-purple button--learn-more" target="_blank" href="#about">Learn more about Status</a>
</div>
</div>
</div>
<div class="about" id="#about">
<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">
<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>
<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>
<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>
<script src="js/app.js?v=e65c85a"></script>
<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>