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

add chinese landing page 

temp fix
This commit is contained in:
Carl 2017-05-06 12:09:49 +08:00
parent d3ed37bf76
commit 431955f47b
1 changed files with 645 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

645
src/cn.html Executable file
View File

@ -0,0 +1,645 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Status.im</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" />
<!-- 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">
<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>A </span>Mobile Ethereum OS</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="https://status.im">English</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">
提供安卓和iOS测试版本
</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">安全存储您的ETH和其它以太坊加密资产。</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">通过 Status，您的移动设备会变成 以太坊网络上的一个轻客户端节点，能够让您从任何地方访问以太坊的整个生态系统。
</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">宣布数字独立。uPort是一个“自我主权意识”的认证系统。</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">众包智慧。通过一个易于使用的预测市场在四处奔走时做出复杂的预测。</p>
<div class="dapp__image"></div>
</div>
</a>
<a href="https://pro.oasisdex.com/" target="_blank" class="dapp dapp--three">
<div class="dapp__inner">
<h3 class="dapp__title">Oasis Exchange</h3>
<p class="dapp__description">享受ETH和ERC20代币之间几近即时的分散化数字资产交换</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">分散化就业市场。为加密货币雇人或者工作，不收取费用。</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">创造不可阻挡的无国界公司、机构，以及价值。</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">一个分散化的保险平台。在四处奔走时购买保险，自动获得索赔支付。</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是一个艺术家的家园。创造和控制您的创意内容，与全世界分享。</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 是一个开源平台，任何人都可以在这里列出他们的DApp。</p>
</a>
</div>
</div>
<div class="slide__footer">
提供安卓和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">通过发现功能找到DApp和其它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">在新加坡当地提供SGD与ETH之间的交换服务</p>
</div>
<div class="point__footer">
#交换 #singapore
</div>
</div>
<div class="point__point"></div>
</div>
<div class="point point--two">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Etherplay</h4>
<p class="point__description">透明的基于技能的游戏，玩家可在此竞争高分。</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交易ETH。交易者声誉好。</p>
</div>
<div class="point__footer">
#REPxETH
</div>
</div>
<div class="point__point"></div>
</div>
<div class="point point--four">
<div class="point__content">
<div class="point__top">
<div class="point__avatar"></div>
<h4 class="point__title">Moments</h4>
<p class="point__description">一个抗审查分散的微博工具。</p>
</div>
<div class="point__footer">
#socialnetwork
</div>
</div>
<div class="point__point"></div>
</div>
</div>
<div class="circles">
<div class="slide__circle-wrap slide__circle--one">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--two">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--three">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--four">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--five">
<div class="slide__circle"></div>
</div>
<div class="slide__circle-wrap slide__circle--six">
<div class="slide__circle"></div>
</div>
</div>
</div>
</div>
<div class="slide slide--six">
<div class="slide__inner">
<div class="slide__header">
<h2 class="slide__title">更加智能的私人消息传送服务</h2>
<p class="slide__description">不只是一款即时通讯软件。从聊天中向朋友发送付款和智能合约，使用不依赖中央服务器的点对点协议默认享受端对端加密。</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">刘伟</div>
<div class="message__text">中国北京市朝阳区建国门外大街永安东里</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">李敏</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>李敏</span></div>
<div class="message__transaction__details-row"><span class="text-gray">From</span><span>李敏</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">这将花费2美元，谢谢。</div>
<div class="message__bubble-footer message__bubble-footer--button">
<span class="button-text">Send 2.0 USDT</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">为你的DApp设计自定义消息</div>
</div>
</div>
</div>
</div>
<div class="slide__footer">
<!––通过Status，您可以在您的日常生活中使用数字货币智能合约，与聊天机器人交谈，帮助保护我们的集体隐私权。-->
</div>
</div>
</div>
<div class="slide slide--five">
<div class="slide__inner">
<div class="slide__header slide__header--inversed">
<h2 class="slide__title">一个社区驱动的项目</h2>
<p class="slide__description">Status是我们与其用户一同创建的。我们完全是开源式的，任何人都可以随时做出贡献。我们团结一心，正在塑造 Status 的未来，创建一种由其自己的用户管理的新型网络类别。</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">核心贡献者</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">联合创始人</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">联合创始人</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">我们正在努力向所有人提供Status。马上加入我们的社区尝试测试版本，成为向一个更为开放的互联网过渡的一分子。</p>
</div>
<a href="#" class="button button--scroll-top">加入我们的社区</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 Holdings Pte.&nbsp;Ltd.<br/>22&nbsp;Sin&nbsp;Ming&nbsp;Lane<br/>Singapore</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/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" 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/?gi=73d6676925e9" 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">Chinese</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>