Add the section of introduction to the paper book (krahets#1114)

* Use Roboto mono as the font of the footers * Bug fixes * Add the introduction to the paper book. * Add the 'new' label to the toc * Turn off the autoplay * Polish the intro to paperbook
kangli · Mar 10, 2024 · aca031c · aca031c
1 parent 3474405
commit aca031c
Show file tree

Hide file tree

Showing 30 changed files with 101 additions and 8 deletions.
diff --git a/docs-en/chapter_array_and_linkedlist/array.assets/array_definition.png b/docs-en/chapter_array_and_linkedlist/array.assets/array_definition.png
diff --git a/docs-en/chapter_array_and_linkedlist/array.assets/array_insert_element.png b/docs-en/chapter_array_and_linkedlist/array.assets/array_insert_element.png
diff --git a/...chapter_array_and_linkedlist/array.assets/array_memory_location_calculation.png b/...chapter_array_and_linkedlist/array.assets/array_memory_location_calculation.png
diff --git a/docs-en/chapter_array_and_linkedlist/array.assets/array_remove_element.png b/docs-en/chapter_array_and_linkedlist/array.assets/array_remove_element.png
diff --git a/...-en/chapter_array_and_linkedlist/linked_list.assets/linkedlist_common_types.png b/...-en/chapter_array_and_linkedlist/linked_list.assets/linkedlist_common_types.png
diff --git a/docs-en/chapter_array_and_linkedlist/linked_list.assets/linkedlist_definition.png b/docs-en/chapter_array_and_linkedlist/linked_list.assets/linkedlist_definition.png
diff --git a/docs-en/chapter_array_and_linkedlist/linked_list.assets/linkedlist_insert_node.png b/docs-en/chapter_array_and_linkedlist/linked_list.assets/linkedlist_insert_node.png
diff --git a/docs-en/chapter_array_and_linkedlist/linked_list.assets/linkedlist_remove_node.png b/docs-en/chapter_array_and_linkedlist/linked_list.assets/linkedlist_remove_node.png
diff --git a/.../chapter_array_and_linkedlist/ram_and_cache.assets/computer_storage_devices.png b/.../chapter_array_and_linkedlist/ram_and_cache.assets/computer_storage_devices.png
diff --git a/docs-en/chapter_array_and_linkedlist/ram_and_cache.assets/storage_pyramid.png b/docs-en/chapter_array_and_linkedlist/ram_and_cache.assets/storage_pyramid.png
diff --git a/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step1.png b/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step1.png
diff --git a/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step2.png b/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step2.png
diff --git a/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step3.png b/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step3.png
diff --git a/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step4.png b/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step4.png
diff --git a/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step5.png b/...ntroduction/algorithms_are_everywhere.assets/binary_search_dictionary_step5.png
diff --git a/docs-en/chapter_introduction/algorithms_are_everywhere.assets/greedy_change.png b/docs-en/chapter_introduction/algorithms_are_everywhere.assets/greedy_change.png
diff --git a/...chapter_introduction/algorithms_are_everywhere.assets/playing_cards_sorting.png b/...chapter_introduction/algorithms_are_everywhere.assets/playing_cards_sorting.png
diff --git a/...uction/what_is_dsa.assets/relationship_between_data_structure_and_algorithm.png b/...uction/what_is_dsa.assets/relationship_between_data_structure_and_algorithm.png
diff --git a/docs-en/chapter_preface/suggestions.assets/code_md_to_repo.png b/docs-en/chapter_preface/suggestions.assets/code_md_to_repo.png
diff --git a/docs-en/chapter_preface/suggestions.assets/learning_route.png b/docs-en/chapter_preface/suggestions.assets/learning_route.png
diff --git a/docs/chapter_paperbook/index.assets/book_jd_link.jpg b/docs/chapter_paperbook/index.assets/book_jd_link.jpg
diff --git a/docs/chapter_paperbook/index.assets/paper_book_avl_tree.jpg b/docs/chapter_paperbook/index.assets/paper_book_avl_tree.jpg
diff --git a/docs/chapter_paperbook/index.assets/paper_book_chapter_heap.jpg b/docs/chapter_paperbook/index.assets/paper_book_chapter_heap.jpg
diff --git a/docs/chapter_paperbook/index.assets/paper_book_overview.jpg b/docs/chapter_paperbook/index.assets/paper_book_overview.jpg
diff --git a/docs/chapter_paperbook/index.md b/docs/chapter_paperbook/index.md
@@ -0,0 +1,67 @@
+---
+comments: true
+icon: fontawesome/solid/book
+status: new
+---
+
+# 纸质书介绍
+
+经过长时间的打磨，《Hello 算法》纸质书终于发布了！此时的心情可以用一句诗来形容：
+
+<p align="center">追风赶月莫停留，平芜尽处是春山。</p>
+
+![](index.assets/paper_book_overview.jpg){ class="animation-figure" }
+
+以下视频展示了纸质书，并且包含我的一些思考：
+
+- 学习数据结构与算法的重要性。
+- 为什么在纸质书中选择 Python。
+- 对知识分享的理解。
+
+> 新人 UP 主，请多多关照、一键三连～谢谢！
+
+<div class="video-container">
+    <iframe src="//player.bilibili.com/player.html?aid=1051597767&bvid=BV1QH4y157uC&cid=1462564112&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+</div>
+
+附纸质书快照：
+
+![](index.assets/paper_book_chapter_heap.jpg){ class="animation-figure" }
+
+![](index.assets/paper_book_avl_tree.jpg){ class="animation-figure" }
+
+## 优势与不足
+
+总结一下纸质书可能会给大家带来惊喜的地方：
+
+- 采用全彩印刷，能够原汁原味地发挥出本书“动画图解”的优势。
+- 考究纸张材质，既保证色彩高度还原，也保留纸质书特有的质感。
+- 在不提升定价的前提下，附赠思维导图折页、书签。
+- 纸质书、网页版、PDF 版内容同步，随意切换阅读。
+
+!!! tip
+
+    由于纸质书和网页版的同步成本较大，因此可能会有一些细节上的不同，请您见谅！
+
+当然，纸质书也有一些值得大家入手前考虑的地方：
+
+- 使用 Python 语言，可能不匹配你的主语言（也许可以趁此机会练习 Python）。
+- 全彩印刷虽然大幅提升了阅读体验，但价格会比黑白印刷高一些。
+
+!!! tip
+
+    “印刷质量”和“价格”就像算法中的“时间效率”和“空间效率”，难以两全。而我认为，“印刷质量”对应的是“时间效率”，更应该被注重。
+
+## 购买链接
+
+如果你对纸质书感兴趣，可以考虑入手一本。我们为大家争取到了新书 5 折优惠，请见[此链接](https://3.cn/-1Wwj1jq)或扫描以下二维码：
+
+![](index.assets/book_jd_link.jpg){ class="animation-figure" }
+
+## 尾记
+
+起初，我低估了纸质书出版的工作量，以为只要维护好了开源项目，纸质版就可以通过某些自动化手段生成出来。实践证明，纸质书的生产流程与开源项目的更新机制存在很大的不同，两者之间的转化需要做许多额外工作。
+
+一本书的初稿与达到出版标准的定稿之间仍有较长距离，需要出版社（策划、编辑、设计、市场等）与作者的通力合作、长期雕琢。在此，在此感谢图灵策划编辑王军花、以及人民邮电出版社和图灵社区每位参与本书出版流程的工作人员！
+
+希望这本书能够帮助到你！
diff --git a/docs/chapter_reference/index.md b/docs/chapter_reference/index.md
@@ -1,3 +1,7 @@
+---
+icon: material/bookshelf
+---
+
 # 参考文献
 
 [1] Thomas H. Cormen, et al. Introduction to Algorithms (3rd Edition).

diff --git a/docs/index.html b/docs/index.html
@@ -140,11 +140,17 @@
             <!-- ipad height = 280.6mm -->
             <!-- iphone height = 160.7mm -->
             <div class="media-block">
-                <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" style="color: var(--md-accent-fg-color);">
-                    <span>纸质书<br>（即将发布）</span>
-                </div>
+                <a href="/chapter_paperbook/">
+                    <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>
+                        <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>
+                    </div>
+                </a>
             </div>
             <div class="media-block">
                 <a href="/chapter_preface/">

diff --git a/mkdocs.yml b/mkdocs.yml
@@ -287,7 +287,9 @@ nav:
     - chapter_appendix/index.md
     - 16.1 &nbsp; 编程环境安装: chapter_appendix/installation.md
     - 16.2 &nbsp; 一起参与创作: chapter_appendix/contribution.md
-    # [status: new]
     - 16.3 &nbsp; 术语表: chapter_appendix/terminology.md
   - 参考文献:
     - chapter_reference/index.md
+  - 纸质书介绍:
+    # [status: new]
+    - chapter_paperbook/index.md
diff --git a/overrides/main.html b/overrides/main.html
@@ -2,9 +2,9 @@
 
 {% block announce %}
 {% if config.theme.language == 'zh' %}
-    {% set announcements = "纸质书将于近期发布，敬请关注！" %}
+    {% set announcements = '纸质书已发布，详情请见<a href="/chapter_paperbook/">纸质书介绍</a>' %}
 {% elif config.theme.language == 'en' %}
-    {% set announcements = "The paper book (Chinese edition) will be published soon. Stay tuned!" %}
+    {% set announcements = 'The paper book (Chinese edition) published. Please visit <a href="/chapter_paperbook/">this link</a> for more details.' %}
 {% endif %}
 <div class="banner-svg">
     <svg xmlns="http://www.w3.org/2000/svg"

diff --git a/overrides/stylesheets/extra.css b/overrides/stylesheets/extra.css
@@ -522,3 +522,17 @@ a:hover .text-button span {
     flex-basis: 25%;
   }
 }
+
+.video-container {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  height: 0;
+}
+
+.video-container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}