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

cleanup crud, add blog link to welcome

This commit is contained in:
Jarrad Hope 2016-11-03 15:11:05 +08:00
parent 31123d5aee
commit 061aae9f08
6 changed files with 4 additions and 2688 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.html
View File

@ -5,7 +5,7 @@
<meta charset="utf-8">
<title>Status | A Mobile Ethereum Client</title>
<title>Status | The Mobile Ethereum Client</title>
<meta name="description" content="Status is a mobile DApp browser and messenger for Ethereum. Join us in making Ethereum part of our everyday lives and interactions.">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

656
src/index2.html
View File

@ -1,656 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Status | A Mobile Ethereum Client</title>
<meta name="description" content="Status is a mobile DApp browser and messenger for Ethereum. Join us in making Ethereum part of our everyday lives and interactions.">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
<!--[if lt IE 9]>
<script type="text/javascript"
src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:500,300,400" rel="stylesheet" type="text/css">
<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');
ga('create', 'UA-79146816-1', 'auto');
</script>
<script type="text/javascript">
window.heap = window.heap || [], heap.load = function(e, t) {
window.heap.appid = e, window.heap.config = t = t || {};
var r = t.forceSSL || "https:" === document.location.protocol,
a = document.createElement("script");
a.type = "text/javascript", a.async = !0, a.src = (r ? "https:" : "http:") + "//cdn.heapanalytics.com/js/heap-" + e + ".js";
var n = document.getElementsByTagName("script")[0];
n.parentNode.insertBefore(a, n);
for (var o = function(e) {
return function() {
heap.push([e].concat(Array.prototype.slice.call(arguments, 0)))
}
}, p = ["addEventProperties", "addUserProperties", "clearEventProperties", "identify", "removeEventProperty", "setEventProperties", "track", "unsetEventProperty"], c = 0; c < p.length; c++) heap[p[c]] = o(p[c])
};
heap.load("1816593697");
</script>
<!-- build:css css/main.min.css -->
<link rel="stylesheet" href="css/main.css">
<!-- endbuild -->
</head>
<body>
<section class="section-table">
<!-- section-header -->
<div class="table-center">
<div class="header-wrapper">
<header class="main-header clearfix">
<div class="logo-wrapper">
<div class="main-logo">
<a href="index.html"><img src="img/logo@2x.png" width="43" height="39" srcset="img/logo@2x.png 2x" alt="Status"></a>
</div>
<div class="logo-shadow"></div>
</div>
<div class="main-navigation">
<nav>
<ul>
<li><a href="https://blog.status.im">Blog</a></li>
<li><a href="https://status.im/#features">Features</a></li>
<li><a href="http://slack.status.im/">Slack</a></li>
</ul>
</nav>
</div>
</header>
<div class="table-left">
<div class="status">
<div class="status-text">
<h1>Status, more than a mobile wallet.</h1>
<p>Status is a browser, messenger, and gateway to the decentralised world of Ethereum.</p>
</div>
<div class="status-email">
<div class="email mc_email">
<div class="mc_embed_signup">
<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="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL" placeholder="Enter your email for updates">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="" name="subscribe" class="mc-embedded-subscribe button email-button"></div>
</div>
<!-- <div class="email-button"></div> -->
</form>
</div>
</div>
</div>
</div>
</div>
<div class="table-right table-bottom">
<div class="phone-header">
<div class="phone-image phone-primary">
<div class="phone-inner-image">
</div>
</div>
<div class="phone-image phone-secondary">
<div class="phone-inner-image phone-secondary-image">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="table-row mobile-hidden">
<div class="block block-white">
<div class="block1-icon">
</div>
<h3>Send, Receive, and Store Ether</h3>
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
</div>
<div class="block block-white">
<div class="block2-icon">
</div>
<h3>Browse Decentralised Apps</h3>
<p>Explore the next generation of apps, with the next generation of Browser.</p>
</div>
<div class="block block-white">
<div class="block3-icon">
</div>
<h3>Buy and Sell Ether Locally</h3>
<p>Discover nearby Status users to exchange goods, services and ideas.</p>
</div>
</div>
</section>
<!-- Mobile Table-Row -->
<div class="section-row section-white">
<div class="mobile-slider">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block1-icon">
</div>
<h3>Send, Receive, and Store Ether</h3>
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block2-icon">
</div>
<h3>Browse Decentralised Apps</h3>
<p>Explore the next generation of apps, with the next generation of Browser.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block3-icon">
</div>
<h3>Buy and Sell Ether Locally</h3>
<p>Discover nearby Status users to exchange goods, services and ideas.</p>
</div>
</div>
</div>
</div>
</div>
<div class="table-one-third">
</div>
</div>
<!-- Colourful blocks section for mobile layout
Remove or comment out if not needed
-->
<!-- <section class="section-table section-white">
<div class="table-center">
<div class="table-container">
<div class="table-two-third">
<div class="mobile-section-text">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
<div class="mobile-slider">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-hidden">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
</div>
<div class="table-one-third">
<div class="section-text-column">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- End colourful blocks section for mobile view -->
<section id="features" class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-2">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Decentralised Apps at your fingertips</h2>
<p>Status is a new type of Browser. Seamlessly interact with Decentralized Applications, and begin making Ethereum part of your every day life.</p>
</div>
<!-- Mobile Slider -->
<div class="mobile-slider">
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Exchange</h3>
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Your DAPP Here</h3>
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Mobile Slider -->
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Exchange</h3>
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Your DApp Here</h3>
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-table">
<div class="table-center">
<div class="table-wrapper">
<div class="table-two-third">
<div class="section-heading-odd">
<h2>Smarter messaging has arrived</h2>
<p>Status aims to replace your Messenger, enabling more meaningful conversations. Send payments, smart contracts, and more, directly from within chats.<br><br></p>
<div class="tags">
<div class="tag tag-status">
<div class="setstatus-pink">
<span>!setStatus</span>
</div>
<p>Away</p>
</div>
<div class="tag tag-transaction">
<div class="transaction-green">
<span>!transaction</span>
</div>
<p>346 <span>ETH</span> </p>
</div>
<div class="tag tag-name">
<div class="name-brown">
<span>!name</span>
</div>
<p>Alex Petrov</p>
</div>
<div class="tag tag-password">
<div class="password-blue">
<span>!keypairPassword</span>
</div>
<div class="icon-lock"></div>
<p>********</p>
</div>
<div class="tag tag-location">
<div class="location-purple">
<span>!location</span>
</div>
<p>Two Bar Mountain,
<br>Maricopa County,
<br>AZ, US</p>
<div class="location-map"></div>
</div>
</div>
</div>
</div>
<div class="table-one-third table-bottom">
<div class="phone-odd">
<div class="phone-image phone-big">
<div class="phone-inner-image phone-big-image">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-3">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Buy and sell Ether nearby</h2>
<p>Find nearby Status users through our Discover feature. Exchange currency, services, and ideas to help grow the Ethereum community.</p>
<p class="statuses">Sample Statuses:</p>
</div>
<!-- Mobile Slider -->
<div class="mobile-slider">
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Jarrad</h3>
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Carl</h3>
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Dan</h3>
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Mobile Slider -->
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Jarrad</h3>
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Carl</h3>
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Dan</h3>
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="section-table section-white">
<div class="table-center">
<div class="table-container">
<div class="table-two-third">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
<div class="table-one-third">
<div class="section-text-column">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
</div>
</div>
</div>
</section> -->
<section class="section-table section-gradient">
<div class="table-center">
<div class="table-wrapper">
<div class="gradient-text">
<h2>Click here to join our waitlist</h2>
<button type="button" class="gradient-button pulse"></button>
<div class="section-gradient-text">
<p>We're working hard to make Status available to everyone. Join our private wait list for early access.<br />We respect privacy.</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-wrapper">
<div class="footer-half">
<a class="footer-logo-mobile"></a>
<p>Status Holdings Pte. Ltd.
<br>6 Ubi Road
Singapore
<br><a style="color:inherit;text-decoration:none;" href="mailto:support@status.im">support@status.im</a></p>
<div class="footer-icons-social">
<a href="https://github.com/status-im" class="footer-icon icon-github"></a>
<a href="https://twitter.com/ethstatus" class="footer-icon icon-twitter"></a>
<a href="https://www.facebook.com/ethstatus" class="footer-icon icon-facebook"></a>
</div>
</div>
<div class="footer-half">
<a class="footer-logo"></a>
<div class="footer-links">
<a href="http://slack.status.im/">Slack</a>
<a href="https://status-platform.workable.com/">Jobs</a>
<!-- <a href="#">Press</a> -->
<a href="https://github.com/status-im">Github</a>
</div>
</div>
</div>
</div>
</footer>
<script>
ga('send', 'pageview');
</script>
<!-- build:js js/main.min.js -->
<script type="text/javascript" src="js/libs.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<!-- endbuild -->
<!-- Mailchimp (again) -->
<script type="text/javascript" src="js/mc-validate.js"></script>
<script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
<!-- Twitter single-event website tag code -->
<script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
<script type="text/javascript">twttr.conversion.trackPid('nvjfv', { tw_sale_amount: 0, tw_order_quantity: 0 });</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=nvjfv&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
<img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=nvjfv&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
</noscript>
<!-- End Twitter single-event website tag code -->
</body>
</html>

