You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@linkis.apache.org by pe...@apache.org on 2021/10/28 11:44:34 UTC
[incubator-linkis-website] 21/47: add i18n for home
This is an automated email from the ASF dual-hosted git repository.
peacewong pushed a commit to branch asf-staging
in repository https://gitbox.apache.org/repos/asf/incubator-linkis-website.git
commit 85f10f80cdf701037029484ebad1dd87c8cb11e9
Author: casionone <ca...@gmail.com>
AuthorDate: Tue Oct 12 20:24:52 2021 +0800
add i18n for home
---
src/App.vue | 34 ++++++-------
src/assets/home/after_linkis_en.png | Bin 0 -> 481170 bytes
src/assets/home/after_linkis_zh.png | Bin 0 -> 645519 bytes
src/assets/home/before_linkis_en.png | Bin 0 -> 508718 bytes
src/assets/home/before_linkis_zh.png | Bin 0 -> 332201 bytes
src/assets/home/description.png | Bin 0 -> 73910 bytes
src/i18n/en.json | 26 +++++++++-
src/i18n/zh.json | 25 +++++++++-
src/pages/home.vue | 94 ++++++++++++++++++++++++++++++++---
9 files changed, 154 insertions(+), 25 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 5a47fdd..6418c15 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,12 +22,12 @@ const switchLang = (lang) => {
</div>
<span class="nav-logo-badge">Incubating</span>
<div class="menu-list">
- <router-link class="menu-item" to="/"><span class="label">Home</span></router-link>
- <router-link class="menu-item" to="/docs/deploy/linkis"><span class="label">Docs</span></router-link>
- <router-link class="menu-item" to="/faq/index"><span class="label">FAQ</span></router-link>
- <router-link class="menu-item" to="/download"><span class="label">Download</span></router-link>
- <router-link class="menu-item" to="/blog"><span class="label">Blog</span></router-link>
- <router-link class="menu-item" to="/team"><span class="label">Team</span></router-link>
+ <router-link class="menu-item" to="/"><span class="label">{{$t('menu.item.home')}}</span></router-link>
+ <router-link class="menu-item" to="/docs/deploy/linkis"><span class="label">{{$t('menu.item.docs')}}</span></router-link>
+ <router-link class="menu-item" to="/faq/index"><span class="label">{{$t('menu.item.faq')}}</span></router-link>
+ <router-link class="menu-item" to="/download"><span class="label">{{$t('menu.item.download')}}</span></router-link>
+ <router-link class="menu-item" to="/blog"><span class="label">{{$t('menu.item.blog')}}</span></router-link>
+ <router-link class="menu-item" to="/team"><span class="label">{{$t('menu.item.team')}}</span></router-link>
<div class="menu-item language">
Language
<div class="dropdown-menu">
@@ -46,22 +46,22 @@ const switchLang = (lang) => {
<div class="footer-links-row">
<div class="footer-links">
<h3 class="links-title">Linkis</h3>
- <a href="" class="links-item">Documentation</a>
- <a href="" class="links-item">Events</a>
- <a href="" class="links-item">Releases</a>
+ <a href="" class="links-item">{{$t('menu.links.documentation')}}</a>
+ <a href="" class="links-item">{{$t('menu.links.events')}}</a>
+ <a href="" class="links-item">{{$t('menu.links.releases')}}</a>
</div>
<div class="footer-links">
- <h3 class="links-title">Community</h3>
+ <h3 class="links-title">{{$t('menu.links.community')}}</h3>
<a href="" class="links-item">GitHub</a>
- <a href="" class="links-item">Issue Tracker</a>
- <a href="" class="links-item">Pull Requests</a>
+ <a href="" class="links-item">{{$t('menu.links.issue_tracker')}}</a>
+ <a href="" class="links-item">{{$t('menu.links.pull_requests')}}</a>
</div>
<div class="footer-links">
- <h3 class="links-title">Apache Software Foundation</h3>
- <a href="" class="links-item">Foundation</a>
- <a href="" class="links-item">License</a>
- <a href="" class="links-item">Sponsorship</a>
- <a href="" class="links-item">Thanks</a>
+ <h3 class="links-title">{{$t('menu.links.asf')}}</h3>
+ <a href="" class="links-item">{{$t('menu.links.foundation')}}</a>
+ <a href="" class="links-item">{{$t('menu.links.license')}}</a>
+ <a href="" class="links-item">{{$t('menu.links.sponsorship')}}</a>
+ <a href="" class="links-item">{{$t('menu.links.thanks')}}</a>
</div>
</div>
<p class="footer-desc">Apache Linkis (Incubating) is an effort undergoing incubation at The Apache Software Foundation, sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code [...]
diff --git a/src/assets/home/after_linkis_en.png b/src/assets/home/after_linkis_en.png
new file mode 100644
index 0000000..6ff635d
Binary files /dev/null and b/src/assets/home/after_linkis_en.png differ
diff --git a/src/assets/home/after_linkis_zh.png b/src/assets/home/after_linkis_zh.png
new file mode 100644
index 0000000..b94beab
Binary files /dev/null and b/src/assets/home/after_linkis_zh.png differ
diff --git a/src/assets/home/before_linkis_en.png b/src/assets/home/before_linkis_en.png
new file mode 100644
index 0000000..a2c40e1
Binary files /dev/null and b/src/assets/home/before_linkis_en.png differ
diff --git a/src/assets/home/before_linkis_zh.png b/src/assets/home/before_linkis_zh.png
new file mode 100644
index 0000000..914d38b
Binary files /dev/null and b/src/assets/home/before_linkis_zh.png differ
diff --git a/src/assets/home/description.png b/src/assets/home/description.png
new file mode 100644
index 0000000..8ea2b4c
Binary files /dev/null and b/src/assets/home/description.png differ
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 83add9c..479851b 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -6,5 +6,29 @@
"slogan": "Decouple the upper applications and the underlying data engines by building a computation middleware layer."
}
}
+ },
+ "menu": {
+ "item":{
+ "home": "Home",
+ "docs":"Docs",
+ "faq": "FAQ",
+ "download":"Download",
+ "blog":"Blog",
+ "team":"Team"
+ },
+ "links":{
+ "documentation":"Documentation",
+ "events":"Events",
+ "releases":"Releases",
+ "community":"Community",
+ "issue_tracker":"Issue Tracker",
+ "pull_requests":"Pull Requests",
+ "asf":"Apache Software Foundation",
+ "foundation":"Foundation",
+ "license":"License",
+ "sponsorship":"Sponsorship",
+ "thanks":"Thanks"
+ }
}
-}
\ No newline at end of file
+}
+
diff --git a/src/i18n/zh.json b/src/i18n/zh.json
index 844b8b7..178f663 100644
--- a/src/i18n/zh.json
+++ b/src/i18n/zh.json
@@ -3,8 +3,31 @@
"common": {},
"home": {
"banner": {
- "slogan": "中文的Decouple the upper applications and the underlying data engines by building a computation middleware layer."
+ "slogan": "通过构建计算中间件层来解耦上层应用程序和底层数据引擎"
}
}
+ },
+ "menu": {
+ "item":{
+ "home": "首页",
+ "docs":"文档",
+ "faq": "FAQ",
+ "download":"下载",
+ "blog":"博客",
+ "team":"团队"
+ },
+ "links":{
+ "documentation":"文档",
+ "events":"动态",
+ "releases":"版本",
+ "community":"社区",
+ "issue_tracker":"Issue追踪",
+ "pull_requests":"Pull Request",
+ "asf":"ASF",
+ "foundation":"基金会",
+ "license":"证书",
+ "sponsorship":"赞助",
+ "thanks":"致谢"
+ }
}
}
\ No newline at end of file
diff --git a/src/pages/home.vue b/src/pages/home.vue
index 311f685..91f2f46 100644
--- a/src/pages/home.vue
+++ b/src/pages/home.vue
@@ -1,5 +1,5 @@
<template>
- <div class="ctn-block home-page">
+ <div v-if="lang === 'en'" class="ctn-block home-page">
<div class="banner text-center">
<h1 class="home-title"><span class="apache">Apache</span> <span class="linkis">Linkis</span> <span class="badge">Incubating</span></h1>
<p class="home-desc">{{$t('message.home.banner.slogan')}}</p>
@@ -13,12 +13,12 @@
<div class="concept-item">
<h3 class="concept-title">Before</h3>
<p class="home-paragraph">Each upper application directly connects to and accesses various underlying engines in a tightly coupled way, which makes big data platform a complex network architecture.</p>
- <!-- <img src="" alt="before" class="concept-image"> -->
+ <img src="../assets/home/before_linkis_en.png" alt="before" class="concept-image">
</div>
<div class="concept-item">
<h3 class="concept-title">After</h3>
<p class="home-paragraph">Build a common layer of "computation middleware" between the numerous upper-layer applications and the countless underlying engines to resolve these complex connection problems in a standardized reusable way</p>
- <!-- <img src="" alt="after" class="concept-image"> -->
+ <img src="../assets/home/after_linkis_en.png" alt="before" class="concept-image">
</div>
</div>
<div class="description home-block">
@@ -30,7 +30,7 @@
<a href="/" class="corner-botton blue">Learn More</a>
</div>
</div>
- <!-- <img src="" alt="description" class="description-image"> -->
+ <img src="../assets/home/description.png" alt="description" class="description-image">
</div>
<h1 class="home-block-title text-center">Core Features</h1>
<div class="features home-block">
@@ -65,7 +65,84 @@
</div>
</div>
</div>
- <h1 class="home-block-title text-center">Showcase</h1>
+ <h1 class="home-block-title text-center">Our Users</h1>
+ <div class="show-case home-block">
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ </div>
+ </div>
+ <div v-else class="ctn-block home-page">
+ <div class="banner text-center">
+ <h1 class="home-title"><span class="apache">Apache</span> <span class="linkis">Linkis</span> <span class="badge">Incubating</span></h1>
+ <p class="home-desc">{{$t('message.home.banner.slogan')}}</p>
+ <div class="botton-row center">
+ <a href="/" class="corner-botton black">开始</a>
+ <a href="/" class="corner-botton white">GitHub</a>
+ </div>
+ </div>
+ <h1 class="home-block-title text-center">计算治理理念</h1>
+ <div class="concept home-block">
+ <div class="concept-item">
+ <h3 class="concept-title">没有Linkis之前</h3>
+ <p class="home-paragraph">每个上层应用以紧耦合的方式直接连接和访问各种底层引擎,这使得大数据平台成为一个复杂的网络架构</p>
+ <img src="../assets/home/before_linkis_zh.png" alt="before" class="concept-image">
+ </div>
+ <div class="concept-item">
+ <h3 class="concept-title">有Linkis之后</h3>
+ <p class="home-paragraph">在丰富的上层应用和丰富的底层引擎之间构建一个公共的“计算中间件”层,以标准化的可复用方式解决这些复杂的连接问题</p>
+ <img src="../assets/home/after_linkis_zh.png" alt="before" class="concept-image">
+ </div>
+ </div>
+ <div class="description home-block">
+ <div class="description-content">
+ <h1 class="home-block-title">描述</h1>
+ <p class="home-paragraph">Linkis 提供标准化接口(REST、JDBC、WebSocket 等),方便连接各种底层引擎(Spark、Presto、Flink 等),充当上层应用层和底层引擎层之间的代理</p>
+ <p class="home-paragraph">Linkis 能够促进 OLAP、OLTP(开发)、Streaming 等不同类型引擎的连接、治理和编排能力,并以标准化的可重用方式处理所有这些“计算治理”事务.</p>
+ <div class="botton-row">
+ <a href="/" class="corner-botton blue">了解更多</a>
+ </div>
+ </div>
+ <img src="../assets/home/description.png" alt="description" class="description-image">
+ </div>
+ <h1 class="home-block-title text-center">核心功能</h1>
+ <div class="features home-block">
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">连通性</h3>
+ <p class="item-desc">简化操作环境;上层和下层解耦,使上层在底层变化时不敏感</p>
+ </div>
+ </div>
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">可扩展性</h3>
+ <p class="item-desc">分布式微服务架构,具有很好的可伸缩性和扩展性;快速与新的底层引擎集成</p>
+ </div>
+ </div>
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">可控性</h3>
+ <p class="item-desc">融合引擎入口,统一身份验证,高风险防控,审计记录;基于标签的多级精细化资源控制和恢复能力</p>
+ </div>
+ </div>
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">编排</h3>
+ <p class="item-desc">基于双活、混合计算、事务Orchestrator服务的计算策略设计</p>
+ </div>
+ </div>
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">可复用性</h3>
+ <p class="item-desc">大大减少了上层应用开发的后端开发工作量;可基于Linkis快速高效搭建数据平台工具套件</p>
+ </div>
+ </div>
+ </div>
+ <h1 class="home-block-title text-center">我们的用户</h1>
<div class="show-case home-block">
<div class="case-item"></div>
<div class="case-item"></div>
@@ -232,4 +309,9 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
+<script setup>
+ import { ref } from "vue"
+ // 初始化语言
+ const lang = ref(localStorage.getItem('locale') || 'en');
+</script>
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@linkis.apache.org
For additional commands, e-mail: commits-help@linkis.apache.org