honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: translate homepage.

This commit is contained in:
Zhicheng Wang 2017-07-30 14:29:26 +08:00
parent 3fe722490a
commit 2c9e783817
5 changed files with 47 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
aio/content/marketing/events.html
View File

@ -1,15 +1,15 @@
<header class="marketing-banner">
<h1 class="banner-headline no-toc no-anchor">Events</h1>
<h1 class="banner-headline no-toc no-anchor">活动</h1>
</header>
<article>
<p>Where we'll be presenting:</p>
<p>我们将出现在哪里：</p>
<table class="is-full-width">
<thead>
<tr>
<th>Event</th>
<th>Location</th>
<th>Date</th>
<th>活动</th>
<th>地点</th>
<th>日期</th>
</tr>
</thead>
<tbody>

55
aio/content/marketing/features.html
View File

@ -1,5 +1,4 @@
<header class="marketing-banner">
<h1 class="banner-headline no-toc no-anchor">Features & Benefits</h1>
<h1 class="banner-headline no-toc no-anchor">特性与优点</h1>
</header>
@ -8,30 +7,24 @@
<div>
<div class="feature-section">
<div class="feature-header">
<div class="text-headline">Cross Platform</div>
<div class="text-headline">跨平台</div>
<img src="generated/images/marketing/features/feature-icon.svg" height="70px">
</div>
<div class="feature-row">
<div class="feature">
<div class="feature-title">Progressive Web Apps</div>
<div class="feature-title">渐进式应用</div>
<p class="text-body">Use modern web platform capabilities to deliver app-like experiences.
High performance, offline, and zero-step installation.</p>
<p class="text-body">充分利用现代 Web 平台的各种能力，提供 App 式体验。高性能、离线使用、免安装。</p>
</div>
<div class="feature">
<div class="feature-title">Native</div>
<div class="feature-title">原生</div>
<p class="text-body">Build native mobile apps with strategies from Ionic Framework, NativeScript, and React Native.</p>
<p class="text-body">基于来自Ionic Framework、NativeScript和React Native的不同策略构建原生应用。</p>
<p class="text-body">借助来自Ionic、NativeScript和React Native中的技术与思想，构建原生移动应用。</p>
</div>
<div class="feature">
<div class="feature-title">Desktop</div>
<p class="text-body">Create desktop-installed apps across Mac, Windows, and Linux using the same Angular methods you've learned for the web plus the ability to access native OS APIs.</p>
<div class="feature-title">桌面</div>
<p class="text-body">借助你已经在Web开发中学过的能力，结合访问原生操作系统API的能力，创造能在桌面环境下安装的应用，横跨Mac、Windows和Linux平台。</p>
</div>
</div>
<hr>
@ -39,24 +32,24 @@
<div class="feature-section">
<div class="feature-header">
<div class="text-headline">Speed and Performance</div>
<div class="text-headline">速度与性能</div>
<img src="generated/images/marketing/features/feature-icon.svg" height="70px">
</div>
<div class="feature-row">
<div class="feature">
<div class="feature-title">Code Generation</div>
<p class="text-body">Angular turns your templates into code that's highly optimized for today's JavaScript virtual machines, giving you all the benefits of hand-written code with the productivity of a framework.</p>
<div class="feature-title">代码生成</div>
<p class="text-body">Angular会把你的模板转换成代码，针对现代JavaScript虚拟机进行高度优化，轻松获得框架提供的高生产率，同时又能保留所有手写代码的优点。</p>
</div>
<div class="feature">
<div class="feature-title">Universal</div>
<p class="text-body">Serve the first view of your application on node.js, .NET, PHP, and other servers for near-instant rendering in just HTML and CSS. Also paves the way for sites that optimize for SEO.</p>
<div class="feature-title">统一平台</div>
<p class="text-body">在服务端渲染应用的首屏，像只有HTML和CSS的页面那样几乎瞬间展现，支持node.js、.NET、PHP，以及其它服务器，为通过SEO来优化站点铺平了道路。</p>
</div>
<div class="feature">
<div class="feature-title">Code Splitting</div>
<p class="text-body">Angular apps load quickly with the new Component Router, which delivers automatic code-splitting so users only load code required to render the view they request.</p>
<div class="feature-title">代码拆分</div>
<p class="text-body">在服务端渲染应用的首屏，像只有HTML和CSS的页面那样几乎瞬间展现，支持node.js、.NET、PHP，以及其它服务器，为通过SEO来优化站点铺平了道路。</p>
</div>
</div>
<hr>
@ -64,24 +57,24 @@
<div class="feature-section">
<div class="feature-header">
<div class="text-headline">Productivity</div>
<div class="text-headline">生产率</div>
<img src="generated/images/marketing/features/feature-icon.svg" height="70px">
</div>
<div class="feature-row">
<div class="feature">
<div class="feature-title">Templates</div>
<p class="text-body">Quickly create UI views with simple and powerful template syntax.</p>
<div class="feature-title">模板</div>
<p class="text-body">通过简单而强大的模板语法，快速创建UI视图。</p>
</div>
<div class="feature">
<div class="feature-title">Angular CLI</div>
<p class="text-body">Command line tools: start building fast, add components and tests, then instantly deploy.</p>
<p class="text-body">命令行工具：快速进入构建环节、添加组件和测试，然后立即部署。</p>
</div>
<div class="feature">
<div class="feature-title">IDEs</div>
<p class="text-body">Get intelligent code completion, instant errors, and other feedback in popular editors and IDEs.</p>
<div class="feature-title">各种 IDE</div>
<p class="text-body">在常用IDE和编辑器中获得智能代码补全、实时错误反馈及其它反馈等特性。</p>
</div>
</div>
<hr>
@ -89,24 +82,24 @@
<div class="feature-section">
<div class="feature-header">
<div class="text-headline">Full Development Story</div>
<div class="text-headline">完整开发故事</div>
<img src="generated/images/marketing/features/feature-icon.svg" height="70px">
</div>
<div class="feature-row">
<div class="feature">
<div class="feature-title">Testing</div>
<p class="text-body">With Karma for unit tests, you can know if you've broken things every time you save. And Protractor makes your scenario tests run faster and in a stable manner.</p>
<div class="feature-title">测试</div>
<p class="text-body">使用Karma进行单元测试，让你在每次存盘时都能立即知道是否弄坏了什么。Protractor则让你的场景测试运行得又快又稳定。</p>
</div>
<div class="feature">
<div class="feature-title">Animation</div>
<p class="text-body">Create high-performance, complex choreographies and animation timelines with very little code through Angular's intuitive API.</p>
<div class="feature-title">动画</div>
<p class="text-body">通过Angular中直观简便的API创建高性能复杂编排和动画时间线 —— 只要非常少的代码。</p>
</div>
<div class="feature">
<div class="feature-title">Accessibility</div>
<p class="text-body">Create accessible applications with ARIA-enabled components, developer guides, and built-in a11y test infrastructure.</p>
<div class="feature-title">可访问性</div>
<p class="text-body">通过支持ARIA的组件、开发者指南和内置的一体化测试基础设施，创建具有完备可访问性的应用。</p>
</div>
</div>
</div>
@ -114,7 +107,7 @@
</div>
<div class="cta-bar announcement-bar">
<a class="button" href="guide/quickstart">Get Started</a>
<a class="button" href="guide/quickstart">立即开始</a>
</div>
</article>

