Add who-is-using-weex page (apache#59)

Hanks10100 · Feb 8, 2018 · 58a86fa · 58a86fa
2 parents 5b760b0 + 08f2804
commit 58a86fa
Show file tree

Hide file tree

Showing 11 changed files with 246 additions and 184 deletions.
diff --git a/source/_data/users.yml b/source/_data/users.yml
@@ -0,0 +1,105 @@
+taobao:
+  name: '手机淘宝'
+  icon: 'https://img.alicdn.com/tfs/TB1y5JUnvDH8KJjy1XcXXcpdXXa-148-150.png'
+  iOS: 'https://itunes.apple.com/cn/app/id387682726?mt=8'
+  android: 'https://play.google.com/store/apps/details?id=com.taobao.taobao&hl=zh_CN'
+tmall:
+  name: '手机天猫'
+  icon: 'https://img.alicdn.com/tfs/TB1k2XXnBHH8KJjy0FbXXcqlpXa-138-142.png'
+  iOS: 'https://itunes.apple.com/cn/app/id518966501?mt=8'
+  android: 'https://play.google.com/store/apps/details?id=com.tmall.wireless&hl=zh_CN'
+youku:
+  name: '优酷'
+  icon: 'https://img.alicdn.com/tfs/TB1.lo5XQyWBuNjy0FpXXassXXa-122-118.png'
+  iOS: ''
+  android: ''
+xianyu:
+  name: '闲鱼'
+  icon: 'https://img.alicdn.com/tfs/TB13I8cnC_I8KJjy0FoXXaFnVXa-150-150.jpg'
+  iOS: 'https://itunes.apple.com/cn/app/id510909506?mt=8'
+  android: 'https://play.google.com/store/apps/details?id=com.taobao.idlefish'
+fliggy:
+  name: '飞猪'
+  icon: 'https://img.alicdn.com/tfs/TB194hfnsrI8KJjy0FhXXbfnpXa-200-200.png'
+  iOS: 'https://itunes.apple.com/cn/app/id453691481?mt=8'
+  android: 'https://play.google.com/store/apps/details?id=com.taobao.trip&hl=zh_CN'
+uc:
+  name: 'UC浏览器'
+  icon: 'https://img.alicdn.com/tfs/TB17epRnv6H8KJjy0FjXXaXepXa-200-200.png'
+  iOS: 'https://itunes.apple.com/cn/app/id586871187?mt=8'
+  android: 'https://play.google.com/store/apps/details?id=com.UCMobile.intl&hl=zh_CN'
+cainiao:
+  name: '菜鸟裹裹'
+  icon: 'https://img.alicdn.com/tfs/TB1JMw3XMmTBuNjy1XbXXaMrVXa-512-512.jpg'
+  iOS: ''
+  android: ''
+qianniu:
+  name: '千牛'
+  icon: 'https://img.alicdn.com/tfs/TB19dd_nv6H8KJjSspmXXb2WXXa-200-200.png'
+  iOS: 'https://itunes.apple.com/cn/app/id590217303?mt=8'
+  android: 'https://play.google.com/store/apps/details?id=com.taobao.qianniu'
+aliyun:
+  name: '阿里云'
+  icon: 'https://gw.alicdn.com/tfs/TB1DSqRX_tYBeNjy1XdXXXXyVXa-1024-1024.png'
+  iOS: ''
+  android: ''
+1688:
+  name: '阿里巴巴'
+  icon: 'https://img.alicdn.com/tfs/TB1WJc9XKuSBuNjy1XcXXcYjFXa-80-80.jpg'
+  iOS: ''
+  android: ''
+taopiaopiao:
+  name: '淘票票'
+  icon: 'https://gw.alicdn.com/tfs/TB1qB1RX_tYBeNjy1XdXXXXyVXa-512-512.png'
+  iOS: ''
+  android: ''
+hema:
+  name: '盒马'
+  icon: 'https://gw.alicdn.com/tfs/TB1dq38XQyWBuNjy0FpXXassXXa-144-144.png'
+  iOS: ''
+  android: ''
+eleme:
+  name: '饿了么'
+  icon: 'https://img.alicdn.com/tfs/TB12BM5XFOWBuNjy0FiXXXFxVXa-225-225.jpg'
+  iOS: ''
+  android: ''
+lazada:
+  name: 'Lazada'
+  icon: 'https://gw.alicdn.com/tfs/TB15Zg.XGmWBuNjy1XaXXXCbXXa-225-225.png'
+  iOS: ''
+  android: ''
+paytmmall:
+  name: 'Paytm Mall'
+  icon: 'https://img.alicdn.com/tfs/TB1poU.XL5TBuNjSspmXXaDRVXa-225-225.png'
+  iOS: ''
+  android: ''
+qierdianjing:
+  name: '企鹅电竞'
+  icon: 'https://img.alicdn.com/tfs/TB1jbs5XFOWBuNjy0FiXXXFxVXa-114-114.png'
+  iOS: 'https://app.kaola.com/'
+  android: 'http://dldir1.qq.com//egame/qgame/3.5.0/126/qgame_3.5.0.228.435_r13799_default_release.apk'
+kaola:
+  name: '网易考拉海购'
+  icon: 'https://haitao.nos.netease.com/5c5f27c5-71f1-4f73-978d-e1f244bb4128.jpg'
+  iOS: 'https://app.kaola.com/'
+  android: 'https://app.kaola.com/'
+fenqile:
+  name: '分期乐'
+  icon: 'http://cimg1.fenqile.com/ibanner2/M00/00/8E/jqgHAFpgQnWAV3iwAABPXZNzjzM459.png'
+  iOS: 'http://itunes.apple.com/app/id906611031'
+  android: 'http://mall.m.fenqile.com/app/download/fenqile/app/official/fenqile.apk'
+weidian:
+  name: '微店买家版'
+  icon: 'https://si.geilicdn.com/hz_img_02480000016107fb8e120a02685e_216_216_unadjust.png'
+  iOS: 'https://h5.weidian.com/m/weidian-buyer/down-buyer/index.html'
+  android: 'https://h5.weidian.com/m/weidian-buyer/down-buyer/index.html'
+daren:
+  name: '达人店'
+  icon: 'http://cdn1.showjoy.com/images/c5/c5847462b5d942bab077fe932219f4df.png'
+  iOS: 'https://itunes.apple.com/cn/app/id1123389168?mt=8'
+  android: 'http://sj.qq.com/myapp/detail.htm?apkName=com.showjoy.shop'
+dianwoda:
+  name: '点我达骑手'
+  icon: 'http://prodwbbucket.oss-cn-hangzhou.aliyuncs.com/weex/rider/icon/dwdriderandroid.png'
+  iOS: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.dwd.rider'
+  android: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.dwd.rider'
diff --git a/source/cn/who-is-using-weex.md b/source/cn/who-is-using-weex.md
@@ -1,4 +1,5 @@
 ---
+layout: who-is-using-weex
 title: 谁在使用 Weex？
 type: community
 has_chapter_content: false

diff --git a/source/who-is-using-weex.md b/source/who-is-using-weex.md
@@ -1,4 +1,5 @@
 ---
+layout: who-is-using-weex
 title: Who is Using Weex?
 type: community
 has_chapter_content: false

diff --git a/themes/weex/languages/cn.yml b/themes/weex/languages/cn.yml
@@ -76,7 +76,8 @@ index:
       name: 黄泰成
       title: 天猫技术专家
       content: “ Weex 作为轻量渲染引擎又提供了很方便的插件机制，让各个端可以把自己的能力发挥出来，充分发挥在天猫的业务上，并良好的支持双11。”
-
+  addmore: 添加你的App
+  whosuse: 谁在使用 Weex ？
 menu:
   guide: 教程
   references: 手册

diff --git a/themes/weex/languages/en.yml b/themes/weex/languages/en.yml
@@ -76,6 +76,8 @@ index:
       name: Taicheng Huang
       title: Tmall, Technical Expert
       content: "Weex as a lightweight rendering engine also provides a very convenient plug-in mechanism, so that each side can put their ability to play out, give full play to the cat's business, and good support for Global Shopping Festival."
+  addmore: Add your App
+  whosuse: Who's using Weex?
 
 menu:
   guide: Guide

diff --git a/themes/weex/layout/_partial/slider.ejs b/themes/weex/layout/_partial/slider.ejs
@@ -6,7 +6,7 @@
           <h1 class="page-title"><%= _p('index.page_title') %></h1>
           <div class="btn-group">
             <a href="<%= url_for_lang('guide/index.html') %>" class="button get-started"><%= _p('index.get_started') %></a>
-            <a href="<%= url_for_lang('guide/contributing.html') %>" class="button get-started"><%= _p('menu.invovled') %></a>
+            <a href="<%= url_for_lang('contributing.html') %>" class="button get-started"><%= _p('menu.invovled') %></a>
           </div>
         </div>
       </div>

diff --git a/themes/weex/layout/index.ejs b/themes/weex/layout/index.ejs
@@ -39,103 +39,6 @@
   </div>
 </div>
 
-<div class="scene users horizon overlength">
-  <div class="scene-container">
-    <div class="textbox">
-      <h2><%= _p('index.users.title') %></h2>
-    </div>
-    <div class="sketch-content">
-      <div class="user-logo tmall-logo">
-        <h3><%= _p('index.users.tmall.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.tmall.title') %></h4>
-          <p><%= _p('index.users.tmall.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo aliyun-logo">
-        <h3><%= _p('index.users.aliyun.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.aliyun.title') %></h4>
-          <p><%= _p('index.users.aliyun.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo taobao-logo">
-        <h3><%= _p('index.users.taobao.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.taobao.title') %></h4>
-          <p><%= _p('index.users.taobao.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo ding-logo">
-        <h3><%= _p('index.users.dingtalk.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.dingtalk.title') %></h4>
-          <p><%= _p('index.users.dingtalk.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo alibaba-logo">
-        <h3><%= _p('index.users.alibaba.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.alibaba.title') %></h4>
-          <p><%= _p('index.users.alibaba.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo cainiao-logo">
-        <h3><%= _p('index.users.cainiao.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.cainiao.title') %></h4>
-          <p><%= _p('index.users.cainiao.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo xiami-logo">
-        <h3><%= _p('index.users.xiami.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.xiami.title') %></h4>
-          <p><%= _p('index.users.xiami.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo youku-logo">
-        <h3><%= _p('index.users.youku.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.youku.title') %></h4>
-          <p><%= _p('index.users.youku.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo taopiaopiao-logo">
-        <h3><%= _p('index.users.taopiaopiao.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.taopiaopiao.title') %></h4>
-          <p><%= _p('index.users.taopiaopiao.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo fliggy-logo">
-        <h3><%= _p('index.users.fliggy.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.fliggy.title') %></h4>
-          <p><%= _p('index.users.fliggy.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo juhuasuan-logo">
-        <h3><%= _p('index.users.juhuasuan.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.juhuasuan.title') %></h4>
-          <p><%= _p('index.users.juhuasuan.content') %></p>
-        </div>
-      </div>
-      <div class="user-logo qianniu-logo">
-        <h3><%= _p('index.users.qianniu.title') %></h3>
-        <div class="user-info">
-          <h4><%= _p('index.users.qianniu.title') %></h4>
-          <p><%= _p('index.users.qianniu.content') %></p>
-        </div>
-      </div>
-    </div>
-    <!--<div class="more">
-      <a class="more" href="">More</a>
-    </div>-->
-  </div>
-</div>
-
 <%- partial('_partial/footer') %>
 
 <%- js('js/swiper.min') %>

diff --git a/themes/weex/layout/who-is-using-weex.ejs b/themes/weex/layout/who-is-using-weex.ejs
@@ -0,0 +1,30 @@
+<div class="scene users horizon overlength">
+  <div class="sketch-content">
+      <div class="title"><%= _p('index.whosuse') %></div>
+      <ul class="app-listing">
+
+      <% for (var user in site.data.users) { %>
+        <li>
+          <div class="img" style="background-image:url(<%= site.data.users[user].icon %>)"></div>
+          <div class="tooltip"><%= site.data.users[user].name %></div>
+        </li>
+      <% } %>
+      </ul>
+      <a class="addmore" href="https://github.com/apache/incubator-weex-site/tree/master/source/_data/users.yml" target="_blank">
+        <%= _p('index.addmore') %>
+        <span class="top"></span>
+        <span class="left"></span>
+        <span class="right"></span>
+        <span class="bottom"></span>
+      </a>
+  </div>
+</div>
+
+<!-- <div class="logo-box">
+    <div class="name">
+        <%= site.data.users[user].name %>
+    </div>
+    <div class="img" style="background-image:url(<%= site.data.users[user].icon %>)"></div>
+    <a class="download-btn" href="<%= site.data.users[user].android %>">Android</a>
+    <a class="download-btn" href="<%= site.data.users[user].iOS %>">iOS</a>
+  </div> -->