Add bubble sort, insertion sort.

docs/index.md

@@ -7,34 +7,38 @@ hide:
 === " "
 
     <div class="result" markdown>
-    ![conceptual_rendering](index.assets/conceptual_rendering.jpg){ align=left width=300 }
-    </br>
+    ![conceptual_rendering](index.assets/conceptual_rendering.png){ align=left width=300 }
     </br>
     </br>
     </br>
     <h1 style="text-align:center"> 《 Hello，算法 》 </h1>
     <h3 style="text-align:center"> 动画图解、能运行、可讨论的</br>数据结构与算法快速入门教程 </h3>
-    <h3 style="text-align:center"> [![github-stars](https://img.shields.io/github/stars/krahets/hello-algo?style=social)](https://github.com/krahets/hello-algo) </h3>
+    <p style="text-align:center"> [@Krahets](https://leetcode.cn/u/jyd/) </p>
+    <p style="text-align:center"> [![github-stars](https://img.shields.io/github/stars/krahets/hello-algo?style=social)](https://github.com/krahets/hello-algo) </p>
     </br>
     </div>
 
 ---
 
-<h2 style="text-align:center"> 「动画 + 图片 + HTML」 </h2>
+<h2 style="text-align:center"> 「清晰动画讲解」 </h2>
 
-<p style="text-align:center"> 重点知识以动画和图解为主，提升知识吸收效率</br>由 MkDocs 构建文档，支持笔记本、平板、手机多种终端 </p>
+<p style="text-align:center"> 借助动画介绍重点，提升知识吸收效率</br>HTML 文档，支持笔记本、平板、手机多种终端 </p>
 
-![algorithm_animation](index.assets/algorithm_animation.gif)
+![algorithm_animation](index.assets/animation.gif)
 
-<h2 style="text-align:center"> 「面向代码，注重实践」 </h2>
+---
+
+<h2 style="text-align:center"> 「代码实践导向」 </h2>
 
 <p style="text-align:center"> 示例代码皆可一键运行，在调试中加深理解</br>提供 Java, C++, Python 源码与详细注释 </p>
 
 ![running_code](index.assets/running_code.gif)
 
-<h2 style="text-align:center"> 「可讨论，能提问」 </h2>
+---
 
-<p style="text-align:center"> 在评论区和小伙伴们一起讨论进步</br>作者定期回复评论问题（一般 < 72h ） </p>
+<h2 style="text-align:center"> 「可讨论与提问」 </h2>
+
+<p style="text-align:center"> 在评论区与小伙伴们一起学习进步</br>作者定期回复评论问题（一般 < 72h ） </p>
 
 ![comment](index.assets/comment.gif)
 

docs/stylesheets/extra.css

@@ -1,6 +1,7 @@
+
+/* Color Settings */
 /* https://github.com/squidfunk/mkdocs-material/blob/6b5035f5580f97532d664e3d1babf5f320e88ee9/src/assets/stylesheets/main/_colors.scss */
 /* https://squidfunk.github.io/mkdocs-material/setup/changing-the-colors/#custom-colors */
-
 :root > * {
     --md-primary-fg-color: #FFFFFF;
     --md-primary-bg-color: #1D1D20;
@@ -30,3 +31,14 @@
     /* Reset alignment for table cells */
     text-align: initial;
 }
+
+
+/* Markdown Header */
+.md-typeset h1 {
+  font-weight: 400;
+  color: var(--md-default-fg-color);
+}
+
+.md-typeset h2 {
+  font-weight: 400;
+}