Feat/translate guides testing

locale/ja/crystal-book/overview/hello_world.md

@@ -0,0 +1,9 @@
+# Hello World!
+
+伝統的な「hello world」プログラムを Crystal で書くと次のようになります。
+
+```crystal
+puts "Hello world!"
+```
+
+このプログラムを見ればわかる通り、Crystal ではプログラム自体がメインルーチンとなります。つまり、「main」関数やそれに値するものを定義する必要はありません。

locale/ja/crystal-book/overview/http_server.md

@@ -0,0 +1,64 @@
+# HTTP Server
+
+もう少し興味深いプログラムを見てみましょう。こちらは HTTP サーバーの例になります。
+
+```crystal
+require "http/server"
+
+server = HTTP::Server.new do |context|
+  context.response.content_type = "text/plain"
+  context.response.print "Hello world!The time is #{Time.local}"
+end
+
+address = server.bind_tcp 8080
+puts "Listening on http://#{address}"
+server.listen
+```
+
+上記のコードをすべて理解するためにはこの言語リファレンス全体を読む必要がありますが、ここでいくつかの点について説明しておきます。
+
+* [require](../syntax_and_semantics/requiring_files.html)で、他のファイルで定義されたコードを読み込むことができます
+
+```crystal
+require "http/server"
+```
+
+* 型を指定することなく[ローカル変数](../syntax_and_semantics/local_variables.html)を定義することができます
+
+```crystal
+server = HTTP::Server.new ...
+```
+
+* HTTP サーバーのポート番号は HTTP::Server オブジェクトの bind_tcp メソッドによってセットされます (ポート番号を 8080 にセット)
+
+```crystal
+address = server.bind_tcp 8080
+```
+
+* オブジェクトに対して[メソッド](../syntax_and_semantics/classes_and_methods.html)を実行 (またはメッセージを送信) することでプログラムを構築します
+
+```crystal
+HTTP::Server.new ...
+...
+Time.local
+...
+address = server.bind_tcp 8080
+...
+puts "Listening on http://#{address}"
+...
+server.listen
+```
+
+* [ブロック](../syntax_and_semantics/blocks_and_procs.html)を使うと簡単にコードを再利用することができ、また、関数型の世界にあるいくつかの機能を利用することが可能になります
+
+```crystal
+HTTP::Server.new do |context|
+    ...
+end
+```
+
+* 文字列埋め込み (string interpolation) を使うと、簡単に文字列に式を埋め込むことができます。Crystalはその他にも多くの[シンタックス](../syntax_and_semantics/literals.html)があります。例えば配列やハッシュ、そして範囲やタプルなどです
+
+```crystal
+"Hello world!The time is #{Time.local}"
+```

locale/ja/crystal-website/_assets/css/_generic.scss

@@ -71,17 +71,6 @@ p > a, td > a, ul:not(#nav-mobile) li > a, dd > a {
   border-bottom: 1px solid $primary-text;
 }
 
-p:not(.read-more) {
-  & > a:not(.gray-link):not(.btn):not(.with-icon) {
-    color: #03A9F4;
-    border-bottom: 0;
-    &:hover {
-      color: #03A9F4;
-      border-bottom: 1px solid #03A9F4;
-    }
-  }
-}
-
 p.no-underline > a,
 table.no-underline a {
   border-bottom: 0;
@@ -190,7 +179,7 @@ table.no-underline a {
       width: 85%;
     }
   }
-
+  
   @media only screen and (min-width: 993px) {
     #content {
       width: 70%;

locale/ja/crystal-website/_assets/css/_home.scss

@@ -220,13 +220,8 @@
   }
 }
 
