diff options
| author | Bala Ramadurai <bala@balaramadurai.net> | 2020-12-30 10:33:31 +0300 |
|---|---|---|
| committer | Bala Ramadurai <bala@balaramadurai.net> | 2020-12-30 10:33:31 +0300 |
| commit | 87d9cdf1a5397ada9ef8784b94ec9b7da7216c48 (patch) | |
| tree | a1da319febe9d3a531ba500779e6e5ea361de9ec /layouts | |
| parent | 4effe5d6ad4db17f5a4e28fa823a83b7ed1a0a30 (diff) | |
Videos in slider
- https://github.com/balaramadurai/hugo-travelify-theme/issues/32
- removed Google Plus from the share
- introduced embed.css from
- https://www.w3docs.com/snippets/css/how-to-create-a-responsive-iframe-with-css.html
- for YouTube and Vimeo embedding
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/partials/header.html | 3 | ||||
| -rw-r--r-- | layouts/partials/share.html | 10 | ||||
| -rw-r--r-- | layouts/partials/slider.html | 102 |
3 files changed, 62 insertions, 53 deletions
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index fb302dd..dd9177d 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,5 +1,7 @@ {{ $css := resources.Get "style.css" }}
{{ $style := $css | resources.Minify }}
+{{ $embed_css := resources.Get "embed.css" }}
+{{ $embed_style := $embed_css | resources.Minify }}
<head>
<title>{{ if .IsHome }}{{ .Site.Title }} - {{ .Site.Params.site_description }} {{ else }}{{ .Title }} - {{ .Site.Title }}{{ end }} </title>
<!-- <link rel='dns-prefetch' href='//fonts.googleapis.com' /> -->
@@ -8,6 +10,7 @@ <meta name="referrer" content="no-referrer">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel='stylesheet' id='travelify_style-css' href="{{ $style.Permalink }}" type='text/css' media='all' />
+ <link rel='stylesheet' id='embed_style-css' href="{{ $embed_style.Permalink }}" type='text/css' media='all' />
<link rel='stylesheet' id='google_font_ubuntu-css' href="{{ $style.Permalink }}" type='text/css' media='all' />
<link rel="shortcut icon" href="{{ .Site.BaseURL }}/favicon.ico" type="image/x-icon">
{{ if and (and (not (eq .Site.DisqusShortname "")) (not .Params.disable_comments)) }}
diff --git a/layouts/partials/share.html b/layouts/partials/share.html index 0b54b0f..0fc8c53 100644 --- a/layouts/partials/share.html +++ b/layouts/partials/share.html @@ -25,16 +25,6 @@ {{ end }}
{{ end }}
- {{ if isset .Site.Params.share "googleplus" }}
- {{ if .Site.Params.share.googleplus }}
-
- <li class="google-plus">
- <a href="https://plus.google.com/share?url={{ .Permalink }}" title="{{ .Title }}" target="_blank">{{ .Site.Data.l10n.share.googleplus }}</a>
- </li>
-
- {{ end }}
- {{ end }}
-
{{ if isset .Site.Params.share "linkedin" }}
{{ if .Site.Params.share.linkedin }}
diff --git a/layouts/partials/slider.html b/layouts/partials/slider.html index 69ae08d..c2dc97e 100644 --- a/layouts/partials/slider.html +++ b/layouts/partials/slider.html @@ -1,51 +1,67 @@ +{{ $vids :=0 }}
+{{ $vid_search_terms := "youtube|vimeo|dailymotion" }}
{{ if isset .Site.Params "slider" }}
{{ if .Site.Params.slider.enable }}
<section class="featured-slider">
<div class="slider-cycle">
- {{ if .Site.Data.slider }}
- {{ if gt (len .Site.Data.slider) 0 }}
- {{ range $index, $slide := .Site.Data.slider }}
- {{ if and (isset $slide "banner") (not (eq .banner "")) }}
- <div class="slides {{ if eq $index 0 }} displayblock {{ else }} displaynone {{ end }}">
- <figure>
- <a href="{{ .url }}" title="{{ .Title }}">
- <img src="{{ .banner | absURL }}" class="pngfix wp-post-image" alt="{{ .Title }}" title="{{ .Title }}">
- </a>
- </figure>
- <article class="featured-text">
- <div class="featured-title">
- <a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a>
- </div><!-- .featured-title -->
- <div class="featured-content">{{ printf "%s" .Summary | markdownify }}
- </div><!-- .featured-content -->
- </article><!-- .featured-text -->
- </div><!-- .slides -->
- {{ end }}
- {{ end }}
- {{ end }}
- {{ end }}
-
- {{ if and (isset .Site.Params.slider "manual") (.Site.Params.slider.manual) }}
- {{ range $index, $page := .Site.Pages.ByParam "slider" }}
- {{ if and (isset .Params "banner") (not (eq .Params.banner "")) }}
- {{ if and (isset .Params "slider") (.Params.slider) }}
- <div class="slides {{ if eq $index 0 }} displayblock {{ else }} displaynone {{ end }}">
- {{ partial "single_slide" . }}
- </div><!-- .slides -->
- {{ end }}
- {{ end }}
- {{ end }}
- {{ else }}
- {{ $features := add .Site.Params.slider.num_features 1 }}
- {{ range $index, $page := first $features (where .Site.Pages "Type" "post") }}
- {{ if and (isset .Params "banner") (not (eq .Params.banner "")) }}
- <div class="slides {{ if eq $index 0 }} displayblock {{ else }} displaynone {{ end }}">
- {{ partial "single_slide" . }}
- </div><!-- .slides -->
- {{ end }}
- {{ end }}
- {{ end }}
+ {{ if .Site.Data.slider }}
+ {{ if gt (len .Site.Data.slider) 0 }}
+ {{ range $index, $slide := .Site.Data.slider }}
+ {{ if and (isset $slide "banner") (not (eq .banner "")) }}
+ <div class="slides {{ if eq $index 0 }} displayblock {{ else }} displaynone {{ end }}">
+ {{ $vids := findRE $vid_search_terms .banner }}
+ {{ if eq (len $vids) 0 }}
+ <figure>
+ <a href="{{ .url }}" title="{{ .Title }}">
+ <img src="{{ .banner | absURL }}" class="pngfix wp-post-image" alt="{{ .Title }}" title="{{ .Title }}">
+ </a>
+ </figure>
+ {{ else }}
+ <div class="wrap-element">
+ <iframe class="wrapped-iframe" src="{{ .banner }}" allowfullscreen></iframe>
+ </div>
+ {{ end }}
+ <article class="featured-text">
+ <div class="featured-title">
+ <a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a>
+ </div><!-- .featured-title -->
+ <div class="featured-content">{{ printf "%s" .Summary | markdownify }}
+ </div><!-- .featured-content -->
+ </article><!-- .featured-text -->
+ </div><!-- .slides -->
+ {{ end }}
+ {{ end }}
+ {{ end }}
+ {{ end }}
+
+ {{ if and (isset .Site.Params.slider "manual") (.Site.Params.slider.manual) }}
+ {{ range $index, $page := .Site.Pages.ByParam "slider" }}
+ {{ if and (isset .Params "banner") (not (eq .Params.banner "")) }}
+ {{ if and (isset .Params "slider") (.Params.slider) }}
+ <div class="slides {{ if eq $index 0 }} displayblock {{ else }} displaynone {{ end }}">
+ {{ $vids := findRE $vid_search_terms .banner }}
+ {{ if eq (len $vids) 0 }}
+ {{ partial "single_slide" . }}
+ {{ else }}
+ <div class="wrap-element">
+ <iframe class="wrapped-iframe" src="{{ .banner }}" allowfullscreen></iframe>
+ </div>
+ {{ end }}
+ </div><!-- .slides -->
+ {{ end }}
+ {{ end }}
+ {{ end }}
+ {{ else }}
+ {{ $features := add .Site.Params.slider.num_features 1 }}
+ {{ range $index, $page := first $features (where .Site.Pages "Type" "post") }}
+ {{ if and (isset .Params "banner") (not (eq .Params.banner "")) }}
+ <div class="slides {{ if eq $index 0 }} displayblock {{ else }} displaynone {{ end }}">
+ {{ partial "single_slide" . }}
+ </div><!-- .slides -->
+ {{ end }}
+ {{ end }}
+ {{ end }}
</div>
<nav id="controllers" class="clearfix">
</nav>
|