use jsdelivr cdn for assets in docs

docs/source/_static/colors.css

@@ -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;
-}

docs/source/_static/custom.css

@@ -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;
-}

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'

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):

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
 
-    <video class="manim-video" controls loop autoplay src="../_static/quickstart/SquareToCircle.mp4"></video>
+    <video class="manim-video" controls loop autoplay src="https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/quickstart/SquareToCircle.mp4"></video>
 
 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
 
-    <video class="manim-video" controls loop autoplay src="../_static/quickstart/SquareToCircleEmbed.mp4"></video>
+    <video class="manim-video" controls loop autoplay src="https://cdn.jsdelivr.net/gh/manim-kindergarten/CDN@master/manimgl_assets/quickstart/SquareToCircleEmbed.mp4"></video>
 
 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

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

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 <https://www.3blue1brown.com/>`_.