replace the helicatenoid image with YouTube video

hyrodium · Jul 1, 2023 · 2e650cc · 2e650cc
1 parent 98fa60a
commit 2e650cc
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/docs/gallery/weaving_examples/helicatenoid.jl b/docs/gallery/weaving_examples/helicatenoid.jl
@@ -6,7 +6,12 @@
 
 # Weaving a transformable curved surface from catenoid to helicoid.
 
-# ![](../assets/helicatenoid.jpg)
+# ```@raw html
+# <div class="videoWrapper">
+#   <!-- Copy & Pasted from YouTube -->
+#   <iframe width="560" height="315" src="https://www.youtube.com/embed/Gp6XkPLCw7s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+# </div>
+# ```
 
 # ## Load packages
 using IntervalSets

diff --git a/docs/src/assets/custom.css b/docs/src/assets/custom.css
@@ -1,4 +1,20 @@
-#documenter .docs-sidebar .docs-logo > img,
-html.theme--documenter-dark #documenter .docs-sidebar .docs-logo > img {
+#documenter .docs-sidebar .docs-logo>img,
+html.theme--documenter-dark #documenter .docs-sidebar .docs-logo>img {
     max-height: 8rem;
+}
+
+.videoWrapper {
+    position: relative;
+    padding-bottom: 56.25%;
+    /* 16:9 */
+    padding-top: 25px;
+    height: 0;
+}
+
+.videoWrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
 }