diff --git a/docs-en/chapter_introduction/what_is_dsa.md b/docs-en/chapter_introduction/what_is_dsa.md index 4db240534..2fb032f9c 100644 --- a/docs-en/chapter_introduction/what_is_dsa.md +++ b/docs-en/chapter_introduction/what_is_dsa.md @@ -39,7 +39,7 @@ As shown in the Figure 1-4 , data structures and algorithms are highly related a Data structures and algorithms can be likened to a set of building blocks, as illustrated in the Figure 1-5 . A building block set includes numerous pieces, accompanied by detailed assembly instructions. Following these instructions step by step allows us to construct an intricate block model. -![Assembling blocks](what_is_dsa.assets/assembling_blocks.jpg){ class="animation-figure" } +![Assembling blocks](what_is_dsa.assets/assembling_blocks.png){ class="animation-figure" }

Figure 1-5   Assembling blocks

diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 000000000..9ceed40f8 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,363 @@ + +
+ + +
+ + + + + 初识算法 + + + + 复杂度 + + + + 数组与链表 + + + + 栈与队列 + + + + 哈希表 + + + + + + + + + + + + + + + + 搜索 + + + + 排序 + + + + 分治 + + + + 回溯 + + + + 动态规划 + + + + 贪心 + +
+ + +
+ +
+

+ 动画图解、一键运行的数据结构与算法教程 +

+ + + + + 开始阅读 + + + + + + + 代码仓库 + +
+ +
+ + + +
+
+
+ + +
+
+ Preview +
+ + + + + + + + + + + + +
+

500 幅动画图解、12 种编程语言代码、3000 条社区问答,助你快速入门数据结构与算法

+
+
+ + +
+
+
+ + + + + +
+
+ Cover +
+ 纸质书
(即将发布)
+
+
+ + +
+
+
+ + +
+
+

推荐语

+
+
+

“一本通俗易懂的数据结构与算法入门书,引导读者手脑并用地学习,强烈推荐算法初学者阅读。”

+

—— 邓俊辉,清华大学计算机系教授

+
+
+

“如果我当年学数据结构与算法的时候有《Hello 算法》,学起来应该会简单 10 倍!”

+

—— 李沐,亚马逊资深首席科学家

+
+
+
+
+ + +
+
+
+
+
+
+ + + +

动画图解

+
+

内容清晰易懂,学习曲线平滑

+

"A picture is worth a thousand words."
“一图胜千言”

+
+
+ Animation example +
+ +
+ Running code example +
+
+
+ + + +

一键运行

+
+

十余种编程语言,代码可视化运行

+

"Talk is cheap. Show me the code."
“少吹牛,看代码”

+
+
+
+ +
+
+
+
+ + + +

互助学习

+
+

欢迎讨论与提问,读者间携手共进

+

"Learning by teaching."
“教学相长”

+
+
+ Comments example +
+ +
+
+ + +
+
+ +
+

作者

+ +
+ + +
+

代码审阅者

+ +
+ + +
+

贡献者

+

本书在开源社区 140 多位贡献者的共同努力下不断完善,感谢他们付出的时间与精力!

+ + Contributors + +
+
+
+ + +
+
+

欢迎在评论区留下你的见解、问题或建议

+ + +
+
\ No newline at end of file diff --git a/docs/index.md b/docs/index.md index 54f93339a..402b9b2af 100644 --- a/docs/index.md +++ b/docs/index.md @@ -7,393 +7,3 @@ hide: - edit - navigation --- - - -
- - - - -
- - - - - - 初识算法 - - - - 复杂度 - - - - 数组与链表 - - - - 栈与队列 - - - - 哈希表 - - - - - - - - - - - - - - - - 搜索 - - - - 排序 - - - - 分治 - - - - 回溯 - - - - 动态规划 - - - - 贪心 - -
- - -
- hello-algo-typing-svg -
-

- 动画图解、一键运行的数据结构与算法教程 -

- - - - - 开始阅读 - - - - - - - 代码仓库 - -
- -
- - - -
-
-
- - -
-
- -
- - - - - - - - - - - - -
-

500 幅动画图解、12 种编程语言代码、3000 条社区问答,助你快速入门数据结构与算法

-
-
- - -
-
-
- - - - - -
-
- -
- 纸质书
(即将发布)
-
-
- - -
-
-
- - -
-
-

推荐语

-
-
-

“一本通俗易懂的数据结构与算法入门书,引导读者手脑并用地学习,强烈推荐算法初学者阅读。”

-

—— 邓俊辉,清华大学计算机系教授

-
-
-

“如果我当年学数据结构与算法的时候有《Hello 算法》,学起来应该会简单 10 倍!”

-

—— 李沐,亚马逊资深首席科学家

-
-
-
-
- - -
-
-
-
-
-
- - - -

动画图解

-
-

内容清晰易懂,学习曲线平滑

-

"A picture is worth a thousand words."
“一图胜千言”

-
-
- -
- -
- -
-
-
- - - -

一键运行

-
-

十余种编程语言,代码可视化运行

-

"Talk is cheap. Show me the code."
“少吹牛,看代码”

-
-
-
- -
-
-
-
- - - -

互助学习

-
-

欢迎讨论与提问,读者间携手共进

-

"Learning by teaching."
“教学相长”

-
-
- -
- -
-
- - -
-
- -
-

作者

- -
- - -
-

代码审阅者

- -
- - -
-

贡献者

-

本书在开源社区 140 多位贡献者的共同努力下不断完善,感谢他们付出的时间与精力!

- - - -
-
-
- -
-
-

欢迎在评论区留下你的见解、问题或建议

- - -
-
\ No newline at end of file diff --git a/overrides/stylesheets/extra.css b/overrides/stylesheets/extra.css index a48cdc6d5..951f11976 100644 --- a/overrides/stylesheets/extra.css +++ b/overrides/stylesheets/extra.css @@ -334,7 +334,7 @@ a:hover .text-button span { } /* hero image */ -.hero-image-div { +.hero-div { height: min(84vh, 75vw); width: min(112vh, 100vw); margin: 0 auto; @@ -353,13 +353,13 @@ a:hover .text-button span { } /* hover on the planets */ -.hero-on-hover { +.hero-div > a > img { width: auto; position: absolute; transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out; } -.hero-caption { +.hero-div > a > span { margin: 0; position: absolute; transform: translateX(-50%) translateY(-50%); @@ -367,17 +367,27 @@ a:hover .text-button span { color: white; } -a:hover .hero-on-hover { +.hero-div > a:hover > img { filter: brightness(1.15) saturate(1.1) drop-shadow(0 0 0.5rem rgba(255, 255, 255, 0.2)); transform: scale(1.03); } -a:hover .hero-caption { +.hero-div > a:hover > span { text-decoration: underline; color: var(--md-typeset-btn-color); } +.heading-div { + width: 100%; + position: absolute; + transform: translateX(-50%); + left: 50%; + bottom: min(2vh, 3vw); + pointer-events: none; + color: #fff; +} + /* code badge */ .code-badge { width: 100%;