diff --git a/docs/source/_static/colors.css b/docs/source/_static/colors.css
deleted file mode 100644
index c5b69708..00000000
--- a/docs/source/_static/colors.css
+++ /dev/null
@@ -1,293 +0,0 @@
-p.color-text {
- font-size: inherit;
- font-family: var(--font-stack--monospace);
- margin-top: 25px;
- color: WHITE;
-}
-
-p.color-text-small {
- font-size: small;
- font-family: var(--font-stack--monospace);
- margin-top: 28px;
- color: WHITE;
-}
-
-.colors {
- float: left;
- padding: 10px;
- border: 10px;
- margin: 0;
- width: 80px;
- height: 80px;
- text-align: center;
-}
-
-.BLUE_A {
- background: #C7E9F1;
- color:#C7E9F1;
-}
-
-.BLUE_B {
- background: #9CDCEB;
- color:#9CDCEB;
-}
-
-.BLUE_C {
- background: #58C4DD;
- color:#58C4DD;
-}
-
-.BLUE_D {
- background: #29ABCA;
- color:#29ABCA;
-}
-
-.BLUE_E {
- background: #1C758A;
- color:#1C758A;
-}
-
-.TEAL_A {
- background: #ACEAD7;
- color:#ACEAD7 ;
-}
-
-.TEAL_B {
- background: #76DDC0;
- color: #76DDC0;
-}
-
-.TEAL_C {
- background: #5CD0B3;
- color: #5CD0B3;
-}
-
-.TEAL_D {
- background: #55C1A7;
- color: #55C1A7;
-}
-
-.TEAL_E {
- background: #49A88F;
- color: #49A88F;
-}
-
-.GREEN_A {
- background: #C9E2AE;
- color: #C9E2AE;
-}
-
-.GREEN_B {
- background: #A6CF8C;
- color: #A6CF8C;
-}
-
-.GREEN_C {
- background: #83C167;
- color: #83C167;
-}
-
-.GREEN_D {
- background: #77B05D;
- color: #77B05D;
-}
-
-.GREEN_E {
- background: #699C52;
- color: #699C52;
-}
-
-.YELLOW_A {
- background: #FFF1B6;
- color: #FFF1B6;
-}
-
-.YELLOW_B {
- background: #FFEA94;
- color:#FFEA94 ;
-}
-
-.YELLOW_C {
- background: #FFFF00;
- color: #FFFF00;
-}
-
-.YELLOW_D {
- background: #F4D345;
- color: #F4D345;
-}
-
-.YELLOW_E {
- background: #E8C11C;
- color: #E8C11C;
-}
-
-.GOLD_A {
- background: #F7C797;
- color:#F7C797;
-}
-
-.GOLD_B {
- background: #F9B775;
- color:#F9B775;
-}
-
-.GOLD_C {
- background: #F0AC5F;
- color:#F0AC5F;
-}
-
-.GOLD_D {
- background: #E1A158;
- color:#E1A158;
-}
-
-.GOLD_E {
- background: #C78D46;
- color:#C78D46;
-}
-
-.RED_A {
- background: #F7A1A3;
- color:#F7A1A3;
-}
-
-.RED_B {
- background: #FF8080;
- color:#FF8080;
-}
-
-.RED_C {
- background: #FC6255;
- color:#FC6255;
-}
-
-.RED_D {
- background: #E65A4C;
- color:#E65A4C;
-}
-
-.RED_E {
- background: #CF5044;
- color:#CF5044;
-}
-
-.MAROON_A {
- background: #ECABC1;
- color: #ECABC1;
-}
-
-.MAROON_B {
- background: #EC92AB;
- color: #EC92AB;
-}
-
-.MAROON_C {
- background: #C55F73;
- color: #C55F73;
-}
-
-.MAROON_D {
- background: #A24D61;
- color: #A24D61;
-}
-
-.MAROON_E {
- background: #94424F;
- color: #94424F;
-}
-
-.PURPLE_A {
- background: #CAA3E8;
- color: #CAA3E8;
-}
-
-.PURPLE_B {
- background: #B189C6;
- color: #B189C6;
-}
-
-.PURPLE_C {
- background: #9A72AC;
- color: #9A72AC;
-}
-
-.PURPLE_D {
- background: #715582;
- color: #715582;
-}
-
-.PURPLE_E {
- background: #644172;
- color: #644172;
-}
-
-.GREY_A {
- background: #DDDDDD;
- color: #DDDDDD;
-}
-
-.GREY_B {
- background: #BBBBBB;
- color: #BBBBBB;
-}
-
-.GREY_C {
- background: #888888;
- color: #888888;
-}
-
-.GREY_D {
- background: #444444;
- color: #444444;
-}
-
-.GREY_E {
- background: #222222;
- color: #222222;
-}
-
-.WHITE {
- background: #FFFFFF;
- color: #FFFFFF;
-}
-
-.BLACK {
- background: #000000;
- color: #000000;
-}
-
-.GREY_BROWN {
- background: #736357;
- color: #736357;
-}
-
-.DARK_BROWN {
- background: #8B4513;
- color: #8B4513;
-}
-
-.LIGHT_BROWN {
- background: #CD853F;
- color: #CD853F;
-}
-
-.PINK {
- background: #D147BD;
- color: #D147BD;
-}
-
-.LIGHT_PINK {
- background: #DC75CD;
- color: #DC75CD;
-}
-
-.GREEN_SCREEN {
- background: #00FF00;
- color: #00FF00;
-}
-
-.ORANGE {
- background: #FF862F;
- color: #FF862F;
-}
\ No newline at end of file
diff --git a/docs/source/_static/custom.css b/docs/source/_static/custom.css
deleted file mode 100644
index 4f2ea8ac..00000000
--- a/docs/source/_static/custom.css
+++ /dev/null
@@ -1,62 +0,0 @@
-p {
- font-size: initial;
-}
-
-span.caption-text {
- font-size: larger;
-}
-
-span.pre {
- font-size: initial;
-}
-
-.highlight-python.notranslate {
- margin-top: 0em;
-}
-
-.manim-video {
- width: 99.9%;
- padding: 8px 0;
- outline: 0;
-}
-
-.manim-example {
- background-color: #333333;
- margin-bottom: 10px;
- box-shadow: 2px 2px 4px #ddd;
-}
-
-.manim-example .manim-video {
- padding: 0;
-}
-
-.manim-example img {
- margin-bottom: 0;
-}
-
-h5.example-header {
- font-size: 18px;
- font-weight: bold;
- padding: 8px 16px;
- color: white;
- margin: 0;
- font-family: inherit;
- text-transform: none;
- margin-top: -0.4em;
- margin-bottom: -0.2em;
-}
-
-.manim-example .highlight {
- background-color: #fafafa;
- border: 2px solid #333333;
- padding: 8px 8px 10px 8px;
- font-size: large;
- margin: 0;
-}
-
-.manim-example .highlight pre {
- background-color: inherit;
- border-left: none;
- margin: 0;
- padding: 0 6px 0 6px;
-}
\ No newline at end of file
diff --git a/docs/source/_static/example_scenes/AnimatingMethods.mp4 b/docs/source/_static/example_scenes/AnimatingMethods.mp4
deleted file mode 100644
index 29cbac62..00000000
Binary files a/docs/source/_static/example_scenes/AnimatingMethods.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/CoordinateSystemExample.mp4 b/docs/source/_static/example_scenes/CoordinateSystemExample.mp4
deleted file mode 100644
index f8f9f582..00000000
Binary files a/docs/source/_static/example_scenes/CoordinateSystemExample.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/GraphExample.mp4 b/docs/source/_static/example_scenes/GraphExample.mp4
deleted file mode 100644
index a2330c6a..00000000
Binary files a/docs/source/_static/example_scenes/GraphExample.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/InteractiveDevelopment.mp4 b/docs/source/_static/example_scenes/InteractiveDevelopment.mp4
deleted file mode 100644
index 6c235ec9..00000000
Binary files a/docs/source/_static/example_scenes/InteractiveDevelopment.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/OpeningManimExample.mp4 b/docs/source/_static/example_scenes/OpeningManimExample.mp4
deleted file mode 100644
index 7c070683..00000000
Binary files a/docs/source/_static/example_scenes/OpeningManimExample.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/SquareToCircle.mp4 b/docs/source/_static/example_scenes/SquareToCircle.mp4
deleted file mode 100644
index 009d6131..00000000
Binary files a/docs/source/_static/example_scenes/SquareToCircle.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/SurfaceExample.mp4 b/docs/source/_static/example_scenes/SurfaceExample.mp4
deleted file mode 100644
index 076a1875..00000000
Binary files a/docs/source/_static/example_scenes/SurfaceExample.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/TexTransformExample.mp4 b/docs/source/_static/example_scenes/TexTransformExample.mp4
deleted file mode 100644
index 72c556e7..00000000
Binary files a/docs/source/_static/example_scenes/TexTransformExample.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/TextExample.mp4 b/docs/source/_static/example_scenes/TextExample.mp4
deleted file mode 100644
index 6d18ae93..00000000
Binary files a/docs/source/_static/example_scenes/TextExample.mp4 and /dev/null differ
diff --git a/docs/source/_static/example_scenes/UpdatersExample.mp4 b/docs/source/_static/example_scenes/UpdatersExample.mp4
deleted file mode 100644
index f95afa88..00000000
Binary files a/docs/source/_static/example_scenes/UpdatersExample.mp4 and /dev/null differ
diff --git a/docs/source/_static/manim_shaders_process_en.png b/docs/source/_static/manim_shaders_process_en.png
deleted file mode 100644
index e6bb3b0a..00000000
Binary files a/docs/source/_static/manim_shaders_process_en.png and /dev/null differ
diff --git a/docs/source/_static/manim_shaders_structure.png b/docs/source/_static/manim_shaders_structure.png
deleted file mode 100644
index 66a545c2..00000000
Binary files a/docs/source/_static/manim_shaders_structure.png and /dev/null differ
diff --git a/docs/source/_static/quickstart/SquareToCircle.mp4 b/docs/source/_static/quickstart/SquareToCircle.mp4
deleted file mode 100644
index 009d6131..00000000
Binary files a/docs/source/_static/quickstart/SquareToCircle.mp4 and /dev/null differ
diff --git a/docs/source/_static/quickstart/SquareToCircle.png b/docs/source/_static/quickstart/SquareToCircle.png
deleted file mode 100644
index bbccc3d7..00000000
Binary files a/docs/source/_static/quickstart/SquareToCircle.png and /dev/null differ
diff --git a/docs/source/_static/quickstart/SquareToCircleEmbed.mp4 b/docs/source/_static/quickstart/SquareToCircleEmbed.mp4
deleted file mode 100644
index dd52bc46..00000000
Binary files a/docs/source/_static/quickstart/SquareToCircleEmbed.mp4 and /dev/null differ
diff --git a/docs/source/conf.py b/docs/source/conf.py
index 10ef5843..e9d0844c 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -31,7 +31,10 @@ master_doc = 'index'
pygments_style = 'default'
html_static_path = ["_static"]
-html_css_files = ["custom.css", "colors.css"]
+html_css_files = [
+ "https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/custom.css",
+ "https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/colors.css"
+]
html_theme = 'furo' # pip install furo==2020.10.5b9
html_favicon = '_static/icon.png'
html_logo = '../../logo/transparent_graph.png'
diff --git a/docs/source/getting_started/example_scenes.rst b/docs/source/getting_started/example_scenes.rst
index 203c84e7..a36caf83 100644
--- a/docs/source/getting_started/example_scenes.rst
+++ b/docs/source/getting_started/example_scenes.rst
@@ -9,7 +9,7 @@ InteractiveDevlopment
---------------------
.. manim-example:: InteractiveDevelopment
- :media: ../_static/example_scenes/InteractiveDevelopment.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/InteractiveDevelopment.mp4
from manimlib import *
@@ -66,7 +66,7 @@ AnimatingMethods
----------------
.. manim-example:: AnimatingMethods
- :media: ../_static/example_scenes/AnimatingMethods.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/AnimatingMethods.mp4
class AnimatingMethods(Scene):
def construct(self):
@@ -124,7 +124,7 @@ TextExample
-----------
.. manim-example:: TextExample
- :media: ../_static/example_scenes/TextExample.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/TextExample.mp4
class TextExample(Scene):
def construct(self):
@@ -178,7 +178,7 @@ TexTransformExample
-------------------
.. manim-example:: TexTransformExample
- :media: ../_static/example_scenes/TexTransformExample.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/TexTransformExample.mp4
class TexTransformExample(Scene):
def construct(self):
@@ -303,7 +303,7 @@ UpdatersExample
---------------
.. manim-example:: UpdatersExample
- :media: ../_static/example_scenes/UpdatersExample.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/UpdatersExample.mp4
class UpdatersExample(Scene):
def construct(self):
@@ -388,7 +388,7 @@ CoordinateSystemExample
-----------------------
.. manim-example:: CoordinateSystemExample
- :media: ../_static/example_scenes/CoordinateSystemExample.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/CoordinateSystemExample.mp4
class CoordinateSystemExample(Scene):
def construct(self):
@@ -472,7 +472,7 @@ GraphExample
------------
.. manim-example:: GraphExample
- :media: ../_static/example_scenes/GraphExample.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/GraphExample.mp4
class GraphExample(Scene):
def construct(self):
@@ -558,7 +558,7 @@ SurfaceExample
--------------
.. manim-example:: SurfaceExample
- :media: ../_static/example_scenes/SurfaceExample.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/SurfaceExample.mp4
class SurfaceExample(Scene):
CONFIG = {
@@ -659,7 +659,7 @@ OpeningManimExample
-------------------
.. manim-example:: OpeningManimExample
- :media: ../_static/example_scenes/OpeningManimExample.mp4
+ :media: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/example_scenes/OpeningManimExample.mp4
class OpeningManimExample(Scene):
diff --git a/docs/source/getting_started/quickstart.rst b/docs/source/getting_started/quickstart.rst
index 0151b6fd..4e79e693 100644
--- a/docs/source/getting_started/quickstart.rst
+++ b/docs/source/getting_started/quickstart.rst
@@ -59,7 +59,7 @@ At this time, no window will pop up. When the program is finished, this rendered
image will be automatically opened (saved in the subdirectory ``images/`` of the same
level directory of ``start.py`` by default):
-.. image:: ../_static/quickstart/SquareToCircle.png
+.. image:: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/quickstart/SquareToCircle.png
:align: center
Make an image
@@ -162,7 +162,7 @@ opened after the operation is over:
.. raw:: html
-
+
Let's take a look at the code this time. The first 7 lines are the same as the previous
ones, and the 8th line is similar to the 5th line, which creates an instance of the
@@ -237,7 +237,7 @@ You will get an animation similar to the following:
.. raw:: html
-
+
If you want to enter the interactive mode directly, you don't have to write an
empty scene containing only ``self.embed()``, you can directly run the following command
diff --git a/docs/source/getting_started/structure.rst b/docs/source/getting_started/structure.rst
index 6c5f3375..9214989f 100644
--- a/docs/source/getting_started/structure.rst
+++ b/docs/source/getting_started/structure.rst
@@ -120,9 +120,9 @@ Inheritance structure of manim's classes
is a pdf showed inheritance structure of manim's classes, large,
but basically all classes have included:
-.. image:: ../_static/manim_shaders_structure.png
+.. image:: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/manim_shaders_structure.png
Manim execution process
-----------------------
-.. image:: ../_static/manim_shaders_process_en.png
+.. image:: https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/manim_shaders_process_en.png
diff --git a/docs/source/index.rst b/docs/source/index.rst
index e12b99c7..4892ec10 100644
--- a/docs/source/index.rst
+++ b/docs/source/index.rst
@@ -1,7 +1,7 @@
Manim's documentation
=====================
-.. image:: ../../logo/white_with_name.png
+.. image:: https://cdn.jsdelivr.net/gh/3b1b/manim@master/logo/white_with_name.png
Manim is an animation engine for explanatory math videos. It's used to create precise animations programmatically, as seen in the videos
at `3Blue1Brown `_.