656
src/index3.html
View File

@ -1,656 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Status | A Mobile Ethereum Client</title>
<meta name="description" content="Status is a mobile DApp browser and messenger for Ethereum. Join us in making Ethereum part of our everyday lives and interactions.">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
<!--[if lt IE 9]>
<script type="text/javascript"
src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:500,300,400" rel="stylesheet" type="text/css">
<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');
ga('create', 'UA-79146816-1', 'auto');
</script>
<script type="text/javascript">
window.heap = window.heap || [], heap.load = function(e, t) {
window.heap.appid = e, window.heap.config = t = t || {};
var r = t.forceSSL || "https:" === document.location.protocol,
a = document.createElement("script");
a.type = "text/javascript", a.async = !0, a.src = (r ? "https:" : "http:") + "//cdn.heapanalytics.com/js/heap-" + e + ".js";
var n = document.getElementsByTagName("script")[0];
n.parentNode.insertBefore(a, n);
for (var o = function(e) {
return function() {
heap.push([e].concat(Array.prototype.slice.call(arguments, 0)))
}
}, p = ["addEventProperties", "addUserProperties", "clearEventProperties", "identify", "removeEventProperty", "setEventProperties", "track", "unsetEventProperty"], c = 0; c < p.length; c++) heap[p[c]] = o(p[c])
};
heap.load("1816593697");
</script>
<!-- build:css css/main.min.css -->
<link rel="stylesheet" href="css/main.css">
<!-- endbuild -->
</head>
<body>
<section class="section-table">
<!-- section-header -->
<div class="table-center">
<div class="header-wrapper">
<header class="main-header clearfix">
<div class="logo-wrapper">
<div class="main-logo">
<a href="index.html"><img src="img/logo@2x.png" width="43" height="39" srcset="img/logo@2x.png 2x" alt="Status"></a>
</div>
<div class="logo-shadow"></div>
</div>
<div class="main-navigation">
<nav>
<ul>
<li><a href="https://blog.status.im">Blog</a></li>
<li><a href="https://status.im/#features">Features</a></li>
<li><a href="http://slack.status.im/">Slack</a></li>
</ul>
</nav>
</div>
</header>
<div class="table-left">
<div class="status">
<div class="status-text">
<h1>Status, more than a mobile wallet.</h1>
<p>Status is a browser, messenger, and gateway to the decentralised world of Ethereum.</p>
</div>
<div class="status-email">
<div class="email mc_email">
<div class="mc_embed_signup">
<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="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL new-input" placeholder="Enter your email">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Get Early Access" name="subscribe" class="mc-embedded-subscribe button new-button"></div>
</div>
<!-- <div class="email-button"></div> -->
</form>
</div>
</div>
</div>
</div>
</div>
<div class="table-right table-bottom">
<div class="phone-header">
<div class="phone-image phone-primary">
<div class="phone-inner-image">
</div>
</div>
<div class="phone-image phone-secondary">
<div class="phone-inner-image phone-secondary-image">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="table-row mobile-hidden">
<div class="block block-white">
<div class="block1-icon">
</div>
<h3>Send, Receive, and Store Ether</h3>
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
</div>
<div class="block block-white">
<div class="block2-icon">
</div>
<h3>Browse Decentralised Apps</h3>
<p>Explore the next generation of apps, with the next generation of Browser.</p>
</div>
<div class="block block-white">
<div class="block3-icon">
</div>
<h3>Buy and Sell Ether Locally</h3>
<p>Discover nearby Status users to exchange goods, services and ideas.</p>
</div>
</div>
</section>
<!-- Mobile Table-Row -->
<div class="section-row section-white">
<div class="mobile-slider">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block1-icon">
</div>
<h3>Send, Receive, and Store Ether</h3>
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block2-icon">
</div>
<h3>Browse Decentralised Apps</h3>
<p>Explore the next generation of apps, with the next generation of Browser.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block3-icon">
</div>
<h3>Buy and Sell Ether Locally</h3>
<p>Discover nearby Status users to exchange goods, services and ideas.</p>
</div>
</div>
</div>
</div>
</div>
<div class="table-one-third">
</div>
</div>
<!-- Colourful blocks section for mobile layout
Remove or comment out if not needed
-->
<!-- <section class="section-table section-white">
<div class="table-center">
<div class="table-container">
<div class="table-two-third">
<div class="mobile-section-text">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
<div class="mobile-slider">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-hidden">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
</div>
<div class="table-one-third">
<div class="section-text-column">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- End colourful blocks section for mobile view -->
<section id="features" class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-2">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Decentralised Apps at your fingertips</h2>
<p>Status is a new type of Browser. Seamlessly interact with Decentralized Applications, and begin making Ethereum part of your every day life.</p>
</div>
<!-- Mobile Slider -->
<div class="mobile-slider">
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Exchange</h3>
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Your DAPP Here</h3>
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Mobile Slider -->
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Exchange</h3>
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Your DApp Here</h3>
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-table">
<div class="table-center">
<div class="table-wrapper">
<div class="table-two-third">
<div class="section-heading-odd">
<h2>Smarter messaging has arrived</h2>
<p>Status aims to replace your Messenger, enabling more meaningful conversations. Send payments, smart contracts, and more, directly from within chats.<br><br></p>
<div class="tags">
<div class="tag tag-status">
<div class="setstatus-pink">
<span>!setStatus</span>
</div>
<p>Away</p>
</div>
<div class="tag tag-transaction">
<div class="transaction-green">
<span>!transaction</span>
</div>
<p>346 <span>ETH</span> </p>
</div>
<div class="tag tag-name">
<div class="name-brown">
<span>!name</span>
</div>
<p>Alex Petrov</p>
</div>
<div class="tag tag-password">
<div class="password-blue">
<span>!keypairPassword</span>
</div>
<div class="icon-lock"></div>
<p>********</p>
</div>
<div class="tag tag-location">
<div class="location-purple">
<span>!location</span>
</div>
<p>Two Bar Mountain,
<br>Maricopa County,
<br>AZ, US</p>
<div class="location-map"></div>
</div>
</div>
</div>
</div>
<div class="table-one-third table-bottom">
<div class="phone-odd">
<div class="phone-image phone-big">
<div class="phone-inner-image phone-big-image">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-3">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Buy and sell Ether nearby</h2>
<p>Find nearby Status users through our Discover feature. Exchange currency, services, and ideas to help grow the Ethereum community.</p>
<p class="statuses">Sample Statuses:</p>
</div>
<!-- Mobile Slider -->
<div class="mobile-slider">
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Jarrad</h3>
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Carl</h3>
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Dan</h3>
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Mobile Slider -->
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Jarrad</h3>
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Carl</h3>
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Dan</h3>
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="section-table section-white">
<div class="table-center">
<div class="table-container">
<div class="table-two-third">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
<div class="table-one-third">
<div class="section-text-column">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
</div>
</div>
</div>
</section> -->
<section class="section-table section-gradient">
<div class="table-center">
<div class="table-wrapper">
<div class="gradient-text">
<h2>Click here to join our waitlist</h2>
<button type="button" class="gradient-button pulse"></button>
<div class="section-gradient-text">
<p>We're working hard to make Status available to everyone. Join our private wait list for early access.<br />We respect privacy.</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-wrapper">
<div class="footer-half">
<a class="footer-logo-mobile"></a>
<p>Status Holdings Pte. Ltd.
<br>6 Ubi Road
Singapore
<br><a style="color:inherit;text-decoration:none;" href="mailto:support@status.im">support@status.im</a></p>
<div class="footer-icons-social">
<a href="https://github.com/status-im" class="footer-icon icon-github"></a>
<a href="https://twitter.com/ethstatus" class="footer-icon icon-twitter"></a>
<a href="https://www.facebook.com/ethstatus" class="footer-icon icon-facebook"></a>
</div>
</div>
<div class="footer-half">
<a class="footer-logo"></a>
<div class="footer-links">
<a href="http://slack.status.im/">Slack</a>
<a href="https://status-platform.workable.com/">Jobs</a>
<!-- <a href="#">Press</a> -->
<a href="https://github.com/status-im">Github</a>
</div>
</div>
</div>
</div>
</footer>
<script>
ga('send', 'pageview');
</script>
<!-- build:js js/main.min.js -->
<script type="text/javascript" src="js/libs.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<!-- endbuild -->
<!-- Mailchimp (again) -->
<script type="text/javascript" src="js/mc-validate.js"></script>
<script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
<!-- Twitter single-event website tag code -->
<script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
<script type="text/javascript">twttr.conversion.trackPid('nvjfv', { tw_sale_amount: 0, tw_order_quantity: 0 });</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=nvjfv&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
<img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=nvjfv&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
</noscript>
<!-- End Twitter single-event website tag code -->
</body>
</html>

