mirror of
https://github.com/krahets/hello-algo.git
synced 2026-07-24 12:06:07 +00:00
Update the landing pages (#1867)
* Update translators info in the multi-lang landing pages. * Update translators info in the multi-lang landing pages. * Update desc of code reviewers.
This commit is contained in:
Yudong Jin
+46
-51
@@ -71,7 +71,7 @@
|
||||
<img style="height: min(9vh, 12vw);" src="https://readme-typing-svg.demolab.com/?font=Noto+Sans+JP&weight=400&duration=3500&pause=2000&color=FFF¢er=true&vCenter=true&random=false&width=200&lines=Hello,+%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0+!" alt="" />
|
||||
<div style="pointer-events: auto;">
|
||||
<p style="margin-top: max(-1vh, -2vw); margin-bottom: min(2vh, 3.5vw);">
|
||||
アニメーション解説とワンクリック実行ができるデータ構造とアルゴリズムのチュートリアル
|
||||
アニメーション図解とワンクリック実行で学ぶデータ構造とアルゴリズムのチュートリアル
|
||||
</p>
|
||||
<a href="chapter_hello_algo/" class="rounded-button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
|
||||
@@ -96,30 +96,6 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section: brief introduction -->
|
||||
<section data-md-color-scheme="slate" class="home-div">
|
||||
<div class="section-content">
|
||||
<img src="index.assets/hello_algo_header.png" style="width: 100%; max-width: 41.5em;" alt="Preview">
|
||||
<div class="code-badge">
|
||||
<img src="https://img.shields.io/badge/Python-snow?logo=python&logoColor=3776AB" alt="" />
|
||||
<img src="https://img.shields.io/badge/Java-snow?logo=coffeescript&logoColor=FC4C02" alt="" />
|
||||
<img src="https://img.shields.io/badge/C%2B%2B-snow?logo=c%2B%2B&logoColor=00599C" alt="" />
|
||||
<img src="https://img.shields.io/badge/C-snow?logo=c&logoColor=A8B9CC" alt="" />
|
||||
<img src="https://img.shields.io/badge/C%23-snow?logo=csharp&logoColor=512BD4" alt="" />
|
||||
<img src="https://img.shields.io/badge/JS-snow?logo=javascript&logoColor=E9CE30" alt="" />
|
||||
<img src="https://img.shields.io/badge/Go-snow?logo=go&logoColor=00ADD8" alt="" />
|
||||
<img src="https://img.shields.io/badge/Swift-snow?logo=swift&logoColor=F05138" alt="" />
|
||||
<img src="https://img.shields.io/badge/Rust-snow?logo=rust&logoColor=000000" alt="" />
|
||||
<img src="https://img.shields.io/badge/Ruby-snow?logo=ruby&logoColor=CC342D" alt="" />
|
||||
<img src="https://img.shields.io/badge/Kotlin-snow?logo=kotlin&logoColor=7F52FF" alt="" />
|
||||
<img src="https://img.shields.io/badge/TS-snow?logo=typescript&logoColor=3178C6" alt="" />
|
||||
<img src="https://img.shields.io/badge/Dart-snow?logo=dart&logoColor=0175C2" alt="" />
|
||||
<img src="https://img.shields.io/badge/Zig-snow?logo=zig&logoColor=F7A41D" alt="" />
|
||||
</div>
|
||||
<p style="margin-top: 2em;">500 枚のアニメーション図解、14 類のプログラミング言語のコード、3000 件のコミュニティQ&Aで，データ構造とアルゴリズムをすばやく習得しよう</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section: reading -->
|
||||
<section data-md-color-scheme="default" data-md-color-primary="white" class="home-div">
|
||||
<div class="section-content">
|
||||
@@ -134,7 +110,7 @@
|
||||
<div style="height: 8.17%;"></div>
|
||||
<img class="device-on-hover" style="height: 66.83%;" src="../assets/hero/cover_render.png" alt="Cover">
|
||||
<div class="text-button">
|
||||
<span>紙の書籍を入手</span>
|
||||
<span>紙書籍を入手</span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
|
||||
<path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" />
|
||||
</svg>
|
||||
@@ -166,6 +142,7 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p style="margin-top: 2em;">500枚のアニメーション図解、14種類のプログラミング言語コード、3000件のコミュニティQ&Aで、データ構造とアルゴリズムの学習をすばやく始めよう</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -175,12 +152,12 @@
|
||||
<h3 style="text-align: center; margin: 1em auto;">推薦文</h3>
|
||||
<div class="intro-container" style="margin: 0 auto;">
|
||||
<div class="intro-text endor-text">
|
||||
<p style="margin-bottom: 0;">「わかりやすいデータ構造とアルゴリズムの入門書で、読者が手と頭を使って学べるよう導いてくれます。アルゴリズム初心者に強くおすすめします。」</p>
|
||||
<p style="font-weight: bold;">—— 邓俊辉，清華大学コンピュータ系教授</p>
|
||||
<p style="margin-bottom: 0;">「わかりやすいデータ構造とアルゴリズムの入門書で、読者を手と頭の両方を使う学びへと導いてくれます。アルゴリズムを初めて学ぶ人に強くおすすめします。」</p>
|
||||
<p style="font-weight: bold;">—— Junhui Deng、清華大学コンピュータ科学科教授</p>
|
||||
</div>
|
||||
<div class="intro-text endor-text">
|
||||
<p style="margin-bottom: 0;">「もし私が当時データ構造とアルゴリズムを学んでいたときに『Hello アルゴリズム』があったなら、学習は10倍も簡単だったはずだ！」</p>
|
||||
<p style="font-weight: bold;">—— 李沐，アマゾンのシニアプリンシパルサイエンティスト</p>
|
||||
<p style="margin-bottom: 0;">「もし私がデータ構造とアルゴリズムを学んでいた当時に『Hello アルゴリズム』があったなら、学ぶのは10倍は簡単だったはずです！」</p>
|
||||
<p style="font-weight: bold;">—— Mu Li、Amazon シニアプリンシパルサイエンティスト</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -198,7 +175,7 @@
|
||||
</svg>
|
||||
<h3 style="margin-left: 0.5em;">アニメーション図解</h3>
|
||||
</div>
|
||||
<p style="margin: 0;">内容は明快で理解しやすく、学習曲線は緩やか</p>
|
||||
<p style="margin: 0;">内容は明快で理解しやすく、学習曲線もなだらかです</p>
|
||||
<p class="intro-quote">"A picture is worth a thousand words."<br>「一枚の絵は千の言葉に値する」</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -215,7 +192,7 @@
|
||||
</svg>
|
||||
<h3 style="margin-left: 0.5em;">ワンクリック実行</h3>
|
||||
</div>
|
||||
<p style="margin: 0;">10種類以上のプログラミング言語で、コードを可視化して実行</p>
|
||||
<p style="margin: 0;">10種類以上のプログラミング言語に対応し、コードを可視化して実行できます</p>
|
||||
<p class="intro-quote">"Talk is cheap. Show me the code."<br>「口で言うよりコードを見せよ」</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -230,7 +207,7 @@
|
||||
</svg>
|
||||
<h3 style="margin-left: 0.5em;">相互学習</h3>
|
||||
</div>
|
||||
<p style="margin: 0;">議論や質問を歓迎し、読者同士でともに前進</p>
|
||||
<p style="margin: 0;">議論や質問を歓迎し、読者同士が支え合いながら学べます</p>
|
||||
<p class="intro-quote">"Learning by teaching."<br>「教えることで学ぶ」</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -240,8 +217,24 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section: special thanks -->
|
||||
<section class="home-div" data-md-color-primary="grey" data-md-color-scheme="slate">
|
||||
<div class="section-content">
|
||||
<h3 style="text-align: center; margin: 0 0 2em 0;">
|
||||
謝辞
|
||||
</h3>
|
||||
<a href="https://go.warp.dev/hello-algo">
|
||||
<img src="https://github.com/warpdotdev/brand-assets/raw/main/Github/Sponsor/Warp-Github-LG-02.png"
|
||||
class="device-on-hover intro-image" style="max-width: 30em;" alt="Warp-Github-LG-02" />
|
||||
<div class="text-button" style="margin: 1em auto;">
|
||||
<span>Warp is built for coding with multiple AI agents.</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section: contributors -->
|
||||
<section data-md-color-scheme="slate" data-md-color-primary="grey" class="home-div">
|
||||
<section data-md-color-scheme="default" data-md-color-primary="white" class="home-div">
|
||||
<div class="section-content" style="max-width: 90vw;">
|
||||
<!-- author -->
|
||||
<div style="margin: 2em auto;">
|
||||
@@ -256,9 +249,24 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- reviewers -->
|
||||
<!-- translators -->
|
||||
<div style="margin: 2em auto;">
|
||||
<h3>コードレビュー担当者</h3>
|
||||
<h3>翻訳者</h3>
|
||||
<p>本書の日本語版は、以下の翻訳者によってレビューされました。ご貢献に感謝します！</p>
|
||||
<div class="profile-div">
|
||||
<div class="profile-cell">
|
||||
<a href="https://github.com/eltociear">
|
||||
<img class="profile-img" src="../assets/avatar/avatar_eltociear.jpg" alt="Reviewer: eltociear" />
|
||||
<br><b>eltociear</b>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- code reviewers -->
|
||||
<div style="margin: 2em auto;">
|
||||
<h3>コード翻訳者</h3>
|
||||
<p>本書の多言語コード版は、以下の開発者の協力によって実現しました。ご尽力に感謝します！</p>
|
||||
<div class="profile-div">
|
||||
<div class="profile-cell">
|
||||
<a href="https://github.com/coderonion">
|
||||
@@ -347,26 +355,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- translators -->
|
||||
<div style="margin: 2em auto;">
|
||||
<h3>日本語版審閱者</h3>
|
||||
<div class="profile-div">
|
||||
<div class="profile-cell">
|
||||
<a href="https://github.com/eltociear">
|
||||
<img class="profile-img" src="../assets/avatar/avatar_eltociear.jpg" alt="Reviewer: eltociear" />
|
||||
<br><b>eltociear</b>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- contributors -->
|
||||
<div style="margin: 2em auto;">
|
||||
<h3>貢献者</h3>
|
||||
<p>本書はオープンソースコミュニティの200名を超える貢献者の皆さんの共同の努力によって継続的に改善されています。時間と労力に感謝します！</p>
|
||||
<p>本書は、オープンソースコミュニティの200名を超える貢献者の共同作業によって継続的に改善されています。皆さんの時間と労力に感謝します！</p>
|
||||
<a href="https://github.com/krahets/hello-algo/graphs/contributors">
|
||||
<img src="https://contrib.rocks/image?repo=krahets/hello-algo&max=300&columns=12" alt="Contributors" style="width: 100%; max-width: 38.5em;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user