diff options
| author | Ralf Geschke <ralf@kuerbis.org> | 2020-12-20 22:21:18 +0300 |
|---|---|---|
| committer | Ralf Geschke <ralf@kuerbis.org> | 2020-12-20 22:21:18 +0300 |
| commit | d6bd3c9e40723bdeffb0b1df5807ebdcaf582081 (patch) | |
| tree | a321660b99942cce7decf8c3bfc5fafa52679fe8 /layouts | |
| parent | 223965dee43f7baa8871af8d190a21a25fdcde56 (diff) | |
Backport from Azbalac WordPress Theme, header image improvementsv0.3.0
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/partials/head.html | 4 | ||||
| -rw-r--r-- | layouts/partials/header_default.html | 10 |
2 files changed, 10 insertions, 4 deletions
diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 1567ac1..f184e7d 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -20,9 +20,7 @@ <script type="text/javascript"> - var azbalacHeaderImage = [{"url":"{{ .Site.BaseURL }}{{ .Site.Params.Theme.Header.Image }}", - "height": '{{ .Site.Params.Theme.Header.Height }}', - "width": '{{ .Site.Params.Theme.Header.Width }}'},"","",""]; + var azbalacSettingHeaderMoveTitle = '{{ .Site.Params.Theme.Header.MoveTitle }}'; </script> <script src="{{ .Site.BaseURL }}js/jquery-3.4.1.min.js"></script> <script src="{{ .Site.BaseURL }}js/functions.js"></script> diff --git a/layouts/partials/header_default.html b/layouts/partials/header_default.html index 2b6ffbb..ef1baff 100644 --- a/layouts/partials/header_default.html +++ b/layouts/partials/header_default.html @@ -53,7 +53,15 @@ <div id="site-header-above"> - {{- if .Site.Params.Theme.Header.Image -}}<a href="{{ .Site.BaseURL }}" rel="home"><img id="site-header-image" src="{{ .Site.BaseURL }}{{ .Site.Params.Theme.Header.Image }}" width="1" height="1" data-width="{{ .Site.Params.Theme.Header.Width }}" data-height="{{ .Site.Params.Theme.Header.Height }}" alt="{{ .Site.Params.Theme.Header.AltText }}"> + {{- if .Site.Params.Theme.Header.Image -}}<a href="{{ .Site.BaseURL }}" rel="home"> + <picture> + <source media="(min-width: 1200px)" srcset="{{ .Site.BaseURL }}{{ .Site.Params.Theme.Header.Image }} 1110w"> + <source media="(min-width: 992px) and (max-width: 1199.98px)" srcset="{{ .Site.BaseURL }}{{ .Site.Params.Theme.Header.Image }} 930w"> + <source media="(min-width: 768px) and (max-width: 991.98px)" srcset="{{ .Site.BaseURL }}{{ .Site.Params.Theme.Header.Image }} 690w"> + <source media="(min-width: 576px) and (max-width: 767.98px)" srcset="{{ .Site.BaseURL }}{{ .Site.Params.Theme.Header.Image }} 510w"> + <source media="(max-width: 575.98px)" srcset="{{ .Site.BaseURL }}{{ .Site.Params.Theme.Header.Image }} 476w"> + <img id="site-header-image" src="{{ .Site.BaseURL }}{{ .Site.Params.Theme.Header.Image }}" style="max-width: 100%; width: 100%"> + </picture> </a>{{- end -}} {{ if and .Site.Params.Theme.Header.TitleOnImage .Site.Params.Theme.Header.DisplayHeaderText }} |