fixed chinese version

This commit is contained in:
andmironov 2017-06-07 16:21:43 +03:00
parent 69db30be59
commit 4a681b97df
12 changed files with 745 additions and 121 deletions

637
src/cn copy.html Normal file
View File

@ -0,0 +1,637 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Status, 以太坊移动操作系统</title>
<meta name="description" content="Status is an interface to access Ethereum, built for Android & iOS. Enjoy encrypted messaging, a cryptocurrency wallet, and seamless access to DApps.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="img/new-site/logo-32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="img/new-site/logo-16.png" sizes="16x16" />
<link rel="apple-touch-icon" href="img/new-site/apple-touch-icon-1024.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/new-site/apple-touch-icon-76.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/new-site/apple-touch-icon-120.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/new-site/apple-touch-icon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/new-site/apple-touch-icon-180.png">
<link rel="mask-icon" href="img/new-site/logo-mask.svg" color="4360DF">
<!-- favicon.ico in the root directory -->
<link rel="stylesheet" href="css/main.css?v=16d1099">
<meta property="og:title" content="Status, a Mobile Ethereum OS" />
</head>
<body>
<div class="cookie-popup">
<div class="cookie-popup__inner">
<p class="cookie-popup-text">Status.im uses cookies to help improve our website</p>
<a class="cookie-popup-button" href="#">Accept</a>
</div>
</div>
<div class="container-wrap">
<div class="container">
<div class="slides">
<div class="slide slide--one">
<div class="slide__inner">
<div class="header">
<div class="header__inner">
<a class="logo" href="/">
<span class="logo__icon"></span>
<div class="logo_text">
<span class="logo__title">Status</span>
<span class="logo__description"><span>以太坊移动操作系统</span>
</div>
</a>
<div class="nav">
<a class="nav__item nav__item--blog" target="_blank" href="https://blog.status.im/">博客</a>
<a class="nav__item nav__item--features" href="#">特性</a>
<a class="nav__item nav__item--about" href="#">发现</a>
<a class="nav__item nav__item--about" target="_blank" href="https://wiki.status.im/">维基</a>
<a class="nav__item nav__item--about" target="_blank" href="http://artifacts.status.im:8081/artifactory/nightlies-local/im.status.ethereum-07c247.apk">Download</a>
<a class="nav__item nav__item--about" target="_blank" href="https://github.com/status-im">Github</a>
</div>
<div class="shares">
<ul class="social-links">
<li class="social-link social-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"></a></li>
<li class="social-link social-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"></a></li>
<li class="social-link social-link--sl"><a href="http://slack.status.im/" target="_blank"></a></li>
</ul>
</div>
</div>
</div>
<div class="tagline">
<h2 class="tagline__title">以太坊。触手可及。</h2>
<div class="tagline__body">Status是一个浏览器、通讯工具和通向去中心化世界的入口。</div>
<div class="tagline__form">
<div class="email-form">
<!-- Mailchimp -->
<form action="//status.us13.list-manage.com/subscribe/post?u=d0c1a0be2adff281b52e27a7f&amp;id=09e2d9ae07" method="post" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="email-form__inner">
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL email-form__input email-form__input--email" placeholder="输入你的电子邮箱">
<input type="submit" value="抢先体验" name="subscribe" class="button email-form__input email-form__input--sumbit mc-embedded-subscribe button email-button">
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
</div>
<div id="mce-responses" class="email-form__responces">
<div class="response email-form__error-message" id="mce-error-response"></div>
<div class="email-form__success-message response" id="mce-success-response"></div>
</div>
</form>
<!-- End Mailchimp -->
</div>
</div>
<div class="tagline__footer">
<div class="tagline__footer-inner">
Available in Alpha for Android and iPhone
</div>
</div>
</div>
<div class="phones">
<div class="phone-wrap phone-wrap--iphone">
<div class="phone phone--iphone the-iphone">
<div class="the-iphone-dot"></div>
<div class="the-iphone-line"></div>
<div class="the-iphone-screen"></div>
<div class="the-iphone-button"></div>
</div>
</div>
<div class="phone-wrap phone-wrap--android">
<div class="phone phone--android the-android">
<div class="the-android-dot"></div>
<div class="the-android-line"></div>
<div class="the-android-screen"></div>
<div class="the-android-button"></div>
</div>
</div>
</div>
</div>
<div class="features-wrap">
<div class="features">
<div class="features__item features__item--send">
<span class="features__icon"></span>
<div class="features-text">
<h2 class="features__title">发送、接受、存储以太币</h2>
<p class="features__description">安全地存储你的以太币和其它以太坊资产。</p>
</div>
</div>
<div class="features__item features__item--browse">
<span class="features__icon"></span>
<div class="features-text">
<h2 class="features__title">浏览去中心化的应用</h2>
<p class="features__description">使用下一代浏览器探索下一代应用。</p>
</div>
</div>
<div class="features__item features__item--buy">
<span class="features__icon"></span>
<div class="features-text">
<h2 class="features__title">本地买卖以太币</h2>
<p class="features__description">发现附近的Status用户交易商品和服务。</p>
</div>
</div>
<a class="button button--secondary button--more" href="#">了解更多</a>
</div>
</div>
</div>
<div class="slide slide--two">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">以太坊移动界面</h2>
<p class="slide__description">With Status your mobile device becomes a light client node on the Ethereum Network, enabling you to access Ethereums entire ecosystem from anywhere.</p>
</div>
<div class="dapps">
<a href="https://www.uport.me/" target="_blank" class="dapp dapp--one">
<div class="dapp__inner">
<h3 class="dapp__title">uPort</h3>
<p class="dapp__description">Declare digital independence. uPort is a self-sovereign identity system.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://gnosis.pm/" target="_blank" class="dapp dapp--two">
<div class="dapp__inner">
<h3 class="dapp__title">Gnosis</h3>
<p class="dapp__description">Crowd sourced wisdom. Make complex predictions on the go with an easy to use prediction market.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://oasisdex.com/" target="_blank" class="dapp dapp--three">
<div class="dapp__inner">
<h3 class="dapp__title">Oasis Exchange</h3>
<p class="dapp__description">Enjoy a near-instant decentralized digital asset exchange between ETH and ERC20 tokens.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="http://ethlance.com/" target="_blank" class="dapp dapp--four">
<div class="dapp__inner">
<h3 class="dapp__title">Ethlance</h3>
<p class="dapp__description">The decentralized jobs marketplace. Hire or work for cryptocurrency, with no fees.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://aragon.one/" target="_blank" class="dapp dapp--five">
<div class="dapp__inner">
<h3 class="dapp__title">Aragon</h3>
<p class="dapp__description">Create unstoppable companies and organizations, and value without borders.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://etherisc.com/" target="_blank" class="dapp dapp--six">
<div class="dapp__inner">
<h3 class="dapp__title">Etherisc</h3>
<p class="dapp__description">A decentralized insurance platform. Buy a policy on the go, and be paid claims automatically.</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://ujomusic.com/" target="_blank" class="dapp dapp--seven">
<div class="dapp__inner">
<h3 class="dapp__title">Ujo</h3>
<p class="dapp__description">Ujo is a home for artists. Create and control your creative content, and share it with the world.</p>
<div class="dapp__image"></div>
</div>
</a>
<div class="dapp dapp--plus">
<a class="dapp--plus__link" href="http://slack.status.im/" target="_blank">
<div class="dapp__icon"><div class="dapp__icon-inner"></div></div>
<p class="dapp__description">Status is an open source platform, and anyone can list their DApp.</p>
</a>
</div>
</div>
<div class="slide__footer">
Available in alpha for Android and iOS
</div>
</div>
</div>
<!--div class="slide slide--two">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">A Mobile Ethereum Interface</h2>
<p class="slide__description">Seamlessly interact with the emerging ecosystem of&nbsp;DApps, wave goodbye to&nbsp;central intermediaries, and&nbsp;take control of&nbsp;your data.</p>
</div>
<div class="dapps">
<div class="dapp dapp--one">
<div class="dapp__inner">
<h3 class="dapp__title">Messaging</h3>
<p class="dapp__description">One-to-one and group chats, with end-to-end encryption by default over the Whisper protocol.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--two">
<div class="dapp__inner">
<h3 class="dapp__title">Payments</h3>
<p class="dapp__description">Send or request ETH and other ERC20 tokens from friends, DApps and contacts.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--three">
<div class="dapp__inner">
<h3 class="dapp__title">Contracts</h3>
<p class="dapp__description">Social smart contracts are coming. Send and sign smart contracts directly from within a chat.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--four">
<div class="dapp__inner">
<h3 class="dapp__title">HD Wallet</h3>
<p class="dapp__description">Store ETH and other Ethereum-based assets, review your transactions, and much more.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--five">
<div class="dapp__inner">
<h3 class="dapp__title">Multi-User</h3>
<p class="dapp__description">Manage multiple accounts with simple account switching directly from within Status.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--six">
<div class="dapp__inner">
<h3 class="dapp__title">Exchange</h3>
<p class="dapp__description">Enjoy near-instant digital asset exchange between ETH and ERC20 tokens, powered by Shapeshift.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--seven">
<div class="dapp__inner">
<h3 class="dapp__title">Developer Tools</h3>
<p class="dapp__description">Integrate your own DApp with webview, a conversation UI or both with the Status API.</p>
<div class="dapp__image"></div>
</div>
</div>
<div class="dapp dapp--plus">
<a class="dapp--plus__link" href="http://slack.status.im/" target="_blank">
<div class="dapp__icon"><div class="dapp__icon-inner"></div></div>
<p class="dapp__description">Status is an open source platform, and anyone can list their DApp.</p>
</a>
</div>
</div>
<div class="slide__footer">
Coming soon to Android and iOS.
</div>
</div>
</div-->
<div class="slide slide--three">
<div class="slide__inner">
<div class="slide__header slide__header--inversed">
<h2 class="slide__title">发现去中心化经济</h2>
<p class="slide__description">通过发现功能找到其它去中心化应用和Status用户。交换货币、服务和观点--帮助壮大去中心化运动。</p>
</div>
<div class="points">
<div class="point point--one">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Jarrad</h4>
<p class="point__description">在新加坡提供本地新加坡元/以太币兑换服务。</p>
</div>
<div class="point__footer">
#兑换 #新加坡
</div>
</div>
<div class="point__point"></div>
</div>
<div class="point point--two">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Etherplay</h4>
<p class="point__description">基于技能的透明游戏,玩家可以比赛。</p>
</div>
<div class="point__footer">
#游戏
</div>
</div>
<div class="point__point"></div>
</div>
<div class="point point--three">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Carl</h4>
<p class="point__description">用REP代币兑换以太币。只需要智能合约。有信誉的交易者。</p>
</div>
<div class="point__footer">
#REP兑换ETH
</div>
</div>
<div class="point__point"></div>
</div>
<div class="point point--four">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">时刻</h4>
<p class="point__description">一个抗审查的去中心化微博客工具。</p>
</div>
<div class="point__footer">
#社交网络
</div>
</div>
<div class="point__point"></div>
</div>
</div>
<div class="circles">
<div class="slide__circle-wrap slide__circle--one">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--two">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--three">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--four">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--five">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--six">
<div class="slide__circle"></div>
</div>
</div>
</div>
</div>
<div class="slide slide--six">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">Smarter private messaging</h2>
<p class="slide__description">Status is more than a messenger. Send payments and smart contracts to friends from within chats, and enjoy end-to-end encryption by default using a peer-to-peer protocol that doesnt rely on centralized servers.</p>
</div>
<div class="messages">
<div class="message message--text message--incoming message--one">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Alex</div>
<div class="message__text">Thanks, guys!</div>
</div>
</div>
<div class="message message--location message--incoming message--two">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Justas</div>
<div class="message__text">17 Washington Street, Noank, MA</div>
<div class="message__location"></div>
</div>
</div>
<div class="message message--transaction message--outcoming message--three">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Andrei</div>
<div class="message__transaction">
<div class="message__transaction__amount">0.2323 <span class="currency">ETH</span></div>
<div class="message__transaction__details">
<div class="message__transaction__details-row"><span class="text-gray">To</span><span>justas777</span></div>
<div class="message__transaction__details-row"><span class="text-gray">From</span><span>andmironov</span></div>
</div>
</div>
<div class="message__bubble-footer message__bubble-footer--status">
<span class="status-icon status-icon--ok"></span>
<span class="status-text">Confirmed</span>
</div>
</div>
</div>
<div class="message message--audio message--incoming message--four">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Lina</div>
<div class="message__player"></div>
</div>
</div>
<div class="message message--request message--incoming message--five">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Daniel</div>
<div class="message__text">Confirm with password</div>
<div class="message__bubble-footer message__bubble-footer--button">
<span class="button-text">Enter password</span>
</div>
</div>
</div>
<div class="message message--request message--outcoming message--six">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Gene</div>
<div class="message__text">That would be 3.55 ETH</div>
<div class="message__bubble-footer message__bubble-footer--button">
<span class="button-text">Send 3.55 ETH</span>
</div>
</div>
</div>
<div class="message message--custom message--outcoming message--seven">
<div class="message__avatar"></div>
<div class="message__bubble">
<div class="message__name">Felix</div>
<div class="message__custom">
<div class="message__custom__icon-wrap"><div class="message__custom__icon"></div></div>
<div class="message__custom__text">Design custom messages for your DApp</div>
</div>
</div>
</div>
</div>
<div class="slide__footer">
With Status, you can use digital currency smart contracts in your daily life, converse with chatbots, and help to preserve our collective human right to privacy.
</div>
</div>
</div>
<div class="slide slide--five">
<div class="slide__inner">
<div class="slide__header slide__header--inversed">
<h2 class="slide__title">A Community Driven Project</h2>
<p class="slide__description">Status is built together with its users. Were completely open source and anyone is free to contribute. Together, we're shaping the future of Status, and creating a new type of network governed by its own users.</p>
</div>
<div class="slide__bg-image">
<div class="slide__bg-area"></div>
<div class="slide__bg-icon">
<div class="slide__bg-icon-inner"></div>
</div>
</div>
<div class="contributors">
<h5 class="contributors__title">Core contributors:</h5>
<ul class="contributors__list">
<li class="contributor contributor--carl">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Carl</div>
<div class="contributor__info__position">Co-founder</div>
</div>
</li>
<li class="contributor contributor--jarrad">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Jarrad</div>
<div class="contributor__info__position">Co-founder</div>
</div>
</li>
<li class="contributor contributor--roman">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Roman</div>
<div class="contributor__info__position">Lead Clojure</div>
</div>
</li>
<li class="contributor contributor--victor">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Victor</div>
<div class="contributor__info__position">Go</div>
</div>
</li>
<li class="contributor contributor--alexander">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Alexander</div>
<div class="contributor__info__position">Clojure</div>
</div>
</li>
<li class="contributor contributor--andrey">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Andrey</div>
<div class="contributor__info__position">Clojure</div>
</div>
</li>
<li class="contributor contributor--gustavo">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Gustavo</div>
<div class="contributor__info__position">Clojure</div>
</div>
</li>
<li class="contributor contributor--andrei">
<div class="contributor__pic"></div>
<div class="contributor__info">
<div class="contributor__info__name">Andrey</div>
<div class="contributor__info__position">Design</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="slide slide--four">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">抢先体验</h2>
<p class="slide__description">We're working hard to make Status available to everyone. Join our community today to try the alpha release, and be a part of the transition to a more open internet.</p>
</div>
<a href="#" class="button button--scroll-top">JOIN OUR COMMUNITY</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-inner">
<div class="footer-logo-wrap">
<div class="footer-logo-wrap__inner">
<div class="footer-logo"></div>
<div class="footer-address">Status Research & Development Gmbh<br/>Baarerstrasse 10<br/>Zug, Switzerland</div>
</div>
</div>
<div class="footer-table">
<div class="footer-table__column">
<h4 class="footer-header">Social links</h4>
<ul class="footer-list">
<li class="footer-link footer-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Facebook</span></a></li>
<li class="footer-link footer-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Twitter</span></a></li>
<li class="footer-link footer-link--sl"><a href="http://slack.status.im/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Slack</span></a></li>
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/statusim" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
</ul>
</div>
<div class="footer-table__column">
<h4 class="footer-header">More</h4>
<ul class="footer-list">
<li class="footer-link"><a href="https://wiki.status.im" target="_blank">Status Wiki</a></li>
<li class="footer-link"><a href="https://blog.status.im/" target="_blank">Status Blog</a></li>
<li class="footer-link"><a href="https://status.im/jobs.html" target="_blank">Jobs</a></li>
</ul>
</div>
<div class="footer-table__column">
<h4 class="footer-header">Language</h4>
<ul class="footer-list">
<li class="footer-link">
<select class="language-switcher" name="lang">
<option value="en">English</option>
</select>
</li>
</ul>
</div>
</div>
</div>
</div>
<script src="js/app.js?v=44d5354"></script>
<script src="js/mc-validate.js"></script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
try {
ga('create', 'UA-79146816-1', 'auto');
ga('send', 'pageview');
} catch(e) {}
</script>
<!-- /Google Analytics -->
</body>
</html>

