Merge pull request #433 from layer5io/leecalcote/comments

leecalcote/comments
layer5io · Jan 13, 2025 · 22e75b3 · 22e75b3
2 parents 0b01e00 + dfd837b
commit 22e75b3
Show file tree

Hide file tree

Showing 8 changed files with 59 additions and 13 deletions.
diff --git a/assets/scss/_videos.scss b/assets/scss/_videos.scss
@@ -17,14 +17,32 @@
   }
 
   .play-icon-path {
-    fill: white;
+    fill: #ddd;
     transition: fill 0.3s ease;
   }
 
-  .bg-gradient-overlay:hover .video-btn-wrapper {
-    background-color: #ffffff;
+  .video:hover {
+    .play-icon-path {
+      fill: #00b39f;
+    }
+    .video-btn-wrapper {
+      background-color: #ddd;
+    }
+    > .card-title {
+      color: $white;
+    }
+    > .card-text {
+      color: $casper;
+    }
   }
-
-  .bg-gradient-overlay:hover .play-icon-path {
-    fill: #00b39f;
+
+  .video > .card-title {
+    font-weight: bold;
+    color: $casper;
   }
+  .video > .card-text {
+    color: $lightslategray;
+    font-size: .9rem;
+    margin-top: .5rem;
+    font-style: italic;
+  }
diff --git a/content/en/kanvas/designer/comments/_index.md b/content/en/kanvas/designer/comments/_index.md
@@ -4,7 +4,8 @@ description: >
   Learn how to leverage comments in Kanvas's Designer Mode to enhance collaboration and streamline design reviews.
 weight: 3
 categories: [Designer]
-tags: [designs, collaboration, review]
+tags: [designs, collaboration, review, comments]
+format: [video]
 aliases:
   - /meshmap/designer/comments
 ---

diff --git a/content/en/videos/getting-started/comments/adding-comments.md b/content/en/videos/getting-started/comments/adding-comments.md
@@ -7,6 +7,9 @@ videoType: youtube  # or "local"
 muted: true  # optional
 autoplay: true  # optional
 loop: true #optional
+categories: [Designer]
+formats: [video]
+tags: [review, collaboration, comments]
 ---
 
 {{< youtube bb6J--aApk8 >}}
diff --git a/layouts/docs/list.html b/layouts/docs/list.html
@@ -17,7 +17,9 @@ <h1>{{ .Title }}</h1>
 	{{ if (.Site.Config.Services.Disqus.Shortname) -}}
 	<br />
 	{{- partial "disqus-comment.html" . -}}
-	{{ end -}}{{ partial "pager.html" . }}
+	{{ end -}}
+	{{ partial "video-section-related.html" . -}}
+	{{ partial "pager.html" . }}
 	{{ partial "page-meta-lastmod.html" . -}}
 	{{ partial "recent-discussions.html" . -}}
 </div>

diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
@@ -27,6 +27,9 @@
                       <li class="nav-item">
                         <a id="kanvas" class="nav-link" href="/kanvas/"> Kanvas</a>
                       </li>
+                      <li class="nav-item">
+                        <a id="videos" class="nav-link" href="/videos"> Videos</a>
+                      </li>
                     </div>
                     <div class="d-flex ms-auto">
 

diff --git a/layouts/partials/video-section-index.html b/layouts/partials/video-section-index.html
@@ -27,7 +27,7 @@
               {{ 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  p-1">
+                <div class="video 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" }}
@@ -62,9 +62,9 @@
                         {{ end }}
                     </div>
 
-                    <div class="card-body">
-                        <h5 class="card-title">{{ .Title }}</h5>
-                        <p class="card-text" style="margin-top: .5rem;">{{ .Description }}</p>
+                    <div class="video card-body">
+                        <h5 class="video card-title">{{ .Title }}</h5>
+                        <p class="video card-text">{{ .Description }}</p>
                     </div>
                 </div>
             <!-- </div> -->

diff --git a/layouts/partials/video-section-related.html b/layouts/partials/video-section-related.html
@@ -0,0 +1,19 @@
+<div class="section-index">
+    {{ $page := .Page -}}
+
+    {{ $pages := (where .Site.Pages ".Params.video_id" "!=" nil)  -}}
+
+    {{ if or $page.Params.no_list (eq (len $pages) 0) -}}
+
+    <hr class="panel-line">
+        {{ range $pages -}}
+            {{ $manualLink := cond (isset .Params "manuallink") .Params.manualLink ( cond (isset .Params "manuallinkrelref") (relref . .Params.manualLinkRelref) .RelPermalink) -}}
+            <div class="entry">
+                <h5>
+                    <a href="{{ $manualLink }}"{{ with .Params.manualLinkTitle }} title="{{ . }}"{{ end }}{{ with .Params.manualLinkTarget }} target="{{ . }}"{{ if eq . "_blank" }} rel="noopener"{{ end }}{{ end }}>{{- .Title -}}</a>
+                </h5>
+                <p>{{ .Description | markdownify -}}</p>
+            </div>
+        {{ end -}}
+    {{ end -}}
+</div>
diff --git a/layouts/video/list.html b/layouts/video/list.html
@@ -2,7 +2,7 @@
 <div class="td-content">
 	<h1>{{ .Title }}</h1>
   {{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
-	<header class="article-meta{{ if or .Params.categories .Params.tags }} article-meta-bg{{ end }}">
+	<header class="article-meta{{ if or .Params.categories .Params.tags  }} article-meta-bg{{ end }}">
 		{{ partial "taxonomy_terms_article_wrapper.html" . -}}
 		{{ if (and (not .Params.hide_readingtime) (.Site.Params.ui.readingtime.enable)) -}}
 			{{ partial "reading-time.html" . -}}