694
src/waitlist.html
View File

@ -1,694 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Status | Mobile Ethereum Client</title>
<meta name="description" content="The mobile light-client">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
<!--[if lt IE 9]>
<script type="text/javascript"
src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<link href="https://fonts.googleapis.com/css?family=Roboto:500,300,400" rel="stylesheet" type="text/css">
<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');
ga('create', 'UA-79146816-1', 'auto');
</script>
<script type="text/javascript">
window.heap = window.heap || [], heap.load = function(e, t) {
window.heap.appid = e, window.heap.config = t = t || {};
var r = t.forceSSL || "https:" === document.location.protocol,
a = document.createElement("script");
a.type = "text/javascript", a.async = !0, a.src = (r ? "https:" : "http:") + "//cdn.heapanalytics.com/js/heap-" + e + ".js";
var n = document.getElementsByTagName("script")[0];
n.parentNode.insertBefore(a, n);
for (var o = function(e) {
return function() {
heap.push([e].concat(Array.prototype.slice.call(arguments, 0)))
}
}, p = ["addEventProperties", "addUserProperties", "clearEventProperties", "identify", "removeEventProperty", "setEventProperties", "track", "unsetEventProperty"], c = 0; c < p.length; c++) heap[p[c]] = o(p[c])
};
heap.load("1816593697");
</script>
<!-- build:css css/main.min.css -->
<link rel="stylesheet" href="css/main.css">
<!-- endbuild -->
</head>
<body>
<section class="section-table">
<!-- section-header -->
<div class="table-center">
<div class="header-wrapper">
<header class="main-header clearfix">
<div class="logo-wrapper">
<div class="main-logo">
<a href="index.html"><img src="img/logo@2x.png" width="43" height="39" srcset="img/logo@2x.png 2x" alt="Status"></a>
</div>
<div class="logo-shadow"></div>
</div>
<div class="main-navigation">
<nav>
<ul>
<li><a href="https://status-platform.workable.com/">Jobs</a></li>
<li><a href="#features">Features</a></li>
<li><a href="http://slack.status.im/">Slack</a></li>
</ul>
</nav>
</div>
</header>
<div class="table-left">
<div class="status">
<div class="status-text">
<h1>Status, more than a mobile wallet.</h1>
<p>Status is a browser, messenger, and gateway to the decentralised world of Ethereum.</p>
</div>
<div class="status-email">
<div class="email">
<!-- Maitre app integration -->
<script type="text/javascript">
window.Maitre = {
uuid: "MF203200dfd5",
require_name: false,
callbacks: {
afterLoad: function() {
jQuery(".maitre-field input").on('focus', function() {
jQuery(".email").addClass("focused");
setTimeout(function() {
jQuery(".email").removeClass("focused");
}, 400);
});
},
afterSuccess: function(data, form) {
console.log(data);
jQuery("#maitre-people-behind-number").html("0");
jQuery("#maitre-share-plain-url").on('click', function() {
var link = document.createRange();
link.selectNode(this);
document.getSelection().addRange(link);
var copied = document.execCommand('copy');
var text = this.innerHTML;
if (copied) {
var copytext = 'Copied to clipboard';
jQuery("#maitre-share-plain-url").html(copytext);
setTimeout(function() {
jQuery("#maitre-share-plain-url").html(text);
}, 500)
}
});
if (data.response == "subscriber_created") {
jQuery(".status-text").removeClass('shown');
jQuery("#maitre-verification").html(
"Remember to confirm your email to be added to the signup queue. <br /> Improve your position by referring your friends and spreading the word.");
jQuery("#maitre-share-plain-url").html("https://status.im/invite/" + data.code);
jQuery(".gradient-text").empty();
ga('send', 'event', 'Waitlist', 'Sign Up', 'Waitlist');
}
if (data.response == "subscriber_retrieved") {
jQuery(".status-text").removeClass('shown');
jQuery("#maitre-header").html("You're already on the Waitlist!");
jQuery("#maitre-instructions").html("You'll be notifed when Status is ready to launch.<br> Your position on the waitlist is shown below. Get access sooner by spreading the word!");
jQuery("#maitre-share-plain-url").html("https://status.im/invite/" + data.code);
}
},
}
};
</script>
<script data-maitre src="https://maitreapp.co/widget.js" async></script>
<!-- END MAITRE SCRIPT -->
</div>
</div>
</div>
</div>
<div class="table-right table-bottom">
<div class="phone-header">
<div class="phone-image phone-primary">
<div class="phone-inner-image">
</div>
</div>
<div class="phone-image phone-secondary">
<div class="phone-inner-image phone-secondary-image">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="table-row mobile-hidden">
<div class="block block-white">
<div class="block1-icon">
</div>
<h3>Send, Receive, and Store Ether</h3>
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
</div>
<div class="block block-white">
<div class="block2-icon">
</div>
<h3>Browse Decentralised Apps</h3>
<p>Explore the next generation of apps, with the next generation of Browser.</p>
</div>
<div class="block block-white">
<div class="block3-icon">
</div>
<h3>Buy and Sell Ether Locally</h3>
<p>Discover nearby Status users to exchange goods, services and ideas.</p>
</div>
</div>
</section>
<!-- Mobile Table-Row -->
<div class="section-row section-white">
<div class="mobile-slider">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block1-icon">
</div>
<h3>Send, Receive, and Store Ether</h3>
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block2-icon">
</div>
<h3>Browse Decentralised Apps</h3>
<p>Explore the next generation of apps, with the next generation of Browser.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block3-icon">
</div>
<h3>Buy and Sell Ether Locally</h3>
<p>Discover nearby Status users to exchange goods, services and ideas.</p>
</div>
</div>
</div>
</div>
</div>
<div class="table-one-third">
</div>
</div>
<!-- Colourful blocks section for mobile layout
Remove or comment out if not needed
-->
<!-- <section class="section-table section-white">
<div class="table-center">
<div class="table-container">
<div class="table-two-third">
<div class="mobile-section-text">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
<div class="mobile-slider">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-hidden">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
</div>
<div class="table-one-third">
<div class="section-text-column">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- End colourful blocks section for mobile view -->
<section id="features" class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-2">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Decentralised Apps at your fingertips</h2>
<p>Status is a new type of Browser. Seamlessly interact with Decentralized Applications, and begin making Ethereum part of your every day life.</p>
</div>
<!-- Mobile Slider -->
<div class="mobile-slider">
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Exchange</h3>
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Your DAPP Here</h3>
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Mobile Slider -->
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Exchange</h3>
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Your DApp Here</h3>
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-table">
<div class="table-center">
<div class="table-wrapper">
<div class="table-two-third">
<div class="section-heading-odd">
<h2>Smarter messaging has arrived</h2>
<p>Status aims to replace your Messenger, enabling more meaningful conversations. Send payments, smart contracts, and more, directly from within chats.<br><br></p>
<div class="tags">
<div class="tag tag-status">
<div class="setstatus-pink">
<span>!setStatus</span>
</div>
<p>Away</p>
</div>
<div class="tag tag-transaction">
<div class="transaction-green">
<span>!transaction</span>
</div>
<p>346 <span>ETH</span> </p>
</div>
<div class="tag tag-name">
<div class="name-brown">
<span>!name</span>
</div>
<p>Alex Petrov</p>
</div>
<div class="tag tag-password">
<div class="password-blue">
<span>!keypairPassword</span>
</div>
<div class="icon-lock"></div>
<p>********</p>
</div>
<div class="tag tag-location">
<div class="location-purple">
<span>!location</span>
</div>
<p>Two Bar Mountain,
<br>Maricopa County,
<br>AZ, US</p>
<div class="location-map"></div>
</div>
</div>
</div>
</div>
<div class="table-one-third table-bottom">
<div class="phone-odd">
<div class="phone-image phone-big">
<div class="phone-inner-image phone-big-image">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-3">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Buy and sell Ether nearby</h2>
<p>Find nearby Status users through our Discover feature. Exchange currency, services, and ideas to help grow the Ethereum community.</p>
<p class="statuses">Sample Statuses:</p>
</div>
<!-- Mobile Slider -->
<div class="mobile-slider">
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Jarrad</h3>
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Carl</h3>
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Dan</h3>
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Mobile Slider -->
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Jarrad</h3>
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Carl</h3>
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Dan</h3>
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="section-table section-white">
<div class="table-center">
<div class="table-container">
<div class="table-two-third">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
<div class="table-one-third">
<div class="section-text-column">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
</div>
</div>
</div>
</section> -->
<section class="section-table section-gradient">
<div class="table-center">
<div class="table-wrapper">
<div class="gradient-text">
<h2>Click here to join our waitlist</h2>
<button type="button" class="gradient-button pulse"></button>
<div class="section-gradient-text">
<p>We're working hard to make Status available to everyone. Join our private wait list for early access.<br />We respect privacy.</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-wrapper">
<div class="footer-half">
<a class="footer-logo-mobile"></a>
<p>Status Holdings Pte. Ltd.
<br>6 Ubi Road
Singapore
<br> support@status.im</p>
<div class="footer-icons-social">
<a href="https://github.com/status-im" class="footer-icon icon-github"></a>
<a href="https://twitter.com/ethstatus" class="footer-icon icon-twitter"></a>
<a href="https://www.facebook.com/ethstatus" class="footer-icon icon-facebook"></a>
</div>
</div>
<div class="footer-half">
<a class="footer-logo"></a>
<div class="footer-links">
<a href="http://slack.status.im/">Slack</a>
<a href="https://status-platform.workable.com/">Jobs</a>
<!-- <a href="#">Press</a> -->
<a href="https://github.com/status-im">Github</a>
</div>
</div>
</div>
</div>
</footer>
<script>
ga('send', 'pageview');
</script>
<!-- build:js js/main.min.js -->
<script type="text/javascript" src="js/libs.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<!-- endbuild -->
<!-- Twitter single-event website tag code -->
<script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
<script type="text/javascript">twttr.conversion.trackPid('nvjfv', { tw_sale_amount: 0, tw_order_quantity: 0 });</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=nvjfv&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
<img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=nvjfv&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
</noscript>
<!-- End Twitter single-event website tag code -->
</body>
</html>

