presentation page seo, presentation page background support,

archetypes/pt.md

@@ -16,6 +16,15 @@ plugins:
 - math
 highlightTheme: monokai # monokai, zenburn
 revealTheme: beige # beige, black, blood, league, monokai, moon, night, serif, simple, sky, solarized, white
+revealBackgroundColor: "" # #fff or rgba() or hsl()
+revealBackgroundImage: "" # /images/myImage.png   <= static folder path
+revealBackgroundPosition: "" # left top, left center, left bottom, right top, right center ...
+revealBackgroundRepeat: "" # repeat, repeat-x, repeat-y, no-repeat, inherit
+revealBackgroundOpacity: "" # 0~1
+revealBackgroundVideo: "" # /videos/myVideo.mp4 <= static folder path, A single video source, or a comma separated list of video sources.
+revealBackgroundVideoLoop: false # true, false
+revealBackgroundVideoMuted: false # true, false
+revealBackgroundSize: "" # cover, contain, ...
 reveal: 
   - main:
     - sub: 

exampleSite/config/_default/config.toml

@@ -8,7 +8,6 @@ hasCJKLanguage = true
 
 summaryLength = 70
 
-googleAnalytics = ""
 copyright = "©{year}, All Rights Reserved"
 timeout = 10000
 enableEmoji = true
@@ -20,6 +19,8 @@ pygmentsCodefences = true
 pygmentsUseClasses = true
 pygmentsCodefencesGuessSyntax = true
 
+googleAnalytics = ""
+
 [outputs]
   home = ["HTML", "RSS", "JSON"]
 

exampleSite/content/pt/dir/fourth.md

@@ -11,8 +11,21 @@ categories:
 -
 featured_image: "feature1/golang.png"
 plugins:
+- highlight
 - zoom
+- notes
+- math
+highlightTheme: monokai
 revealTheme: bagie
+revealBackgroundColor: "" # #fff or rgba() or hsl()
+revealBackgroundImage: "" # /images/myImage.png   <= static folder path
+revealBackgroundPosition: "" # left top, left center, left bottom, right top, right center ...
+revealBackgroundRepeat: "" # repeat, repeat-x, repeat-y, no-repeat, inherit
+revealBackgroundOpacity: "" # 0~1
+revealBackgroundVideo: "" # /videos/myVideo.mp4 <= static folder path, A single video source, or a comma separated list of video sources.
+revealBackgroundVideoLoop: false # true, false
+revealBackgroundVideoMuted: false # true, false
+revealBackgroundSize: "" # cover, contain, ...
 reveal: 
   - main:    
     - sub: 

exampleSite/content/pt/first.md

@@ -10,6 +10,15 @@ series:
 categories:
 -
 featured_image: "feature2/owl.png"
+revealBackgroundColor: "" # #fff or rgba() or hsl()
+revealBackgroundImage: "" # /images/myImage.png   <= static folder path
+revealBackgroundPosition: "" # left top, left center, left bottom, right top, right center ...
+revealBackgroundRepeat: "" # repeat, repeat-x, repeat-y, no-repeat, inherit
+revealBackgroundOpacity: "" # 0~1
+revealBackgroundVideo: "" # /videos/myVideo.mp4 <= static folder path, A single video source, or a comma separated list of video sources.
+revealBackgroundVideoLoop: false # true, false
+revealBackgroundVideoMuted: false # true, false
+revealBackgroundSize: "" # cover, contain, ...
 reveal: 
   - main:
     - sub: 

exampleSite/content/pt/second.md

@@ -10,6 +10,15 @@ series:
 categories:
 -
 featured_image: "feature1/reindeer.png"
+revealBackgroundColor: "" # #fff or rgba() or hsl()
+revealBackgroundImage: "" # /images/myImage.png   <= static folder path
+revealBackgroundPosition: "" # left top, left center, left bottom, right top, right center ...
+revealBackgroundRepeat: "" # repeat, repeat-x, repeat-y, no-repeat, inherit
+revealBackgroundOpacity: "" # 0~1
+revealBackgroundVideo: "" # /videos/myVideo.mp4 <= static folder path, A single video source, or a comma separated list of video sources.
+revealBackgroundVideoLoop: false # true, false
+revealBackgroundVideoMuted: false # true, false
+revealBackgroundSize: "" # cover, contain, ...
 reveal: 
   - main:
     - sub: 

