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
2026-03-29 02:08:35 +08:00
committed by GitHub
parent 772183705e
commit bc4c5ec414
8 changed files with 205 additions and 227 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 37 KiB

View File

@@ -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 条社区问答,助你快速入门数据结构与算法</p>
</div>
</section>
<!-- Section: reading -->
<section data-md-color-scheme="default" data-md-color-primary="white" class="home-div">
<div class="section-content">
@@ -166,6 +142,7 @@
</a>
</div>
</div>
<p style="margin-top: 2em;">500 幅动画图解、14 种编程语言代码、3000 条社区问答,助你快速入门数据结构与算法</p>
</div>
</section>
@@ -272,9 +249,10 @@
</div>
</div>
<!-- reviewers -->
<!-- code reviewers -->
<div style="margin: 2em auto;">
<h3>代码审阅</h3>
<h3>代码</h3>
<p>本书多语言代码版本由以下开发者协力完成,感谢他们的投入与贡献!</p>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/coderonion">
@@ -372,4 +350,4 @@
</a>
</div>
</div>
</section>
</section>

View File

@@ -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 animated illustrations, 14 programming languages, and 3000 community Q&As to help you dive into data structures and algorithms.</p>
</div>
</section>
<!-- Section: reading -->
<section data-md-color-scheme="default" data-md-color-primary="white" class="home-div">
<div class="section-content">
@@ -166,6 +142,7 @@
</a>
</div>
</div>
<p style="margin-top: 2em;">500 animated illustrations, 14 programming languages, and 3000 community Q&As to help you dive into data structures and algorithms.</p>
</div>
</section>
@@ -272,9 +249,78 @@
</div>
</div>
<!-- code reviewers -->
<div style="margin: 2em auto;">
<h3>Code Translators</h3>
<p>The multilingual code in this book was translated by the following developers. We thank them for their time and effort!</p>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/yuelinxin">
<img class="profile-img" src="../assets/avatar/avatar_yuelinxin.jpg" alt="Reviewer: yuelinxin" />
<br><b>yuelinxin</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/K3v123">
<img class="profile-img" src="../assets/avatar/avatar_K3v123.jpg" alt="Reviewer: K3v123" />
<br><b>K3v123</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/QiLOL">
<img class="profile-img" src="../assets/avatar/avatar_QiLOL.jpg" alt="Reviewer: QiLOL" />
<br><b>QiLOL</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/Phoenix0415">
<img class="profile-img" src="../assets/avatar/avatar_Phoenix0415.jpg" alt="Reviewer: Phoenix0415" />
<br><b>Phoenix0415</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/SamJin98">
<img class="profile-img" src="../assets/avatar/avatar_SamJin98.jpg" alt="Reviewer: SamJin98" />
<br><b>SamJin98</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/yanedie">
<img class="profile-img" src="../assets/avatar/avatar_yanedie.jpg" alt="Reviewer: yanedie" />
<br><b>yanedie</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/RafaelCaso">
<img class="profile-img" src="../assets/avatar/avatar_RafaelCaso.jpg" alt="Reviewer: RafaelCaso" />
<br><b>RafaelCaso</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/pengchzn">
<img class="profile-img" src="../assets/avatar/avatar_pengchzn.jpg" alt="Reviewer: pengchzn" />
<br><b>pengchzn</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/thomasq0">
<img class="profile-img" src="../assets/avatar/avatar_thomasq0.jpg" alt="Reviewer: thomasq0" />
<br><b>thomasq0</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/magentaqin">
<img class="profile-img" src="../assets/avatar/avatar_magentaqin.jpg" alt="Reviewer: magentaqin" />
<br><b>magentaqin</b>
</a>
</div>
</div>
</div>
<!-- reviewers -->
<div style="margin: 2em auto;">
<h3>Code reviewers</h3>
<h3>Code translators</h3>
<p>The multilingual code versions of this book were made possible by the following translators. We appreciate their efforts and contributions!</p>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/coderonion">
@@ -363,73 +409,6 @@
</div>
</div>
<!-- translators -->
<div style="margin: 2em auto;">
<h3>English version reviewers</h3>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/yuelinxin">
<img class="profile-img" src="../assets/avatar/avatar_yuelinxin.jpg" alt="Reviewer: yuelinxin" />
<br><b>yuelinxin</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/K3v123">
<img class="profile-img" src="../assets/avatar/avatar_K3v123.jpg" alt="Reviewer: K3v123" />
<br><b>K3v123</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/QiLOL">
<img class="profile-img" src="../assets/avatar/avatar_QiLOL.jpg" alt="Reviewer: QiLOL" />
<br><b>QiLOL</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/Phoenix0415">
<img class="profile-img" src="../assets/avatar/avatar_Phoenix0415.jpg" alt="Reviewer: Phoenix0415" />
<br><b>Phoenix0415</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/SamJin98">
<img class="profile-img" src="../assets/avatar/avatar_SamJin98.jpg" alt="Reviewer: SamJin98" />
<br><b>SamJin98</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/yanedie">
<img class="profile-img" src="../assets/avatar/avatar_yanedie.jpg" alt="Reviewer: yanedie" />
<br><b>yanedie</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/RafaelCaso">
<img class="profile-img" src="../assets/avatar/avatar_RafaelCaso.jpg" alt="Reviewer: RafaelCaso" />
<br><b>RafaelCaso</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/pengchzn">
<img class="profile-img" src="../assets/avatar/avatar_pengchzn.jpg" alt="Reviewer: pengchzn" />
<br><b>pengchzn</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/thomasq0">
<img class="profile-img" src="../assets/avatar/avatar_thomasq0.jpg" alt="Reviewer: thomasq0" />
<br><b>thomasq0</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/magentaqin">
<img class="profile-img" src="../assets/avatar/avatar_magentaqin.jpg" alt="Reviewer: magentaqin" />
<br><b>magentaqin</b>
</a>
</div>
</div>
</div>
<!-- contributors -->
<div style="margin: 2em auto;">
<h3>Contributors</h3>
@@ -439,4 +418,4 @@
</a>
</div>
</div>
</section>
</section>