View File

@ -23,13 +23,6 @@
<meta property="og:title" content="Status, a Mobile Ethereum OS" />
<!-- Heap Analytics -->
<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>
<!-- /Heap Analytics -->
</head>
<body>
<div class="cookie-popup">
@ -47,81 +40,94 @@
<div class="slide__inner">
<div class="header">
<div class="header__inner">
<a class="logo" href="/">
<span class="logo__icon"></span>
<div class="logo_text">
<span class="logo__title">Status</span>
<span class="logo__description"><span>以太坊移动操作系统</span>
</div>
</a>
<div class="nav">
<a class="nav__item nav__item--blog" target="_blank" href="https://blog.status.im/">博客</a>
<a class="nav__item" target="_blank" href="https://blog.status.im/">博客</a>
<a class="nav__item nav__item--features" href="#">特性</a>
<a class="nav__item nav__item--about" href="#">发现</a>
<a class="nav__item nav__item--about" target="_blank" href="https://wiki.status.im/">维基</a>
<a class="nav__item nav__item--about" target="_blank" href="http://artifacts.status.im:8081/artifactory/nightlies-local/im.status.ethereum-07c247.apk">Download</a>
<a class="nav__item nav__item--about" target="_blank" href="https://github.com/status-im">Github</a>
<a class="nav__item" target="_blank" href="https://wiki.status.im/">维基</a>
<a class="nav__item" target="_blank" href="http://artifacts.status.im:8081/artifactory/nightlies-local/im.status.ethereum-07c247.apk">Download</a>
</div>
<div class="nav nav--right">
<a class="nav__item" target="_blank" href="https://status.im/">English</a>
<a class="nav__item" target="_blank" href="https://blog.status.im/">Facebook</a>
<a class="nav__item" target="_blank" href="https://twitter.com/ethstatus">Twitter</a>
<a class="nav__item" target="_blank" href="http://slack.status.im/">Slack</a>
<a class="nav__item" target="_blank" href="https://github.com/status-im">Github</a>
</div>
<div class="shares">
<ul class="social-links">
<li class="social-link social-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"></a></li>
<li class="social-link social-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"></a></li>
<li class="social-link social-link--sl"><a href="http://slack.status.im/" target="_blank"></a></li>
</ul>
</div>
</div>
</div>
<div class="tagline">
<h2 class="tagline__title">以太坊。触手可及。</h2>
<div class="tagline__body">Status是一个浏览器、通讯工具和通向去中心化世界的入口。</div>
<div class="tagline__form">
<div class="email-form">
<!-- Mailchimp -->
<form action="//status.us13.list-manage.com/subscribe/post?u=d0c1a0be2adff281b52e27a7f&amp;id=09e2d9ae07" method="post" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="email-form__inner">
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL email-form__input email-form__input--email" placeholder="输入你的电子邮箱">
<input type="submit" value="抢先体验" name="subscribe" class="button email-form__input email-form__input--sumbit mc-embedded-subscribe button email-button">
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
</div>
<div id="mce-responses" class="email-form__responces">
<div class="response email-form__error-message" id="mce-error-response"></div>
<div class="email-form__success-message response" id="mce-success-response"></div>
</div>
</form>
<!-- End Mailchimp -->
<div class="crowdsale">
<div class="tokens">
<div class="token-wrap token-wrap--status"><div class="token token--status"></div></div>
<div class="token-wrap"><div class="token token--blue"></div></div>
<div class="token-wrap"><div class="token token--pink"></div></div>
<div class="token-wrap"><div class="token token--orange"></div></div>
<div class="token-wrap"><div class="token token--purple"></div></div>
<div class="token-wrap"><div class="token token--green"></div></div>
<div class="token-wrap"><div class="token token--blue"></div></div>
<div class="token-wrap"><div class="token token--pink"></div></div>
<div class="token-wrap"><div class="token token--orange"></div></div>
<div class="token-wrap"><div class="token token--purple"></div></div>
<div class="token-wrap"><div class="token token--green"></div></div>
<div class="token-wrap"><div class="token token--blue"></div></div>
<div class="token-wrap"><div class="token token--pink"></div></div>
<div class="token-wrap"><div class="token token--orange"></div></div>
<div class="token-wrap"><div class="token token--purple"></div></div>
<div class="token-wrap"><div class="token token--green"></div></div>
</div>
<div class="tagline">
<h2 class="tagline__title">Introducing the Status Network</h2>
<div class="tagline__body">The Contribution Period for the Status Network will begin at 2pm GMT (UTC+0) on June 17th 2017</div>
<div class="tagline__buttons">
<a class="button button--bg-white button--color-blue" target="_blank" href="http://contribute.status.im/">How to Contribute</a>
<a class="button button--bg-white button--color-blue button--more" target="_blank" href="https://status.im/whitepaper-cn.pdf">Read Whitepaper</a>
</div>
</div>
<div class="tagline__footer">
<div class="tagline__footer-inner">
Available in Alpha for Android and iPhone
</div>
<div class="learn-more">
<a href="#">Learn more about Status</a>
</div>
</div>
<div class="phones">
<div class="phone-wrap phone-wrap--iphone">
<div class="phone phone--iphone the-iphone">
<div class="the-iphone-dot"></div>
<div class="the-iphone-line"></div>
<div class="the-iphone-screen"></div>
<div class="the-iphone-button"></div>
</div>
</div>
<div class="about">
<div class="phone-wrap phone-wrap--android">
<div class="phone phone--android the-android">
<div class="the-android-dot"></div>
<div class="the-android-line"></div>
<div class="the-android-screen"></div>
<div class="the-android-button"></div>
<div class="tagline">
<h2 class="tagline__title">What is Status?</h2>
<div class="tagline__body">Status is an open source messaging platform and mobile browser to interact with decentralized applications that run on the Ethereum Network.</div>
<div class="tagline__buttons">
<div class="app-buttons">
<a class="app-button app-button--android" target="_blank" href="https://test.status.im">
<span class="app-button__title">Download Alpha</span>
<span class="app-button__platform">Android</span>
<span class="app-button__icon"></span>
</a>
<a class="app-button app-button--ios" href="#">
<span class="app-button__title">Request TestFlight</span>
<span class="app-button__platform">IOS</span>
<span class="app-button__icon"></span>
</a>
</div>
</div>
<div class="tagline__footer">
<div class="tagline__footer-inner">
Available in Alpha for Android and iPhone
</div>
</div>
</div>
</div>
</div>
<div class="app">
<div class="app-inner"></div>
</div>
<div class="features-wrap">
<div class="features">
<div class="features__item features__item--send">
@ -569,13 +575,13 @@
</div>
</div>
<div class="slide slide--four">
<div class="slide slide--four slide--no-form">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">抢先体验</h2>
<p class="slide__description">We're working hard to make Status available to everyone. Join our community today to try the alpha release, and be a part of the transition to a more open internet.</p>
</div>
<a href="#" class="button button--scroll-top">JOIN OUR COMMUNITY</a>
<a href="http://artifacts.status.im:8081/artifactory/nightlies-local/im.status.ethereum-024cf6.apk" target="_blank" class="button">Download</a>
</div>
</div>
</div>
@ -616,6 +622,7 @@
<li class="footer-link">
<select class="language-switcher" name="lang">
<option value="en">English</option>
<option selected value="cn">中文</option>
</select>
</li>
</ul>

