Merge pull request intel-analytics#21 from Oscilloscope98/rddocs-impr…

…ove2 Format videos and other small fixes
Oscilloscope98 · Oct 14, 2022 · 45371f3 · 45371f3
2 parents 2230f98 + 6f6b292
commit 45371f3
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 21 deletions.
diff --git a/docs/readthedocs/source/_static/css/custom.css b/docs/readthedocs/source/_static/css/custom.css
@@ -34,4 +34,8 @@ html[data-theme="light"] {
 .bd-content .sd-card .sd-card-header{
     background-color: var(--pst-color-info-tiny-opacity);
     border: none;
+}
+
+.bigdl-link-card:hover{
+    border-left: .2rem solid var(--pst-color-info);
 }
diff --git a/docs/readthedocs/source/doc/Nano/index.rst b/docs/readthedocs/source/doc/Nano/index.rst
@@ -30,8 +30,8 @@ BigDL-Nano
 
         +++
 
-        PyTorch :bdg-link:`Infer <./Overview/pytorch_inference.html>`:bdg-link:`Train <./Overview/pytorch_train.html>` |
-        TF2 :bdg-link:`Infer <./Overview/tensorflow_inference.html>`:bdg-link:`Train <./Overview/tensorflow_train.html>`
+        :bdg-link:`PyTorch Infer <./Overview/pytorch_inference.html>`:bdg-link:`Train <./Overview/pytorch_train.html>` |
+        :bdg-link:`TensorFlow Infer <./Overview/tensorflow_inference.html>`:bdg-link:`Train <./Overview/tensorflow_train.html>`
 
     .. grid-item-card::
 

diff --git a/docs/readthedocs/source/doc/PPML/Overview/intro.md b/docs/readthedocs/source/doc/PPML/Overview/intro.md
@@ -2,12 +2,7 @@
 
 ## 1. What is BigDL PPML?
 
-
-<div class="video-text-flex-container-v">
-    <div class="video-container">
-        <iframe src="https://user-images.githubusercontent.com/61072813/184758908-da01f8ea-8f52-4300-9736-8c5ee981d4c0.mp4" title="Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-    </div>
-</div>
+<video src="https://user-images.githubusercontent.com/61072813/184758908-da01f8ea-8f52-4300-9736-8c5ee981d4c0.mp4" width="100%" controls></video>
 
 ---
 

diff --git a/docs/readthedocs/source/doc/PPML/QuickStart/end-to-end.md b/docs/readthedocs/source/doc/PPML/QuickStart/end-to-end.md
@@ -9,13 +9,7 @@ In this section we take SimpleQuery as an example to go through the entire BigDL
   <img src="https://user-images.githubusercontent.com/61072813/178393982-929548b9-1c4e-4809-a628-10fafad69628.png" alt="data lifecycle" />
 </p>
 
-
-<div class="video-text-flex-container-v">
-    <div class="video-container">
-        <iframe src="https://user-images.githubusercontent.com/61072813/184758702-4b9809f9-50ac-425e-8def-0ea1c5bf1805.mp4" title="Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-    </div>
-</div>
-
+<video src="https://user-images.githubusercontent.com/61072813/184758702-4b9809f9-50ac-425e-8def-0ea1c5bf1805.mp4" width="100%" controls></video>
 
 ---
 
@@ -178,9 +172,4 @@ When the job is done, you can decrypt and read result of the job. More details i
 
 ## Video Demo
 
-<div class="video-text-flex-container-v">
-    <div class="video-container">
-        <iframe src="https://user-images.githubusercontent.com/61072813/184758643-821026c3-40e0-4d4c-bcd3-8a516c55fc01.mp4" title="Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-    </div>
-</div>
-
+<video src="https://user-images.githubusercontent.com/61072813/184758643-821026c3-40e0-4d4c-bcd3-8a516c55fc01.mp4" width="100%" controls></video>
diff --git a/docs/readthedocs/source/doc/UserGuide/index.rst b/docs/readthedocs/source/doc/UserGuide/index.rst
@@ -6,41 +6,49 @@ User Guide
 
     .. grid-item-card:: :fab:`python` Python User Guide
         :link: python.html
+        :class-card: bigdl-link-card
 
         Python Environment Setup Guide (Linux), applicable to Orca, Nano, DLlib, Chronos, Friesian.
 
     .. grid-item-card:: :fas:`server` Scala User Guide
         :link: scala.html
+        :class-card: bigdl-link-card
 
         Scala Environment Setup Guide (Linux), applicable to DLLib.
 
     .. grid-item-card:: :fab:`windows` Windows User Guide
         :link: win.html
+        :class-card: bigdl-link-card
 
         Use BigDL on Windows.
 
     .. grid-item-card:: :fas:`desktop` Docker User Guide
         :link: docker.html
+        :class-card: bigdl-link-card
 
         Use BigDL in docker Environment.
 
     .. grid-item-card:: :fas:`cloud-arrow-up` Colab User Guide
         :link: colab.html
+        :class-card: bigdl-link-card
 
         Use BigDL in Google Colab Environment.
 
     .. grid-item-card:: :fas:`cloud` Databricks User Guide
         :link: databricks.html
+        :class-card: bigdl-link-card
 
         Use BigDL in Databricks Environment.
 
     .. grid-item-card:: :fas:`cloud` Hadoop/YARN User Guide
         :link: hadoop.html
+        :class-card: bigdl-link-card
 
         Use BigDL in Hadoop/YARN Environment.
 
     .. grid-item-card:: :fas:`cloud` k8s User Guide
         :link: k8s.html
+        :class-card: bigdl-link-card
 
         Use BigDL in K8s Environment.