Merge pull request #2 from kazupon/translate/top

Translate top page

Author: kazupon

themes/vue/layout/index.ejs

@@ -10,18 +10,18 @@
 <div id="hero">
     <div class="inner">
         <ul id="nav">
-            <li><a href="/guide/" class="nav-link">Guide</a></li>
-            <li><a href="/api/" class="nav-link">API Reference</a></li>
-            <li><a href="/examples/" class="nav-link">Examples</a></li>
-            <li><a href="/blog/" class="nav-link">Blog</a></li>
+            <li><a href="/guide/" class="nav-link">ガイド</a></li>
+            <li><a href="/api/" class="nav-link">API リファレンス</a></li>
+            <li><a href="/examples/" class="nav-link">例</a></li>
+            <li><a href="/blog/" class="nav-link">ブログ(英語)</a></li>
         </ul>
         <img id="logo" src="/images/logo.png">
         <h1>Vue.js</h1>
-        <p class="sub">MVVM Made Simple</p>
-        <p class="desc">Vue.js is a library for building interactive web interfaces. <br>It provides data-reactive components with a simple and flexible API.</p>
+        <p class="sub">よくわかる MVVM</p>
+        <p class="desc">Vue.js はインタラクティブな Web インターフェースを構築するためのライブラリです。<br>シンプルで柔軟性の高い API でデータリアクティブなコンポーネントを提供します。</p>
         <p class="buttons">
-            <a href="/guide/installation.html" class="button">Get Vue.js v<%- theme.vue_version %></a>
-            <a href="https://github.com/yyx990803/vue" target="_blank" class="button">Source on GitHub</a>
+            <a href="/guide/installation.html" class="button">Vue.js v<%- theme.vue_version %> を入手</a>
+            <a href="https://github.com/yyx990803/vue" target="_blank" class="button">GitHub のソース</a>
         </p>
         <ul id="social">
             <li><a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-url="http://vuejs.org" data-text="Vue.js - MVVM made simple" data-via="vuejs">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></li>
@@ -85,43 +85,43 @@
 <div id="features">
     <div class="feats">
         <div class="feat">
-            <h2><span class="icon simple"></span>Simple</h2>
-            <p>Write some HTML, grab some JSON, create a Vue instance, that's it.</p>
+            <h2><span class="icon simple"></span>シンプル</h2>
+            <p>いくつか HTML を書いて、いくつか JSON を持ってきて、Vue インスタンスを作って、それでおしまいです。</p>
         </div>
         <div class="feat">
-            <h2><span class="icon fast"></span>Fast</h2>
-            <p>Precise and efficient async batch DOM updates.</p>
+            <h2><span class="icon fast"></span>速い</h2>
+            <p>精密で効率のよい非同期バッチで DOM を更新します。</p>
         </div>
         <div class="feat">
-            <h2><span class="icon composable"></span>Composable</h2>
-            <p>Compose your application with decoupled, reusable components.</p>
+            <h2><span class="icon composable"></span>構成可能</h2>
+            <p>分離された、再利用可能なコンポーネントであなたのアプリケーションを構成します。</p>
         </div>
         <div class="feat">
-            <h2><span class="icon compact"></span>Compact</h2>
-            <p>~18kb min+gzip, no dependency.</p>
+            <h2><span class="icon compact"></span>コンパクト</h2>
+            <p>min+gzip で18キロバイト〜、依存はありません。</p>
         </div>
         <div class="feat">
-            <h2><span class="icon powerful"></span>Powerful</h2>
-            <p>Expressions & computed properties with transparent dependency tracking.</p>
+            <h2><span class="icon powerful"></span>パワフル</h2>
+            <p>式 (Expressions) と透過依存性トラッキングによる computed properties 。</p>
         </div>
         <div class="feat">
-            <h2><span class="icon module"></span>Module Friendly</h2>
-            <p>Install via NPM, Bower or Duo - leverage your favorite eco system!</p>
+            <h2><span class="icon module"></span>モジュールフレンドリー</h2>
+            <p>NPM 、Bower または、Duo 経由でインストールします。あなたのお気に入りのエコシステムを利用できます！</p>
         </div>
     </div>
 </div>
 <div id="why">
-    <h2>You should try it out if you like:</h2>
+    <h2>もし以下の項目が好きなら試してみましょう!</h2>
     <ul>
-        <li>Extendable Data bindings</li>
-        <li>Plain JS object models</li>
-        <li>API that simply makes sense</li>
-        <li>Build UI by composing components</li>
-        <li>Mix &amp; matching small libraries</li>
+        <li>拡張可能なデータバインディング</li>
+        <li>純粋な Javascript オブジェクトモデル</li>
+        <li>理に適ったシンプルな API</li>
+        <li>コンポーネントで UI をビルド</li>
+        <li>小さいライブラリとマッチしてミックスできる</li>
     </ul>
 </div>
 <div id="footer">
-    <a class="start" href="/guide/index.html">Get Started</a>
+    <a class="start" href="/guide/index.html">はじめる</a>
     <p>Released under the <a href="http://opensource.org/licenses/MIT" target="_blank">MIT License</a></p>
     <p>Copyright (c) <%- date(Date.now(), 'YYYY') %> <a href="http://evanyou.me" target="_blank">Evan You</a></p>
-</div>
+</div>