From 09ae714edbad328b51731c8876f79495d0719025 Mon Sep 17 00:00:00 2001
From: Tony031218 <975062472@qq.com>
Date: Sun, 31 Jan 2021 21:37:53 +0800
Subject: [PATCH] fix

add a link to Chinese version in home page

fix a list wrong display

fix color list
---
 docs/source/documentation/constants.rst       | 38 ++++++++++++++-----
 docs/source/getting_started/configuration.rst |  2 +
 docs/source/index.rst                         |  2 +
 3 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/docs/source/documentation/constants.rst b/docs/source/documentation/constants.rst
index 6ba62b3b..cbf96bae 100644
--- a/docs/source/documentation/constants.rst
+++ b/docs/source/documentation/constants.rst
@@ -106,61 +106,80 @@ Here are the preview of default colours. (Modified from
 
 .. raw:: html
 
+    <div style="float: left;">
     <h3>BLUE</h3>
     <div class="colors BLUE_E"><p class="color-text">BLUE_E</p></div>
     <div class="colors BLUE_D"><p class="color-text">BLUE_D</p></div>
     <div class="colors BLUE_C"><p class="color-text">BLUE_C</p></div>
     <div class="colors BLUE_B"><p class="color-text">BLUE_B</p></div>
     <div class="colors BLUE_A"><p class="color-text">BLUE_A</p></div>
-    <h3 style="margin-top: 6em">TEAL</h3>
+    </div>
+    <div style="float: left;">
+    <h3>TEAL</h3>
     <div class="colors TEAL_E"><p class="color-text">TEAL_E</p></div>
     <div class="colors TEAL_D"><p class="color-text">TEAL_D</p></div>
     <div class="colors TEAL_C"><p class="color-text">TEAL_C</p></div>
     <div class="colors TEAL_B"><p class="color-text">TEAL_B</p></div>
     <div class="colors TEAL_A"><p class="color-text">TEAL_A</p></div>
-    <h3 style="margin-top: 6em">GREEN</h3>
+    </div>
+    <div style="float: left;">
+    <h3>GREEN</h3>
     <div class="colors GREEN_E"><p class="color-text">GREEN_E</p></div>
     <div class="colors GREEN_D"><p class="color-text">GREEN_D</p></div>
     <div class="colors GREEN_C"><p class="color-text">GREEN_C</p></div>
     <div class="colors GREEN_B"><p class="color-text">GREEN_B</p></div>
     <div class="colors GREEN_A"><p class="color-text">GREEN_A</p></div>
-    <h3 style="margin-top: 6em">YELLOW</h3>
+    </div>
+    <div style="float: left;">
+    <h3>YELLOW</h3>
     <div class="colors YELLOW_E"><p class="color-text">YELLOW_E</p></div>
     <div class="colors YELLOW_D"><p class="color-text">YELLOW_D</p></div>
     <div class="colors YELLOW_C"><p class="color-text">YELLOW_C</p></div>
     <div class="colors YELLOW_B"><p class="color-text">YELLOW_B</p></div>
     <div class="colors YELLOW_A"><p class="color-text">YELLOW_A</p></div>
-    <h3 style="margin-top: 6em">GOLD</h3>
+    </div>
+    <div style="float: left;">
+    <h3>GOLD</h3>
     <div class="colors GOLD_E"><p class="color-text">GOLD_E</p></div>
     <div class="colors GOLD_D"><p class="color-text">GOLD_D</p></div>
     <div class="colors GOLD_C"><p class="color-text">GOLD_C</p></div>
     <div class="colors GOLD_B"><p class="color-text">GOLD_B</p></div>
     <div class="colors GOLD_A"><p class="color-text">GOLD_A</p></div>
-    <h3 style="margin-top: 6em">RED</h3>
+    </div>
+    <div style="float: left;">
+    <h3>RED</h3>
     <div class="colors RED_E"><p class="color-text">RED_E</p></div>
     <div class="colors RED_D"><p class="color-text">RED_D</p></div>
     <div class="colors RED_C"><p class="color-text">RED_C</p></div>
     <div class="colors RED_B"><p class="color-text">RED_B</p></div>
     <div class="colors RED_A"><p class="color-text">RED_A</p></div>
-    <h3 style="margin-top: 6em">MAROON</h3>
+    </div>
+    <div style="float: left;">
+    <h3>MAROON</h3>
     <div class="colors MAROON_E"><p class="color-text">MAROON_E</p></div>
     <div class="colors MAROON_D"><p class="color-text">MAROON_D</p></div>
     <div class="colors MAROON_C"><p class="color-text">MAROON_C</p></div>
     <div class="colors MAROON_B"><p class="color-text">MAROON_B</p></div>
     <div class="colors MAROON_A"><p class="color-text">MAROON_A</p></div>
-    <h3 style="margin-top: 6em">PURPLE</h3>
+    </div>
+    <div style="float: left;">
+    <h3>PURPLE</h3>
     <div class="colors PURPLE_E"><p class="color-text">PURPLE_E</p></div>
     <div class="colors PURPLE_D"><p class="color-text">PURPLE_D</p></div>
     <div class="colors PURPLE_C"><p class="color-text">PURPLE_C</p></div>
     <div class="colors PURPLE_B"><p class="color-text">PURPLE_B</p></div>
     <div class="colors PURPLE_A"><p class="color-text">PURPLE_A</p></div>
-    <h3 style="margin-top: 6em">GREY</h3>
+    </div>
+    <div style="float: left;">
+    <h3>GREY</h3>
     <div class="colors GREY_E"><p class="color-text">GREY_E</p></div>
     <div class="colors GREY_D"><p class="color-text">GREY_D</p></div>
     <div class="colors GREY_C"><p class="color-text">GREY_C</p></div>
     <div class="colors GREY_B"><p class="color-text">GREY_B</p></div>
     <div class="colors GREY_A"><p class="color-text">GREY_A</p></div>
-    <h3 style="margin-top: 6em">Others</h3>
+    </div>
+    <div style="float: left;">
+    <h3>Others</h3>
     <div class="colors WHITE"><p class="color-text" style="color: BLACK">WHITE</p></div>
     <div class="colors BLACK"><p class="color-text">BLACK</p></div>
     <div class="colors GREY_BROWN"><p class="color-text-small">GREY_BROWN</p></div>
@@ -170,3 +189,4 @@ Here are the preview of default colours. (Modified from
     <div class="colors LIGHT_PINK"><p class="color-text-small">LIGHT_PINK</p></div>
     <div class="colors GREEN_SCREEN"><p class="color-text-small">GREEN_SCREEN</p></div>
     <div class="colors ORANGE"><p class="color-text">ORANGE</p></div>
+    </div>
diff --git a/docs/source/getting_started/configuration.rst b/docs/source/getting_started/configuration.rst
index 6401058f..ff07685c 100644
--- a/docs/source/getting_started/configuration.rst
+++ b/docs/source/getting_started/configuration.rst
@@ -21,7 +21,9 @@ Some useful flags
 - ``-w`` to write the scene to a file.
 - ``-o`` to write the scene to a file and open the result.
 - ``-s`` to skip to the end and just show the final frame. 
+
     - ``-so`` will save the final frame to an image and show it.
+    
 - ``-n <number>`` to skip ahead to the ``n``\ ’th animation of a scene. 
 - ``-f`` to make the playback window fullscreen.
 
diff --git a/docs/source/index.rst b/docs/source/index.rst
index 5d4fb71e..84df7151 100644
--- a/docs/source/index.rst
+++ b/docs/source/index.rst
@@ -6,6 +6,8 @@ Manim's documentation
 Manim is an animation engine for explanatory math videos. It's used to create precise animations programmatically, as seen in the videos
 at `3Blue1Brown <https://www.3blue1brown.com/>`_.
 
+And here is a Chinese version of this documentation: https://manim.ml/shaders
+
 .. toctree::
    :maxdepth: 2
    :caption: Getting Started