Enhance video section styling and update taxonomy tags for comments

Signed-off-by: Lee Calcote <[email protected]>

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

content/en/kanvas/designer/comments/_index.md

@@ -4,7 +4,7 @@ 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

content/en/videos/getting-started/comments/adding-comments.md

@@ -9,7 +9,7 @@ autoplay: true  # optional
 loop: true #optional
 categories: [Designer]
 formats: [video]
-tags: [review, collaboration]
+tags: [review, collaboration, comments]
 ---
 
 {{< youtube bb6J--aApk8 >}}

hugo.toml

@@ -20,17 +20,16 @@ enableGitInfo = true
 [taxonomies]
 tag = "tags"
 category = "categories"
-format = "formats"
 
 [params.taxonomy]
 # set taxonomyCloud = [] to hide taxonomy clouds
-taxonomyCloud = ["tags", "categories", "format"]
+taxonomyCloud = ["tags", "categories"]
 
 # If used, must have same length as taxonomyCloud
-taxonomyCloudTitle = ["Tags", "Categories", "Formats"]
+taxonomyCloudTitle = ["Tags", "Categories"]
 
 # set taxonomyPageHeader = [] to hide taxonomies on the page headers
-taxonomyPageHeader = ["tags", "categories", "formats"]
+taxonomyPageHeader = ["tags", "categories"]
 
 
 staticDir = ['static']

layouts/_default/content.html

@@ -1,7 +1,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 .Params.formats}} 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" . -}}

layouts/docs/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 .Params.formats }} 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" . -}}
@@ -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>

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">
 

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

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>

layouts/release/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 .Params.formats}} 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" . -}}

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 .Params.formats }} 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" . -}}