View File

@ -2471,6 +2471,10 @@ input.email-form__input--email:disabled {
height: auto;
width: auto; }
.slide--no-form .button {
max-width: 240px;
margin: 16px auto 32px; }
@media (max-width: 767px) {
.slide.slide--four {
padding: 0px 0px 0 0px; } }

View File

@ -46,8 +46,10 @@
<a class="nav__item nav__item--about" href="#">Discover</a>
<a class="nav__item" target="_blank" href="https://hackathon.status.im/">Hackathon</a>
<a class="nav__item" target="_blank" href="https://wiki.status.im/">Wiki</a>
</div>
<div class="nav nav--right">
<a class="nav__item" target="_blank" href="https://status.im/cn.html">中文</a>
<a class="nav__item" target="_blank" href="https://blog.status.im/">Facebook</a>
<a class="nav__item" target="_blank" href="https://twitter.com/ethstatus">Twitter</a>
<a class="nav__item" target="_blank" href="http://slack.status.im/">Slack</a>
@ -624,7 +626,8 @@
<ul class="footer-list">
<li class="footer-link">
<select class="language-switcher" name="lang">
<option value="en">English</option>
<option selected value="en">English</option>
<option value="cn">中文</option>
</select>
</li>
</ul>

View File

@ -148,20 +148,11 @@
</script>
<!-- /Google Analytics -->
<!-- Heap Analytics -->
<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>
<!-- /Heap Analytics -->
<!-- Twitter buttons -->
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- /Twitter buttons -->
<!-- Optimizely -->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<!-- /Optimizely -->
<!-- Github buttons -->
<script async defer src="https://buttons.github.io/buttons.js"></script>