5
src/welcome.html
View File

@ -83,8 +83,9 @@
<div class="main-navigation">
<nav>
<ul>
<li><a href="https://status-platform.workable.com/">Jobs</a></li>
<li><a href="#features">Features</a></li>
<li><a href="https://blog.status.im">Blog</a></li>
<li><a href="https://status.im/#features">Features</a></li>
<li><a href="http://slack.status.im/">Slack</a></li>
</ul>

679
src/welcome2.html
View File

@ -1,679 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Status | The Mobile Ethereum Client</title>
<meta name="description" content="Status is a mobile DApp browser and messenger for Ethereum. Join us in making Ethereum part of our everyday lives and interactions.">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
<!--[if lt IE 9]>
<script type="text/javascript"
src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:500,300,400" rel="stylesheet" type="text/css">
<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');
ga('create', 'UA-79146816-1', 'auto');
</script>
<script type="text/javascript">
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
heap.load("1816593697");
</script>
<!-- build:css css/main.min.css -->
<link rel="stylesheet" href="css/main.css">
<!-- endbuild -->
<script>
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
var foo = getParameterByName('maitre_code'); // Referral Code
var foo = getParameterByName('maitre_position'); // Waitlist Position
</script>
</head>
<body>
<section class="section-table">
<!-- section-header -->
<div class="table-center">
<div class="header-wrapper">
<header class="main-header clearfix">
<div class="logo-wrapper">
<div class="main-logo">
<a href="index.html"><img src="img/logo@2x.png" width="43" height="39" srcset="img/logo@2x.png 2x" alt="Status"></a>
</div>
<div class="logo-shadow"></div>
</div>
<div class="main-navigation">
<nav>
<ul>
<li><a href="https://status-platform.workable.com/">Jobs</a></li>
<li><a href="#features">Features</a></li>
<li><a href="http://slack.status.im/">Slack</a></li>
</ul>
</nav>
</div>
<script>window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));</script>
</header>
<div class="table-left">
<div class="status">
<div class="status-text">
<h1>You've been added to the Waitlist.<br/>Could you help us spread the word?</h1>
<p>Please help support our open source project with a tweet, or follow us to stay updated on our progress:</p>
<div class="footer-icons-social">
<a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false" data-text="Check out Status (@ethstatus) - an open source project that will bring Ethereum to Android and iOS!" data-size="large">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<a href="https://twitter.com/ethstatus" class="twitter-follow-button" data-size="large" data-show-screen-name="false" data-show-count="false">Follow @ethstatus</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="status-email" style="width:314px;margin:auto">
<div class="email">
</div>
</div>
</div>
<script>
var maitreCode = getParameterByName('maitre_code'); // Referral Code
var maitrePosition = getParameterByName('maitre_position'); // Waitlist Position
var email = "mailto:?&subject=Ethereum Mobile Client&body=Hey,%20I%20just%20signed%20up%20to%20Status%20-%20it's%20mobile%20client%20built%20on%20Ethereum,%20check%20it%20out!%20https%3A//status.im/invite/" + maitreCode;
var twitter = "https://twitter.com/home?status=I%20just%20signed%20up%20to%20%40ethstatus%20-%20an%20%23ethereum%20%23dapps%20browser%20for%20mobile%3A%20https%3A//status.im/invite/" + maitreCode;
var facebook = "http://www.facebook.com/sharer.php?u=https%3A//status.im/invite/" + maitreCode;
var input = "https://status.im/invite/" + maitreCode;
document.getElementById("emailLink").href = email;
document.getElementById("twitterLink").href = twitter;
document.getElementById("facebookLink").href = facebook;
document.getElementById("shareLinkInput").value = input;
</script>
</div>
</div>
<div class="table-right table-bottom">
<div class="phone-header">
<div class="phone-image phone-primary">
<div class="phone-inner-image">
</div>
</div>
<div class="phone-image phone-secondary">
<div class="phone-inner-image phone-secondary-image">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="table-row mobile-hidden">
<div class="block block-white">
<div class="block1-icon">
</div>
<h3>Send, Receive, and Store Ether</h3>
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
</div>
<div class="block block-white">
<div class="block2-icon">
</div>
<h3>Browse Decentralised Apps</h3>
<p>Explore the next generation of apps, with the next generation of Browser.</p>
</div>
<div class="block block-white">
<div class="block3-icon">
</div>
<h3>Buy and Sell Ether Locally</h3>
<p>Discover nearby Status users to exchange goods, services and ideas.</p>
</div>
</div>
</section>
<!-- Mobile Table-Row -->
<div class="section-row section-white">
<div class="mobile-slider">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block1-icon">
</div>
<h3>Send, Receive, and Store Ether</h3>
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block2-icon">
</div>
<h3>Browse Decentralised Apps</h3>
<p>Explore the next generation of apps, with the next generation of Browser.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-white">
<div class="block3-icon">
</div>
<h3>Buy and Sell Ether Locally</h3>
<p>Discover nearby Status users to exchange goods, services and ideas.</p>
</div>
</div>
</div>
</div>
</div>
<div class="table-one-third">
</div>
</div>
<!-- Colourful blocks section for mobile layout
Remove or comment out if not needed
-->
<!-- <section class="section-table section-white">
<div class="table-center">
<div class="table-container">
<div class="table-two-third">
<div class="mobile-section-text">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
<div class="mobile-slider">
<div class="swiper-container swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-hidden">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
</div>
<div class="table-one-third">
<div class="section-text-column">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- End colourful blocks section for mobile view -->
<section id="features" class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-2">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Decentralised Apps at your fingertips</h2>
<p>Status is a new type of Browser. Seamlessly interact with Decentralized Applications, and begin making Ethereum part of your every day life.</p>
</div>
<!-- Mobile Slider -->
<div class="mobile-slider">
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Exchange</h3>
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Your DAPP Here</h3>
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Mobile Slider -->
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Exchange</h3>
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Your DApp Here</h3>
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-table">
<div class="table-center">
<div class="table-wrapper">
<div class="table-two-third">
<div class="section-heading-odd">
<h2>Smarter messaging has arrived</h2>
<p>Status aims to replace your Messenger, enabling more meaningful conversations. Send payments, smart contracts, and more, directly from within chats.<br><br></p>
<div class="tags">
<div class="tag tag-status">
<div class="setstatus-pink">
<span>!setStatus</span>
</div>
<p>Away</p>
</div>
<div class="tag tag-transaction">
<div class="transaction-green">
<span>!transaction</span>
</div>
<p>346 <span>ETH</span> </p>
</div>
<div class="tag tag-name">
<div class="name-brown">
<span>!name</span>
</div>
<p>Alex Petrov</p>
</div>
<div class="tag tag-password">
<div class="password-blue">
<span>!keypairPassword</span>
</div>
<div class="icon-lock"></div>
<p>********</p>
</div>
<div class="tag tag-location">
<div class="location-purple">
<span>!location</span>
</div>
<p>Two Bar Mountain,
<br>Maricopa County,
<br>AZ, US</p>
<div class="location-map"></div>
</div>
</div>
</div>
</div>
<div class="table-one-third table-bottom">
<div class="phone-odd">
<div class="phone-image phone-big">
<div class="phone-inner-image phone-big-image">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-3">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Buy and sell Ether nearby</h2>
<p>Find nearby Status users through our Discover feature. Exchange currency, services, and ideas to help grow the Ethereum community.</p>
<p class="statuses">Sample Statuses:</p>
</div>
<!-- Mobile Slider -->
<div class="mobile-slider">
<div class="swiper-container swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Jarrad</h3>
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Carl</h3>
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
</div>
</div>
<div class="swiper-slide">
<div class="mobile-block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Dan</h3>
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Mobile Slider -->
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h3>Jarrad</h3>
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h3>Carl</h3>
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h3>Dan</h3>
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="section-table section-white">
<div class="table-center">
<div class="table-container">
<div class="table-two-third">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h4>Blind-Trust Not Required</h4>
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
</div>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
</div>
<h4>Web 3.0 Stack</h4>
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
</div>
</div>
<div class="table-one-third">
<div class="section-text-column">
<h2>Enter a bold new world, resistant to corruption.</h2>
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
</div>
</div>
</div>
</div>
</section> -->
<section class="section-table section-gradient">
<div class="table-center">
<div class="table-wrapper">
<div class="gradient-text">
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-wrapper">
<div class="footer-half">
<a class="footer-logo-mobile"></a>
<p>Status Holdings Pte. Ltd.
<br>6 Ubi Road
Singapore
<br> support@status.im</p>
<div class="footer-icons-social">
<a href="https://github.com/status-im" class="footer-icon icon-github"></a>
<a href="https://twitter.com/ethstatus" class="footer-icon icon-twitter"></a>
<a href="https://www.facebook.com/ethstatus" class="footer-icon icon-facebook"></a>
</div>
</div>
<div class="footer-half">
<a class="footer-logo"></a>
<div class="footer-links">
<a href="http://slack.status.im/">Slack</a>
<a href="https://status-platform.workable.com/">Jobs</a>
<!-- <a href="#">Press</a> -->
<a href="https://github.com/status-im">Github</a>
</div>
</div>
</div>
</div>
</footer>
<script>
ga('send', 'event', 'Waitlist', 'Confirmed', 'Waitlist');
</script>
<!-- build:js js/main.min.js -->
<script type="text/javascript" src="js/libs.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<!-- endbuild -->
<!-- Twitter single-event website tag code -->
<script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
<script type="text/javascript">twttr.conversion.trackPid('nvjfv', { tw_sale_amount: 0, tw_order_quantity: 0 });</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=nvjfv&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
<img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=nvjfv&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
</noscript>
<!-- End Twitter single-event website tag code -->
</body>
</html>