kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[bug fix]summary_image front matter 

#202
This commit is contained in:
zzossig 2020-02-27 09:15:06 +09:00
parent 4e3ecf46f2
commit dd385cd1d2
3 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/sass/components/_summary.scss
View File

@ -145,16 +145,16 @@
@include animation('slide-in-left .2s .6s 1 ease-in both');
}
&[data-hwm="true"] {
@media only screen and (max-width: 600px) {
display: none;
}
}
&-container {
border-radius: 0.25rem;
padding: 0.25rem;
&[data-hwm="true"] {
@media only screen and (max-width: 600px) {
display: none;
}
}
&[data-position="left"] {
margin-left: .5rem;
}

2
exampleSite/resources/_gen/assets/scss/sass/main.scss_b4f67ac5085b89b62b54c1923e5a9145.content
View File

File diff suppressed because one or more lines are too long

20
layouts/partials/summary/classic.html
View File

@ -1,14 +1,14 @@
<article class="summary-classic" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}">
<div class="summary-classic__flex-box" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ end }}>
{{ if and ($.Param "featured_image") (eq ($.Param "sidebarPosition") "right") }}
<div class="summary-classic__image-container summary-classic__image-wrapper{{ if ($.Param "summary_image") }}2{{ end }}" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ else }}data-position="right"{{ end }}>
{{ if and (or ($.Param "featured_image") ($.Param "summary_image")) (eq ($.Param "sidebarPosition") "right") }}
<div class="summary-classic__image-container summary-classic__image-wrapper{{ if ($.Param "summary_image") }}2{{ end }}" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ else }}data-position="right"{{ end }} data-hwm="{{ with $.Param "summary_image" }}{{ .hwm }}{{ end }}">
<a href="{{ .Permalink }}">
<img data-src="{{ if $.Param "summary_image" }}{{ with $.Param "summary_image" }}{{ .src | relURL }}{{ end }}{{ else }}{{ (print "images/" ($.Param "featured_image")) | relURL }}{{ end }}" alt="{{ $.Param "title" }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23aaa' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-4.44-6.19l-2.35 3.02-1.56-1.88c-.2-.25-.58-.24-.78.01l-1.74 2.23c-.26.33-.02.81.39.81h8.98c.41 0 .65-.47.4-.8l-2.55-3.39c-.19-.26-.59-.26-.79 0z'/%3E%3C/svg%3E" class="lazyload summary-classic__image" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}" data-hwm="{{ with $.Param "summary_image" }}{{ .hwm }}{{ end }}" style="{{ with $.Param "summary_image" }}height: {{ .height }};max-width: {{ .maxWidth }};object-fit: {{ .objectFit }};{{ end }}"/>
</a>
</div>
{{ else if and ($.Param "image") (eq ($.Param "sidebarPosition") "right") }}
<div class="summary-classic__image-container summary-classic__image-wrapper{{ if ($.Param "summary_image") }}2{{ end }}" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ else }}data-position="right"{{ end }}>
{{ else if and (or ($.Param "image") ($.Param "summary_image")) (eq ($.Param "sidebarPosition") "right") }}
<div class="summary-classic__image-container summary-classic__image-wrapper{{ if ($.Param "summary_image") }}2{{ end }}" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ else }}data-position="right"{{ end }} data-hwm="{{ with $.Param "summary_image" }}{{ .hwm }}{{ end }}">
<a href="{{ .Permalink }}">
<img data-src="{{ if $.Param "summary_image" }}{{ with $.Param "summary_image" }}{{ .src | relURL }}{{ end }}{{ else }}{{ $.Param "image" | relURL }}{{ end }}" alt="{{ $.Param "title" }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23aaa' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-4.44-6.19l-2.35 3.02-1.56-1.88c-.2-.25-.58-.24-.78.01l-1.74 2.23c-.26.33-.02.81.39.81h8.98c.41 0 .65-.47.4-.8l-2.55-3.39c-.19-.26-.59-.26-.79 0z'/%3E%3C/svg%3E" class="lazyload summary-classic__image" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}" data-hwm="{{ with $.Param "summary_image" }}{{ .hwm }}{{ end }}" style="{{ with $.Param "summary_image" }}height: {{ .height }};max-width: {{ .maxWidth }};object-fit: {{ .objectFit }};{{ end }}"/>
</a>
@ -31,16 +31,16 @@
</div>
</div>
{{ if and ($.Param "featured_image") (eq ($.Param "sidebarPosition") "left") }}
<div class="summary-classic__image-container summary-classic__image-wrapper{{ if ($.Param "summary_image") }}2{{ end }}" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ else }}data-position="right"{{ end }}>
{{ if and (or ($.Param "featured_image") ($.Param "summary_image")) (eq ($.Param "sidebarPosition") "left") }}
<div class="summary-classic__image-container summary-classic__image-wrapper{{ if ($.Param "summary_image") }}2{{ end }}" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ else }}data-position="right"{{ end }} data-hwm="{{ with $.Param "summary_image" }}{{ .hwm }}{{ end }}">
<a href="{{ .Permalink }}">
<img data-src="{{ if $.Param "summary_image" }}{{ with $.Param "summary_image" }}{{ .src | relURL }}{{ end }}{{ else }}{{ (print "images/" ($.Param "featured_image")) | relURL }}{{ end }}" alt="{{ $.Param "title" }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23aaa' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-4.44-6.19l-2.35 3.02-1.56-1.88c-.2-.25-.58-.24-.78.01l-1.74 2.23c-.26.33-.02.81.39.81h8.98c.41 0 .65-.47.4-.8l-2.55-3.39c-.19-.26-.59-.26-.79 0z'/%3E%3C/svg%3E" class="lazyload summary-classic__image" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}" data-hwm="{{ with $.Param "summary_image" }}{{ .hwm }}{{ end }}" style="{{ with $.Param "summary_image" }}height: {{ .height }};max-width: {{ .maxWidth }};object-fit: {{ .objectFit }};{{ end }}"/>
<img data-src="{{ if $.Param "summary_image" }}{{ with $.Param "summary_image" }}{{ .src | relURL }}{{ end }}{{ else }}{{ (print "images/" ($.Param "featured_image")) | relURL }}{{ end }}" alt="{{ $.Param "title" }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23aaa' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-4.44-6.19l-2.35 3.02-1.56-1.88c-.2-.25-.58-.24-.78.01l-1.74 2.23c-.26.33-.02.81.39.81h8.98c.41 0 .65-.47.4-.8l-2.55-3.39c-.19-.26-.59-.26-.79 0z'/%3E%3C/svg%3E" class="lazyload summary-classic__image" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}" style="{{ with $.Param "summary_image" }}height: {{ .height }};max-width: {{ .maxWidth }};object-fit: {{ .objectFit }};{{ end }}"/>
</a>
</div>
{{ else if and ($.Param "image") (eq ($.Param "sidebarPosition") "left") }}
<div class="summary-classic__image-container summary-classic__image-wrapper{{ if ($.Param "summary_image") }}2{{ end }}" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ else }}data-position="right"{{ end }}>
{{ else if and (or ($.Param "image") ($.Param "summary_image")) (eq ($.Param "sidebarPosition") "left") }}
<div class="summary-classic__image-container summary-classic__image-wrapper{{ if ($.Param "summary_image") }}2{{ end }}" {{ if eq ($.Param "sidebarPosition") "left" }}data-position="left"{{ else }}data-position="right"{{ end }} data-hwm="{{ with $.Param "summary_image" }}{{ .hwm }}{{ end }}">
<a href="{{ .Permalink }}">
<img data-src="{{ if $.Param "summary_image" }}{{ with $.Param "summary_image" }}{{ .src | relURL }}{{ end }}{{ else }}{{ $.Param "image" | relURL }}{{ end }}" alt="{{ $.Param "title" }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23aaa' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-4.44-6.19l-2.35 3.02-1.56-1.88c-.2-.25-.58-.24-.78.01l-1.74 2.23c-.26.33-.02.81.39.81h8.98c.41 0 .65-.47.4-.8l-2.55-3.39c-.19-.26-.59-.26-.79 0z'/%3E%3C/svg%3E" class="lazyload summary-classic__image" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}" data-hwm="{{ with $.Param "summary_image" }}{{ .hwm }}{{ end }}" style="{{ with $.Param "summary_image" }}height: {{ .height }};max-width: {{ .maxWidth }};object-fit: {{ .objectFit }};{{ end }}"/>
<img data-src="{{ if $.Param "summary_image" }}{{ with $.Param "summary_image" }}{{ .src | relURL }}{{ end }}{{ else }}{{ $.Param "image" | relURL }}{{ end }}" alt="{{ $.Param "title" }}" src="data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath fill='%23aaa' d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-4.44-6.19l-2.35 3.02-1.56-1.88c-.2-.25-.58-.24-.78.01l-1.74 2.23c-.26.33-.02.81.39.81h8.98c.41 0 .65-.47.4-.8l-2.55-3.39c-.19-.26-.59-.26-.79 0z'/%3E%3C/svg%3E" class="lazyload summary-classic__image" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}" style="{{ with $.Param "summary_image" }}height: {{ .height }};max-width: {{ .maxWidth }};object-fit: {{ .objectFit }};{{ end }}"/>
</a>
</div>
{{ end }}