Merge pull request #1377 from gethinode/develop

Fix rendering of Cloudinary videos in Firefox

config/_default/params.toml

@@ -42,6 +42,12 @@
         host = "youtube"
 # toml-docs-end videos
 
+[dam]
+    videoCodecs = [
+        "webm/vp9",
+        "mp4/h265",
+        "mp4"
+    ]
 
 # toml-docs-start debugging
 [debugging]

exampleSite/config/_default/params.toml

@@ -64,6 +64,11 @@
 
 [dam]
     dimensions = "dimensions.yml"
+    videoCodecs = [
+        "webm/vp9",
+        "mp4/h265",
+        "mp4"
+    ]
 
 [[dam.providers]]
     name = "Cloudinary"

layouts/_default/_markup/render-codeblock-math.html

@@ -3,7 +3,7 @@
         {{ errorf "Failed to render KaTeX: %q. See %s" . $.Position }}
     {{ else }}
         {{ if $.Attributes.class }}
-            <div class="{{ $.Attributes.class }}">{{ . }}</div>
+            <div class="{{ $.Attributes.class | safeHTMLAttr }}">{{ .Value }}</div>
         {{ else }}
             {{ .Value }}
         {{ end }}

layouts/partials/assets/section-header.html

@@ -16,6 +16,7 @@
 {{- $title := .title -}}
 {{- $description := .description -}}
 {{- $content := .content -}}
+{{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}
 
 <!-- Main code -->
 {{ with $title }}<p id="{{ anchorize . }}" class="display-4 py-5{{ if and page.IsHome site.Params.home.centerHeadline }} text-center{{ end }}">{{ . }}</p>{{ end }}

layouts/partials/assets/sidebar.html

@@ -37,6 +37,9 @@
     <li class="mb-1">
         <div class="d-flex w-100 p-0 sidebar-item-group">
             <div class="text-start flex-grow-1 {{ if $current }}fw-bold{{ end }}">
+                {{- $groupTitle := $group.title -}}
+                {{ if site.Params.main.titleCase }}{{ $groupTitle = title $groupTitle }}{{ end }}
+                
                 {{ $dest := $href }}
                 {{ $target := "" }}
                 {{ if or $current (not $ref) }}
@@ -45,7 +48,7 @@
                 <a {{ with $dest }} href="{{ . }}"{{ else }}
                 data-bs-toggle="collapse" 
                 data-bs-target="#sidebar-collapse-{{ $index }}-{{ $level }}"
-                {{ end }}>{{ $group.title }}</a>
+                {{ end }}>{{ $groupTitle }}</a>
             </div>
             
             <button 

layouts/partials/assets/video.html

@@ -117,9 +117,19 @@
         {{ end }}
 
         {{ $url := printf "https://player.cloudinary.com/embed/?cloud_name=%s&public_id=%s" $account $id }}
-        {{ $params := "&controls=true" }}
-        {{ if $autoplay }}{{ $params = print $params "&autoplay=true&muted=true" }}{{ end }}
-        {{ with .options }}{{ $params = print "&" . }}{{ end }}
+        {{ $params := "" }}
+        {{ if $autoplay }}{{ $params = print $params "&player[autoplay]=true&player[muted]=true" }}{{ end }}
+
+        {{ $codecs := slice }}
+        {{ with index site.Params "dam" }}{{ with index . "videoCodecs" }}{{ $codecs = . }}{{ end }}{{ end }}
+        {{ range $k, $v := $codecs }}
+            {{ $params = printf "%s&source[source_types][%d]=%s" $params $k (urlquery $v) }}
+        {{ end }}
+        {{ if gt (len $codecs) 0 }}
+            {{ $params = print $params "&source[transformation][1][quality]=auto" }}
+        {{ end }}
+
+        {{ with .options }}{{ $params = print $params "&" . }}{{ end }}
         {{ $params = strings.TrimLeft "?&" $params }}
         {{ with $params }}{{ $url = print $url "&" . }}{{ end }}
         {{ $padding := "56.25%" }}
@@ -138,7 +148,7 @@
             {{ if not $title }}{{ $title = printf "Cloudinary video '%s'" (path.BaseName $id) }}{{ end }}
 
             <div class="video-embedded {{ $class }}" data-video-padding="{{ $padding }}">
-                <iframe src="{{ $url | safeHTMLAttr }}" title="{{ $title }}" webkitallowfullscreen mozallowfullscreen allowfullscreen>
+                <iframe src="{{ $url | safeURL }}" title="{{ $title }}" allow="autoplay; fullscreen; encrypted-media" frameborder="0">
                 </iframe>
             </div>
         {{ else }}

layouts/partials/list/featured.html

@@ -33,7 +33,10 @@
     {{- $align := .align | default "center" -}}
 
     <div class="text-{{ $align }}">
-        {{ with $page.Title }}<p class="display-4">{{ . }}</p>{{ end }}
+        {{ $title := $page.Title }}
+        {{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}
+
+        {{ with $title }}<p class="display-4">{{ . }}</p>{{ end }}
         <span class="fs-5 text-muted">{{ $page.Description }}</span>
 
         {{ if $actions }}

layouts/partials/utilities/GetSections.html

@@ -46,6 +46,8 @@
         {{- with index . "title" }}{{ $title = or . $title }}{{ end -}}
     {{- end -}}
 
+    {{ if site.Params.main.titleCase }}{{ $title = title $title }}{{ end }}
+
     {{- $thumbnail := "" -}}
     {{ if reflect.IsMap $sectionPage.Params.Thumbnail }}{{ $thumbnail = $sectionPage.Params.Thumbnail.url }}{{ else }}{{ $thumbnail = $sectionPage.Params.Thumbnail }}{{ end }}
     {{- $icon := $sectionPage.Params.Icon -}}

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@gethinode/hinode",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@gethinode/hinode",
-      "version": "0.29.0",
+      "version": "0.29.2",
       "license": "MIT",
       "dependencies": {
         "@fullhuman/postcss-purgecss": "^7.0.2",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gethinode/hinode",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
   "keywords": [
     "hugo",