add maitre files and basic config

This commit is contained in:
G14 2016-07-12 19:39:09 +05:00
parent 6e6fef1d44
commit 1fb6f20946
4 changed files with 739 additions and 412 deletions

View File

@ -42,7 +42,7 @@ gulp.task('scripts', function() {
'src/libs/modernizr/modernizr-custom.js', 'src/libs/modernizr/modernizr-custom.js',
'src/libs/waypoints/waypoints.min.js', 'src/libs/waypoints/waypoints.min.js',
'src/libs/swiper/js/swiper.min.js', 'src/libs/swiper/js/swiper.min.js',
'src/libs/mailchimp/mc-validate.js' //'src/libs/mailchimp/mc-validate.js'
]) ])
.pipe(plumber()) .pipe(plumber())
.pipe(concat('libs.min.js')) .pipe(concat('libs.min.js'))

411
src/js/libs.min.js vendored Normal file → Executable file

File diff suppressed because one or more lines are too long

40
src/libs/maitre/widget.js Normal file
View File

@ -0,0 +1,40 @@
(function() {
var script = document.querySelector('[data-maitre]');
var div = document.createElement('div');
div.className = "maitre-widget-container";
script.parentNode.insertBefore(div, script.nextSibling);
if(window.Maitre === undefined || !Maitre.hasOwnProperty("uuid")) {
div.innerHTML = 'Maitre Widget isn\'t configured properly.<br/>Please check the <a href="https://maitreapp.co/docs">Documentation</a>.';
} else {
if (Maitre.hasOwnProperty("callbacks") && Maitre.callbacks.hasOwnProperty("onLoad")) { Maitre.callbacks.onLoad(); }
Maitre.host = Maitre.host || (window.location.origin + window.location.pathname);
var widget_assets = "https://maitreapp.co/widget_assets.js?v="+ new Date().getTime() +"&widget_id="+Maitre.uuid+"&hosting_url="+encodeURIComponent(Maitre.host);
var url = window.location.href;
var referral = /maitre-widget-referral=([^&]+)/.exec(url) || /mwr=([^&]+)/.exec(url);
var source = /maitre-widget-source=([^&]+)/.exec(url) || /mws=([^&]+)/.exec(url);
if (Maitre.hasOwnProperty("source") && Maitre.source.trim() != "") {
widget_assets += "&source="+encodeURIComponent(Maitre.source.toLowerCase().replace(/ /gi, "_"));
} else if (source) {
widget_assets += "&source="+source[1];
}
if (Maitre.hasOwnProperty("test_mode") && Maitre.test_mode) {
widget_assets += "&test_mode=true";
}
if (referral) { widget_assets += "&referral="+referral[1]; }
var script_tag = document.createElement('script');
script_tag.setAttribute("type","text/javascript");
script_tag.setAttribute("src", widget_assets);
(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
}
})();

698
src/waitlist.html Normal file
View File

@ -0,0 +1,698 @@
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Status</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>
<!-- 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="#"><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="#">Jobs</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">About</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">
<div class="maitre-widget-container">
<form action="https://maitreapp.co/widget_data" method="POST" data-maitre-form>
<div class="maitre-field" data-maitre-field-email>
<input type="email" name="email" class="email-input" placeholder="Enter your email for updates">
</div>
<div class="maitre-field" data-maitre-field-submit><button type="submit" name="subscribe" class="email-button" data-maitre-submit-button></button></div>
</form>
<div data-maitre-content>
<h2 data-maitre-header></h2>
<p data-maitre-verification>We have sent you a confirmation email.<br>You have 15 minutes to confirm your position.</p>
<h4 data-maitre-people-ahead-number></h4>
<p data-maitre-people-ahead-text></p>
<h4 data-maitre-people-behind-number></h4>
<p data-maitre-people-behind-text></p>
<p data-maitre-instructions></p>
<div data-maitre-share-container>
<a href="#" data-maitre-social-facebook target="_blank" class="maitre-widget-social"></a>
<a href="#" data-maitre-social-twitter target="_blank" class="maitre-widget-social"></a>
<a href="#" data-maitre-social-whatsapp target="_blank" data-action="share/whatsapp/share" class="maitre-widget-social show-mobile"></a>
<a href="#" data-maitre-social-email target="_blank" class="maitre-widget-social"></a>
<a href="#" data-maitre-social-plain class="maitre-widget-social"></a>
<div data-maitre-share-plain>
<div data-maitre-share-plain-explanation>Or share your unique code</div>
<div data-maitre-share-plain-url></div>
</div>
</div>
</div>
</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.
</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.
</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 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.<br><br>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>Get early access</h2>
<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 class="gradient-email">
<div class="email">
<div class="maitre-widget-container">
<form action="https://maitreapp.co/widget_data" method="POST" data-maitre-form>
<div class="maitre-field" data-maitre-field-email>
<label></label>
<input type="email" name="email" class="email-input" placeholder="Enter your email for updates">
</div>
<div class="maitre-field" data-maitre-field-submit><button type="submit" value="" name="subscribe" class="button email-button" data-maitre-submit-button></button></div>
</form>
<div data-maitre-content>
<h2 data-maitre-header></h2>
<p data-maitre-verification>We have sent you a confirmation email.<br>You have 15 minutes to confirm your position.</p>
<h4 data-maitre-people-ahead-number></h4>
<p data-maitre-people-ahead-text></p>
<h4 data-maitre-people-behind-number></h4>
<p data-maitre-people-behind-text></p>
<p data-maitre-instructions></p>
<div data-maitre-share-container>
<a href="#" data-maitre-social-facebook target="_blank" class="maitre-widget-social"></a>
<a href="#" data-maitre-social-twitter target="_blank" class="maitre-widget-social"></a>
<a href="#" data-maitre-social-whatsapp target="_blank" data-action="share/whatsapp/share" class="maitre-widget-social show-mobile"></a>
<a href="#" data-maitre-social-email target="_blank" class="maitre-widget-social"></a>
<a href="#" data-maitre-social-plain class="maitre-widget-social"></a>
<div data-maitre-share-plain>
<div data-maitre-share-plain-explanation>Or share your unique code</div>
<div data-maitre-share-plain-url></div>
</div>
</div>
</div>
</div>
</div>
</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 Platform
<br>Kemperplatz 1
Berlin, Germany
<br> support@status.im</p>
<div class="footer-icons-social">
<a href="#" class="footer-icon icon-github"></a>
<a href="#" class="footer-icon icon-twitter"></a>
<a href="#" class="footer-icon icon-facebook"></a>
</div>
</div>
<div class="footer-half">
<a class="footer-logo"></a>
<div class="footer-links">
<a href="#">About</a>
<a href="#">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>
<script type="text/javascript">
window.Maitre = { uuid: "MF203200dfd5", test_mode: true, require_name: false };
</script>
<script data-maitre src="libs/maitre/widget.js" async></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 -->
</body>
</html>