update

Signed-off-by: GitHub <[email protected]>
layer5io · Jan 7, 2025 · 9fe5378 · 9fe5378
1 parent 74a48af
commit 9fe5378
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/content/en/videos/getting-started/_index.md b/content/en/videos/getting-started/_index.md
@@ -1,9 +1,8 @@
 ---
-title: Reviewing Designs
+title: Getting Started Videos
 description: >
-  Getting Started with Kanvas and Design Reviews
-linkTitle: Adding Comments
+  Getting started Video on Cloud and Kanvas
+linkTitle: Getting Started
 weight: 2
 videoGrid: true
----
-{{< youtube bb6J--aApk8 >}}
+---
diff --git a/content/en/videos/getting-started/comments/adding-comments.md b/content/en/videos/getting-started/comments/adding-comments.md
@@ -0,0 +1,12 @@
+---
+title: Reviewing Designs
+description: >
+  Getting Started with Kanvas and Design Reviews
+video_id: "bb6J--aApk8"
+videoType: youtube  # or "local"
+muted: true  # optional
+autoplay: true  # optional
+loop: true #optional
+---
+
+{{< youtube bb6J--aApk8 >}}
diff --git a/layouts/partials/video-section-index.html b/layouts/partials/video-section-index.html
@@ -27,8 +27,8 @@
               {{ with .Params.manualLinkTitle }} title="{{ . }}"{{ end }}
               {{ with .Params.manualLinkTarget }} target="{{ . }}"{{ if eq . "_blank" }} rel="noopener"{{ end }}{{ end }} class="col-md-4 mb-4">
             <!-- <div > -->
-                <div class="card h-100 bg-dark text-white border border-secondary shadow-lg">
-                    <div class="video-container position-relative" style="height: 250px; overflow: hidden;">
+                <div class="card h-100 bg-dark text-white border border-secondary shadow-lg  p-1">
+                    <div class="video-container position-relative" style="height: max-content; overflow: hidden;">
                         {{ if .Params.videoType }}
                             {{ if eq .Params.videoType "local" }}
                                 <video 
@@ -41,14 +41,15 @@
                                 ></video>
                             {{ else if eq .Params.videoType "youtube" }}
                                 <div class="ratio ratio-16x9 h-100">
-                                    <iframe 
+                                    <img src="https://i.ytimg.com/vi/{{ .Params.video_id }}/maxresdefault.jpg" alt="{{ .Title }}" />
+                                    <!-- <iframe 
                                         src="https://www.youtube.com/embed/{{ .Params.video_id }}" 
                                         title="{{ .Title }}" 
                                         frameborder="0" 
                                         class="w-100 h-100"
                                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                                         allowfullscreen
-                                    ></iframe>
+                                    ></iframe> -->
                                 </div>
                             {{ end }}
                             <div class="position-absolute top-0 start-0 w-100 h-100 bg-gradient-overlay"></div>
@@ -57,7 +58,7 @@
 
                     <div class="card-body">
                         <h5 class="card-title">{{ .Title }}</h5>
-                        <p class="card-text">{{ .Description }}</p>
+                        <p class="card-text" style="margin-top: .5rem;">{{ .Description }}</p>
                     </div>
                 </div>
             <!-- </div> -->