-.contributing-link {
-  color: #03A9F4;
-  border-bottom: 0;
-  &:hover {
-    color: #03A9F4;
-    border-bottom: 1px solid #03A9F4;
-  }
+.bountysource-link:hover {
+  text-decoration: underline;
 }
 
 @media only screen and (max-width: 992px) {

locale/ja/crystal-website/_assets/css/_install.scss

@@ -3,8 +3,6 @@
   .distro-title {
     @extend .black-text;
     text-align: center;
-  }
-  .center {
     margin-bottom: 5rem;
   }
   h2 {
@@ -14,7 +12,7 @@
     padding: 5rem 0;
     h1 {
       font-size: 3.4rem;
-      &.center {
+      &.distro-title {
         margin-bottom: 2rem;
       }
     }
@@ -31,7 +29,6 @@
   > div {
     text-align: center;
     .distro-icon {
-      display: block;
       height: 40px;
     }
     img {

locale/ja/crystal-website/_assets/css/_pygment_overrides.scss

@@ -97,8 +97,3 @@
     }
   }
 }
-
-code.highlighter-rouge {
-  background-color: #E5E5E5;
-  padding: 0 5px;
-}

locale/ja/crystal-website/_includes/header.html

@@ -12,7 +12,7 @@
         <div class='subtitle'>{{ page.description }}</div>
         <p class="main-actions">
           <a href="/install/" class="btn btn-large btn-flat">Install</a>
-          <a href="https://crystal-lang.org/reference/getting_started/" target="_blank" class="btn btn-large btn-flat">Learn</a>
+          <a href="https://crystal-lang.org/reference/overview/" target="_blank" class="btn btn-large btn-flat">Learn</a>
           <a href="https://play.crystal-lang.org/#/cr" target="_blank" class="btn btn-large btn-flat">Try Online</a>
         </p>
       {% else %}

locale/ja/crystal-website/_includes/sponsors_sidebar.html

@@ -2,7 +2,7 @@
   <div class="col">
     <h2>スポンサーになりたいですか？</h2>
     <p>このプロジェクトを気に入っていただき、その可能性を感じていただけたならば、力になれるはずです。どんな金額でも構いません。</p>
-    <p><a href="https://opencollective.com/crystal-lang" target="_blank"
+    <p><a href="https://salt.bountysource.com/teams/crystal-lang" target="_blank"
         class="btn btn-flat btn-large">寄付</a></p>
   </div>
 </div>
@@ -11,9 +11,10 @@ <h2>スポンサーになりたいですか？</h2>
   <div class="col">
     <h2>FAQ</h2>
 
-    <p><h3>このリストは何ですか？</h3>これらの企業や個人は、Crystal の発展を維持するために、毎月一定の金額を寄付してくれています。詳細は <a class="contributing-link" href="https://opencollective.com/crystal-lang" target="_blank">Open Collective のキャンペーンページ</a>を確認してください。</p>
+    <p><h3>このリストは何ですか？</h3>これらの企業や個人は、Crystal の発展を維持するために、毎月一定の金額を寄付してくれています。See the Bountysource campaign for more details.</p>
 
-    <p><h3>月5ドルのスポンサーをしているけれど、自分のURLがリストにありません。</h3>Web サイトとアバター画像を <a class="contributing-link" href="https://opencollective.com" target="_blank">Open Collective のプロフィール</a>もしくは <a class="contributing-link" href="https://www.bountysource.com/settings" target="_blank">Bountysource のプロフィール</a>から取得しています。それができなかった場合は、GitHub もしくは Twitter のアカウントのものを使います。</p>
+    <p><h3>月5ドルのスポンサーをしているけれど、自分のURLがリストにありません。</h3>We grab the website and avatar from your <a class="bountysource-link" href="https://www.bountysource.com/settings"
+        target="_blank">Bountysource profile</a>. それができなかった場合は、GitHub もしくは Twitter のアカウントのものを使います。</p>
     <p>このページの現在のスポンサー一覧は週に一度更新されます。</p>
     <p>もし情報が間違っていれ、訂正を求める場合は、<a href="mailto:[email protected]">私たちに連絡して</a>ください。</p>
   </div>

locale/ja/crystal-website/_layouts/install.html

@@ -2,12 +2,12 @@
 layout: default
 ---
 <div class="container install">
-  <h1 class="distro-title">{{ page.subtitle }}</h1>
   <h1 class="center"><a href="/install">インストール</a></h1>
+  <h1 class="distro-title">{{ page.subtitle }}</h1>
   <div class="row">
     <div class="col offset-m1 m10 s12">{{ content }}</div>
   </div>
 </div>
 <hr class="hr-light">
 <div class="done-install">
-  <h1>インストールできましたか？</h1><a href="https://ja.crystal-lang.org/reference/getting_started/" target="_blank" class="btn btn-large btn-flat">学ぶ</a><h2>何か問題が発生しましたか？</h2><a href="https://forum.crystal-lang.org/c/help-support" target="_blank" class="btn btn-large btn-flat">フォーラムでのサポート</a>。</div>
+  <h1>インストールできましたか？</h1><a href="https://ja.crystal-lang.org/reference/overview/" target="_blank" class="btn btn-large btn-flat">学ぶ</a><h2>何か問題が発生しましたか？</h2><a href="https://forum.crystal-lang.org/c/help-support" target="_blank" class="btn btn-large btn-flat">フォーラムでのサポート</a>。</div>

locale/ja/crystal-website/_posts/2018-01-08-top-5-reasons-for-ruby-ists-to-use-crystal.md

@@ -182,4 +182,4 @@ If you’re looking to try out the Crystal programming language, here are some g
 - [Install Crystal](/install)
 - [Crystal for Rubyists](http://www.crystalforrubyists.com/)
 - [Crystal Exercisms](http://exercism.io/languages/crystal/about)
-- [Create your own HTTP Server in minutes](https://crystal-lang.org/reference/getting_started/http_server.html)
+- [Create your own HTTP Server in minutes](https://crystal-lang.org/reference/overview/http_server.html)

locale/ja/crystal-website/community/index.html

@@ -5,7 +5,7 @@
 <div class="container">{% include community_row.html
    title='セキュリティの問題'
    divId='security'
-   content='何かセキュリティに関する問題を見つけても、issueトラッカーで<strong>オープンに公開しないでください</strong>。それらをトラックするためのメールボックスを用意しています。<br /><br />メッセージを <a href="https://keybase.io/crystal" target="_blank">Keybase</a> もしくは標準的な PGP (フィンガープリントは <code>5995 C83C D754 BE44 8164 1929 0961 7FD3 7CC0 6B54</code>) で暗号化できます。'
+   content='何かセキュリティに関する問題を見つけても、issueトラッカーで<strong>オープンに公開しないでください</strong>。それらをトラックするためのメールボックスを用意しています。<br /><br />メッセージを <a href="https://keybase.io/crystal" target="\&quot;_blank\&quot;">Keybase</a> もしくは標準的な PGP (フィンガープリントは <code>5995 C83C D754 BE44 8164 1929 0961 7FD3 7CC0 6B54</code>) で暗号化できます。'
    link_text='[email protected]'
    url='mailto:[email protected]'
    icon='security' %}
@@ -30,7 +30,7 @@
 {% include community_row.html
    title='新しいリリースやユースケースの紹介'
    divId='blog'
-   content='Crystal 公式ブログでは、新しいリリースの詳細なアナウンス、興味深いユースケース、言語デザインの決定の背景、Crystal の開発チームの普段書いているコードについてなどが見れます。<br/><br/>ゲストからの投稿も受け付けています。もし Crystal で何か驚くものを作った場合は、<a href="mailto:[email protected]" title="もしくはこのページの一覧から適切なところを選択して">私たちに連絡してみて</a>ください。あなたのことをブログで取り上げられることを楽しみにしています。'
+   content='Crystal 公式ブログでは、新しいリリースの詳細なアナウンス、興味深いユースケース、言語デザインの決定の背景、Crystal の開発チームの普段書いているコードについてなどが見れます。<br/><br/>ゲストからの投稿も受け付けています。もし Crystal で何か驚くものを作った場合は、<a href="mailto:[email protected]" title="Or" pick any other channel listed here\">私たちに連絡してみて</a>ください。あなたのことをブログで取り上げられることを楽しみにしています。'
   link_text='Crystal ブログ'
   url='/blog'
   icon='chat_bubble_outline'
@@ -126,7 +126,7 @@
 {% include community_row.html
    title='イベント'
    divId='events'
-   content='世界中の複数の都市で継続的に開催されている Crystal ミートアップや、オンラインミートアップ、プログラミングカンファレンスでの Crystal プレゼンテーションなど、Rubyconf の近くで Crystal のトークを見つけられる可能性が高いです。あなたの住む場所でのイベントを心待ちにしていてください。<div id="calendar"></div>'
+   content='世界中の複数の都市で継続的に開催されている Crystal ミートアップや、オンラインミートアップ、プログラミングカンファレンスでの Crystal プレゼンテーションなど、Rubyconf の近くで Crystal のトークを見つけられる可能性が高いです。あなたの住む場所でのイベントを心待ちにしていてください。<div id="\&quot;calendar\&quot;"></div>'
    link_text='Crystal イベントカレンダー'
    url=events_ical_url
    icon='today' %}</div>
@@ -146,7 +146,7 @@
       listDayFormat: false,
       listDayAltFormat: false,
       timeFormat: 'dddd DD MMM YYYY',
-      noEventsMessage: "リストアップする Crystal のイベントがありません。",
+      noEventsMessage: "We don't have any Crystal event listed - let us know if there's one we're missing!",
       events: {
         googleCalendarId: '{{ site.google_calendar_id }}'
       }

locale/ja/crystal-website/index.html

@@ -5,7 +5,7 @@
   - main
 ---
 <div class="banner center sponsorship no-select">
-  <div class="flag">production-readyに向けて支援をお願いします: <div class="flag-logos"><a href="https://opencollective.com/crystal-lang" target="_blank"> <img src="{{ 'oc.png' | asset_path }}" class="oc-logo"> </a></div>
+  <div class="flag">production-readyに向けて支援をお願いします: <div class="flag-logos"><a href="https://opencollective.com/crystal-lang" target="_blank"> <img src="{{ 'oc.png' | asset_path }}" class="oc-logo"> </a> <span> または </span> <a href="https://salt.bountysource.com/teams/crystal-lang" target="_blank"> <img src="{{ 'bounty.png' | asset_path }}" class="sponsorship-logo"> </a></div>
   </div>
 </div>
 
@@ -14,7 +14,7 @@
   <div class="row center">
     <div class="col s12">
       <h2 class="latest-release">最新のリリース <a href="/2020/04/06/crystal-0.34.0-released.html">0.34.0</a></h2>
-      <p>6 April 2020 - <a href="/blog#release_notes" class="gray-link">詳しいリリースノートはこちら</a></p>
+      <p>6 April 2020 - <a href="/blog#release_notes">詳しいリリースノートはこちら</a></p>
     </div>
   </div>
 
@@ -25,7 +25,7 @@ <h2 class="latest-release">最新のリリース <a href="/2020/04/06/crystal-0.
       <h2>構文</h2>
       <p>Crystal の構文は Ruby の影響をつよく受けています。そのため自然に読めて、簡単に書けます。そして、 Ruby 開発の経験があれば習得は容易でしょう。</p>
       <div class='code_section'>{% include sample_server.md %}</div>
-      <p class="read-more"><a href="https://ja.crystal-lang.org/reference/getting_started/">言語リファレンスで Crystal の学習をはじめましょう</a></p>
+      <p class="read-more"><a href="https://ja.crystal-lang.org/reference/overview/">言語リファレンスで Crystal の学習をはじめましょう</a></p>
     </div>
   </div>
 

locale/ja/crystal-website/install/index.html

@@ -7,7 +7,7 @@
 <div class="container">
   <div class="row">
     <div class="col offset-m1 m10 s12">
-      <div class="distro-list">{% for item in site.data.install %}<div><a href="{{ item.url }}"> <span class="distro-icon"> <img src="{{ item.icon | asset_path }}"> </span> {{item.caption}} </a></div>{% endfor %}</div>
+      <div class="distro-list">{% for item in site.data.install %}<div><a href="{{ item.url }}"><div class="distro-icon"><img src="{{ item.icon | asset_path }}"></div>{{item.caption}} </a></div>{% endfor %}</div>
     </div>
   </div>
 </div><br /><hr class="hr-light">