exampleSite/content/pt/third.md

@@ -15,6 +15,15 @@ plugins:
 - zoom
 - math
 highlightTheme: monokai
+revealBackgroundColor: "" # #fff or rgba() or hsl()
+revealBackgroundImage: "" # /images/myImage.png   <= static folder path
+revealBackgroundPosition: "" # left top, left center, left bottom, right top, right center ...
+revealBackgroundRepeat: "" # repeat, repeat-x, repeat-y, no-repeat, inherit
+revealBackgroundOpacity: "" # 0~1
+revealBackgroundVideo: "" # /videos/myVideo.mp4 <= static folder path, A single video source, or a comma separated list of video sources.
+revealBackgroundVideoLoop: false # true, false
+revealBackgroundVideoMuted: false # true, false
+revealBackgroundSize: "" # cover, contain, ...
 revealTheme: league
 reveal: 
   - main:

layouts/pt/single.html

@@ -1,8 +1,30 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.Language.Lang }}" dir="{{ $.Param "languagedir" | default "ltr" }}">
+  
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{{ block "title" . }}{{ .Title }} – {{ .Site.Title }}{{ end }}</title>
+  {{ partial "head/meta" . }}
+  {{ partial "head/meta_json_ld" . }}
+  {{ partial "head/service" . }}
+</head>
+
 <div class="reveal">
     <div class="slides">
+
+        {{ $backgroundColor := .Params.revealBackgroundColor }}
+        {{ $backgroundImage := .Params.revealBackgroundImage }}
+        {{ $backgroundPosition := .Params.revealBackgroundPosition }}
+        {{ $backgroundRepeat := .Params.revealBackgroundRepeat }}
+        {{ $backgroundOpacity := .Params.revealBackgroundOpacity }}
+        {{ $backgroundVideo := .Params.revealBackgroundVideo }}
+        {{ $backgroundVideoLoop := .Params.revealBackgroundVideoLoop }}
+        {{ $backgroundVideoMuted := .Params.revealBackgroundVideoMuted }}
+        {{ $backgroundSize := .Params.revealBackgroundSize }} 
         
         {{ range $.Params.reveal }}
-        <section>
+        <section data-background-color="{{ if $backgroundColor  }}{{ $backgroundColor }}{{ end }}" data-background-image="{{ if $backgroundImage  }}{{ $backgroundImage }}{{ end }}" data-background-position="{{ if $backgroundPosition  }}{{ $backgroundPosition }}{{ end }}" data-background-repeat="{{ if $backgroundRepeat  }}{{ $backgroundRepeat }}{{ end }}" data-background-opacity="{{ if $backgroundOpacity  }}{{ $backgroundOpacity }}{{ end }}" data-background-video="{{ if $backgroundVideo  }}{{ $backgroundVideo }}{{ end }}" data-background-video-loop="{{ if $backgroundVideoLoop  }}{{ $backgroundVideoLoop }}{{ end }}" data-background-video-muted="{{ if $backgroundVideoMuted  }}{{ $backgroundVideoMuted }}{{ end }}" data-background-size="{{ if $backgroundSize  }}{{ $backgroundSize }}{{ end }}">
           {{ range $k, $v := . }}
             
             {{ if eq $k "main" }}
@@ -38,5 +60,5 @@
         
     </div>
 </div>
-
+</html>
 {{ partial "script/pt-script" . }}

theme.toml

@@ -3,8 +3,8 @@ description = "Hugo blog theme with rich features."
 homepage = "https://github.com/zzossig/hugo-theme-zzo.git"
 license = "MIT"
 licenselink = "https://github.com/zzossig/hugo-theme-zzo/blob/master/LICENSE.md"
-tags = ["accessible", "multilingual", "responsive", "blog", "search", "simple", "light", "dark", "mobile", "gallery", "technical", "fast"]
+tags = ["accessible", "multilingual", "responsive", "blog", "search", "simple", "light", "dark", "mobile", "gallery", "technical", "fast", "presentation"]
-features = ["accessible", "multilingual", "responsive", "grid", "sass", "search", "jsonfeed", "subtheme", "gallery", "technical", "fast"]
+features = ["accessible", "multilingual", "responsive", "grid", "sass", "search", "jsonfeed", "subtheme", "gallery", "technical", "fast", "presentation"]
 min_version = "0.60.0"
 
 [author]