32
aio/content/marketing/index.html
View File

@ -16,8 +16,8 @@
<div class="homepage-container">
<!-- container content starts -->
<div class="hero-headline no-toc">One framework.<br>Mobile &amp; desktop.</div>
<a class="button hero-cta" href="guide/quickstart">Get Started</a>
<div class="hero-headline no-toc">一套框架，多种平台。<br>移动端 &amp; 桌面端</div>
<a class="button hero-cta" href="guide/quickstart">快速起步</a>
</div><!-- CONTAINER END -->
</section>
@ -31,8 +31,8 @@
<div class="homepage-container">
<div class="announcement-bar">
<img src="generated/images/marketing/home/angular-mix.png" height="40" width="151">
<p>Join us at our newest event, October 2017</p>
<a class="button" href="https://angularmix.com/">Learn More</a>
<p>2017年十月 加入我们的最新活动</p>
<a class="button" href="https://angularmix.com/">了解更多</a>
</div>
</div>
@ -46,9 +46,8 @@
<div class="text-container">
<div class="text-block promo-1-desc l-pad-top-2">
<div class="text-headline">Develop Across All Platforms</div>
<p class="text-body">Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.
</p>
<div class="text-headline">跨所有平台进行开发</div>
<p class="text-body">学会用Angular构建应用，然后把这些代码和能力复用在多种多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。</p>
</div>
</div>
</div>
@ -57,9 +56,9 @@
<div layout="row" layout-xs="column" class="home-row">
<div class="text-container">
<div class="text-block">
<div class="text-headline">Speed & Performance</div>
<p class="text-body">Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering.</p>
<p class="text-body">Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model.</p>
<div class="text-headline">速度与性能</div>
<p class="text-body">通过Web Worker和服务端渲染，达到在如今(以及未来）的Web平台上所能达到的最高速度。</p>
<p class="text-body">Angular让你有效掌控可伸缩性。基于RxJS、Immutable.js和其它推送模型，能适应海量数据需求。</p>
</div>
</div>
@ -79,9 +78,8 @@
<div class="text-container">
<div class="text-block promo-3-desc">
<div class="text-headline">Incredible Tooling</div>
<p class="text-body">Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work.
</p>
<div class="text-headline">美妙的工具</div>
<p class="text-body">使用简单的声明式模板，快速实现各种特性。使用自定义组件和大量现有组件，扩展模板语言。在几乎所有的IDE中获得针对Angular的即时帮助和反馈。所有这一切，都是为了帮助你编写漂亮的应用，而不是绞尽脑汁的让代码“能用”。</p>
</div>
</div>
@ -93,8 +91,8 @@
<div class="text-container">
<div class="text-block l-pad-top-2">
<div class="text-headline">Loved by Millions</div>
<p class="text-body">From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications.</p>
<div class="text-headline">百万粉丝热捧</div>
<p class="text-body">从原型到全球部署，Angular都能带给你支撑Google大型应用的那些高延展性基础设施与技术。</p>
</div>
</div>
@ -112,8 +110,8 @@
<div class="card">
<img src="generated/images/marketing/home/code-icon.svg" height="70px">
<div class="card-text-container">
<div class="text-headline">Get Started</div>
<p>Start building your Angular application.</p>
<div class="text-headline">立即开始</div>
<p>开始构建你的 Angular 应用</p>
</div>
</div>
</a>

2
aio/content/marketing/resources.html
View File

@ -1,5 +1,5 @@
<header class="marketing-banner">
<h1 class="banner-headline no-toc no-anchor">Explore Angular Resources</h1>
<h1 class="banner-headline no-toc no-anchor">浏览 Angular 相关资源</h1>
</header>
<article>

4
aio/src/index.html
View File

@ -76,11 +76,11 @@
<img src="assets/images/logos/angular/angular.svg" width="250" height="250">
</div>
<div class="homepage-container">
<div class="hero-headline">One framework.<br>Mobile &amp; desktop.</div>
<div class="hero-headline">一套框架，多种平台<br>移动 &amp; 桌面</div>
</div>
</section>
<h2 style="color: red; text-align: center; margin-top: -50px;">
<b><i>This website requires JavaScript.</i></b>
<b><i>该网站需要浏览器支持 JavaScript </i></b>
</h2>
</noscript>
</body>