improved form, other minor improvements

This commit is contained in:
andmironov 2016-12-15 15:04:28 +03:00
commit 8ab63ecc95
3 changed files with 27 additions and 683 deletions

View File

@ -1,22 +1,9 @@
<?php
ignore_user_abort(true);
set_time_limit(0);
$command = "cd /var/www/status-site && git reset --hard HEAD && git pull origin master && npm install && gulp build";
// TODO check against ip or secret hash
$log_file = "/var/www/status-site/build.log";
file_put_contents($log_file, var_export($_SERVER, true), FILE_APPEND);
$content = file_get_contents("php://input");
file_put_contents($log_file, var_export($content, true), FILE_APPEND);
if ( $_SERVER['HTTP_X_GITHUB_EVENT'] == 'push' ) {
if( ($fp = popen($command, "r")) ) {
while( !feof($fp) ){
$result = fread($fp, 1024);
file_put_contents($log_file, $result, FILE_APPEND);
echo $result;
flush();
}
fclose($fp);
}
shell_exec("sudo /var/www/status-site/deploy.sh");
echo file_get_contents("/var/www/status-site/build.log");
}

View File

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Status | The Mobile Ethereum Client</title>
<title>Waitlist Confirmation | 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">
@ -55,9 +55,9 @@
<div class="page__content-wrap">
<div class="page__content page__content--success">
<h2 class="page__title">Youve been added to the Waitlist. Could you help us spread the word?</h2>
<h2 class="page__title">Youve been added to the Waitlist.<br />Could you help us spread the word?</h2>
<div class="page__text">
<p class="page__subheader">Please help support our open source project with a tweet, or&nbsp;follow us to stay updated on our progress</p>
<p class="page__subheader">Please help support our open source project with a tweet, or&nbsp;follow us to stay updated on our progress:</p>
<div class="page__socilal-buttons">
<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-url="https://status.im/" data-size="large">Tweet</a>
@ -66,11 +66,10 @@
</div>
</div>
<div class="page__footer">
<a class="page__footer-link" href="/">Learn more about Status</a>
<a class="page__footer-link" href="http://slack.status.im/">Learn more about Status</a>
</div>
</div>
<div class="footer">
<ul class="social-links ">
<li class="social-link social-link--fb social-link--inversed"><a href="https://www.facebook.com/ethstatus" target="_blank"></a></li>
@ -117,5 +116,26 @@
<!-- Optimizely -->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<!-- /Optimizely -->
<!-- Google Adwords Code for Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 879997090;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "uPB7CLGW5mwQouHOowM";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/879997090/?label=uPB7CLGW5mwQouHOowM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>
<!--/ Google Adwords Code for Conversion Page -->
</body>
</html>

View File

@ -1,663 +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://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>Please help us spread the word.</h1>
<p>Thanks, you've been successfully added to the waitlist! Help raise awarenese to our open source project by inviting your friends. We're giving early access to our Beta to those kind enough to share:</p>
<div class="footer-icons-social">
<a id="emailLink" href="#" class="footer-icon icon-email" target="_blank"></a>
<a id="twitterLink" href="#" target="_blank" class="footer-icon icon-twitter"></a>
<a id="facebookLink" href="#" target="_blank" class="footer-icon icon-facebook"></a>
</div>
<p>Or share your unique link:</p><br/>
<div class="status-email" style="width:314px;margin:auto">
<input id="shareLinkInput" type="text" class="input-email" value="" >
<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', '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>