View File

@ -179,21 +179,10 @@
</script>
<!-- /Google Analytics -->
<!-- Heap Analytics -->
<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>
<!-- /Heap Analytics -->
<!-- Twitter buttons -->
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- /Twitter buttons -->
<!-- Optimizely -->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<!-- /Optimizely -->
<!-- Github buttons -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<!-- /Guthub buttons -->

View File

@ -9960,7 +9960,8 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
slideThree = document.querySelectorAll(".slide--three")[0],
slideFour = document.querySelectorAll(".slide--four")[0],
slideSix = document.querySelectorAll(".slide--six")[0],
cookieButton = document.querySelectorAll(".cookie-popup-button")[0];
cookieButton = document.querySelectorAll(".cookie-popup-button")[0],
languageSelect = document.querySelectorAll('.language-switcher')[0];
setTimeout(function () {
return body.classList.add("shown");
@ -10061,4 +10062,13 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
function eraseCookie(name) {
createCookie(name, "", -1);
}
languageSelect.addEventListener("change", function () {
var lang = languageSelect.options[languageSelect.selectedIndex].value;
if (lang == "en") {
window.location.replace("https://status.im/");
return;
}
window.location.replace("https://status.im/" + lang + ".html");
});
}, { "./lib/ScrollOver.js": 17, "./lib/animatescroll.js": 18 }] }, {}, [19]);