View File

@@ -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&center=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&amp;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>

View File

@@ -25,7 +25,7 @@
baseSpeed: 1, // Base speed of stars (will affect acceleration)
trailLength: 0.8, // Length of star trail (0-1)
starColor: "rgb(255, 255, 255)", // Color of stars (only rgb)
canvasColor: "rgb(0, 0, 0)", // Canvas background color (only rgb)
canvasColor: "rgb(30, 30, 30)", // Canvas background color (only rgb)
hueJitter: 0, // Maximum hue variation in degrees (0-360)
maxAcceleration: 10, // Maximum acceleration
accelerationRate: 0.2, // Rate of acceleration

View File

@@ -29,23 +29,29 @@
}
[data-md-color-scheme="slate"] {
--md-primary-fg-color: #22272e;
--theme-dark-base: #1E1E1E;
--theme-dark-mantle: #1A1A1A;
--theme-dark-crust: #171717;
--hero-starfield-bg-color: var(--theme-dark-base);
--md-primary-fg-color: var(--theme-dark-base);
--md-primary-bg-color: #adbac7;
--md-default-fg-color: #adbac7;
--md-default-bg-color: #22272e;
--md-default-bg-color: var(--theme-dark-base);
--md-body-bg-color: #22272e;
--md-header-bg-color: rgba(34, 39, 46, 0.8);
--md-body-bg-color: var(--theme-dark-mantle);
--md-header-bg-color: rgba(26, 26, 26, 0.8);
--md-code-fg-color: #adbac7;
--md-code-bg-color: #1d2126;
--md-code-bg-color: var(--theme-dark-crust);
--md-accent-fg-color: #aaa;
--md-admonition-fg-color: #adbac7;
--md-footer-fg-color: #adbac7;
--md-footer-bg-color: var(--theme-dark-mantle);
--md-typeset-color: #adbac7;
--md-typeset-a-color: #52bbb1;
@@ -53,7 +59,7 @@
--md-typeset-btn-color: #52bbb1;
--md-typeset-btn-hover-color: #55aea6;
--md-admonition-pythontutor-color: #30363f;
--md-admonition-pythontutor-color: var(--theme-dark-crust);
}
[data-md-color-scheme="slate"][data-md-color-primary="black"],
@@ -76,6 +82,36 @@
background-color: var(--md-header-bg-color);
}
[data-md-color-scheme="slate"] .md-footer,
[data-md-color-scheme="slate"] .md-footer__inner {
background-color: var(--theme-dark-mantle);
color: var(--md-footer-fg-color);
}
[data-md-color-scheme="slate"] .md-footer-meta {
background-color: var(--theme-dark-crust);
color: var(--md-footer-fg-color);
}
[data-md-color-scheme="slate"] .md-footer__link {
background-color: var(--theme-dark-crust);
color: var(--md-footer-fg-color);
}
[data-md-color-scheme="slate"] .md-footer__link:hover {
background-color: var(--theme-dark-base);
}
[data-md-color-scheme="slate"] .md-footer__title,
[data-md-color-scheme="slate"] .md-footer__direction,
[data-md-color-scheme="slate"] .md-footer__button,
[data-md-color-scheme="slate"] .md-copyright,
[data-md-color-scheme="slate"] .md-copyright a,
[data-md-color-scheme="slate"] .md-social,
[data-md-color-scheme="slate"] .md-social__link {
color: var(--md-footer-fg-color);
}
/* https://github.com/squidfunk/mkdocs-material/issues/4832#issuecomment-1374891676 */
.md-nav__link[for] {
color: var(--md-default-fg-color) !important;
@@ -477,6 +513,16 @@ a:hover .text-button span {
margin-bottom: 0.5em;
}
.translator-profile-div {
gap: 0.5em;
}
.translator-profile-cell {
flex: 0 0 auto;
margin: 0.5em 0;
min-width: 8.5em;
}
.giscus-container {
width: 40em;
max-width: 100%;
@@ -559,6 +605,7 @@ a:hover .text-button span {
width: 100%;
height: 100%;
z-index: 0;
background-color: var(--hero-starfield-bg-color, transparent);
}
.starfield-origin {
@@ -566,4 +613,4 @@ a:hover .text-button span {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}

View File

@@ -253,10 +253,10 @@
</div>
</div>
<!-- reviewers -->
<!-- code reviewers -->
<div style="margin: 2em auto;">
<h3>Переводчики кода</h3>
<p>Многоязычные версии кода в этой книге были подготовлены при участии следующих переводчиков. Благодарим их за время и вклад!</p>
<p>Многоязычные версии кода в этой книге были подготовлены при участии следующих разработчиков. Благодарим их за время и вклад!</p>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/coderonion">

View File

@@ -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 條社群問答,助你快速入門資料結構與演算法</p>
</div>
</section>
<!-- Section: reading -->
<section data-md-color-scheme="default" data-md-color-primary="white" class="home-div">
<div class="section-content">
@@ -166,6 +142,7 @@
</a>
</div>
</div>
<p style="margin-top: 2em;">500 幅動畫圖解、14 種程式語言程式碼、3000 條社群問答,助你快速入門資料結構與演算法</p>
</div>
</section>
@@ -272,9 +249,30 @@
</div>
</div>
<!-- reviewers -->
<!-- translators -->
<div style="margin: 2em auto;">
<h3>程式碼審閱</h3>
<h3></h3>
<p>本書繁體中文版由以下譯者審閱,感謝他們的貢獻!</p>
<div class="profile-div translator-profile-div">
<div class="profile-cell translator-profile-cell">
<a href="https://github.com/Shyam-Chen">
<img class="profile-img" src="../assets/avatar/avatar_Shyam-Chen.jpg" alt="Reviewer: Shyam-Chen" />
<br><b>Shyam-Chen</b>
</a>
</div>
<div class="profile-cell translator-profile-cell">
<a href="https://github.com/Dr-XYZ">
<img class="profile-img" src="../assets/avatar/avatar_Dr-XYZ.jpg" alt="Reviewer: Dr-XYZ" />
<br><b>Dr-XYZ</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">
@@ -363,25 +361,6 @@
</div>
</div>
<!-- translators -->
<div style="margin: 2em auto;">
<h3>繁體版審閱者</h3>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/Shyam-Chen">
<img class="profile-img" src="../assets/avatar/avatar_Shyam-Chen.jpg" alt="Reviewer: Shyam-Chen" />
<br><b>Shyam-Chen</b>
</a>
</div>
<div class="profile-cell">
<a href="https://github.com/Dr-XYZ">
<img class="profile-img" src="../assets/avatar/avatar_Dr-XYZ.jpg" alt="Reviewer: Dr-XYZ" />
<br><b>Dr-XYZ</b>
</a>
</div>
</div>
</div>
<!-- contributors -->
<div style="margin: 2em auto;">
<h3>貢獻者</h3>
@@ -391,4 +370,4 @@
</a>
</div>
</div>
</section>
</section>