View File

@ -10,7 +10,8 @@ let features = document.querySelectorAll(".features-wrap")[0],
slideThree = document.querySelectorAll(".slide--three")[0],
slideFour = document.querySelectorAll(".slide--four")[0],
slideSix = document.querySelectorAll(".slide--six")[0],
cookieButton = document.querySelectorAll(".cookie-popup-button")[0]
cookieButton = document.querySelectorAll(".cookie-popup-button")[0],
languageSelect = document.querySelectorAll('.language-switcher')[0]
setTimeout(() => body.classList.add("shown"), 400)
@ -119,3 +120,12 @@ function readCookie(name) {
function eraseCookie(name) {
createCookie(name,"",-1);
}
languageSelect.addEventListener("change", function () {
let lang = languageSelect.options[languageSelect.selectedIndex].value
if (lang == "en") {
window.location.replace("https://status.im/")
return
}
window.location.replace("https://status.im/" + lang + ".html")
})

View File

@ -128,19 +128,8 @@
</script>
<!-- /Google Analytics -->
<!-- Heap Analytics -->
<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>
<!-- /Heap Analytics -->
<!-- Twitter buttons -->
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- /Twitter buttons -->
<!-- Optimizely -->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<!-- /Optimizely -->
</body>
</html>

View File

@ -128,19 +128,8 @@
</script>
<!-- /Google Analytics -->
<!-- Heap Analytics -->
<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>
<!-- /Heap Analytics -->
<!-- Twitter buttons -->
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- /Twitter buttons -->
<!-- Optimizely -->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<!-- /Optimizely -->
</body>
</html>

View File

@ -12,6 +12,12 @@
width: auto;
}
.slide--no-form .button{
max-width: 240px;
margin: 16px auto 32px;
}
@media (max-width: 767px) {
.slide.slide--four {

View File

@ -170,21 +170,10 @@
</script>
<!-- /Google Analytics -->
<!-- Heap Analytics -->
<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>
<!-- /Heap Analytics -->
<!-- Twitter buttons -->
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- /Twitter buttons -->
<!-- Optimizely -->
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
<!-- /Optimizely -->
<!-- Google Adwords Code for Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */