13
13
{{ $variant_class := printf "%s--%s" $base_class $variant }}
14
14
15
15
< div class ="{{ $base_class }} {{ $variant_class }} {{ if eq $variant "wide " }}row{{ end }}">
16
- {{/* Media Column (for wide variant) or Full Width Media (for grid/featured) */}}
17
- < div class ="{{ if eq $variant "wide " }}lg:col-4 md:col-12{{ end }} {{ $base_class }}__media-container {{ if and $image_param (not $video_id) (eq $show_play_icon true) }}group{{ end }}">
18
- {{ if and (eq $variant "featured") $video_id }}
19
- < div class ="mb-4 rounded ">
20
- {{ partial "youtube-lite.html" (dict "Id" $video_id) }}
21
- </ div >
22
- {{ else if $image_param }}
23
- < a href ="{{ $ctx.RelPermalink }} " class ="{{ $base_class }}__image-link ">
24
- {{ partial "image" (dict "Src" $image_param "Context" $ctx "Alt" $ctx.Title "Class" (printf "%s__image" $base_class) "Size" $image_size) }}
25
- {{ if and $show_play_icon (not $video_id) }}
26
- < div class ="{{ $base_class }}__play-icon-overlay ">
27
- < svg version ="1.1 " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 330 330 " style ="enable-background:new 0 0 330 330; " xml:space ="preserve ">
16
+ {{/* Media Column (for wide variant) or Full Width Media (for grid/featured) */}}
17
+ < div class ="{{ if eq $variant "wide " }}lg:col-4 md:col-12{{ end }} {{ $base_class }}__media-container {{ if and $image_param (not $video_id) (eq $show_play_icon true) }}group{{ end }}">
18
+ {{ if and (eq $variant "featured") $video_id }}
19
+ < div class ="mb-4 rounded ">
20
+ {{ partial "youtube-lite.html" (dict "Id" $video_id) }}
21
+ </ div >
22
+ {{ else if $image_param }}
23
+ < a href ="{{ $ctx.RelPermalink }} " class ="{{ $base_class }}__image-link ">
24
+ {{ partial "image" (dict "Src" $image_param "Context" $ctx "Alt" $ctx.Title "Class" (printf "%s__image" $base_class) "Size" $image_size) }}
25
+ {{ if and $show_play_icon (not $video_id) }}
26
+ < div class ="{{ $base_class }}__play-icon-overlay ">
27
+ < svg version ="1.1 " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 330 330 " style ="enable-background:new 0 0 330 330; " xml:space ="preserve ">
28
28
< path d ="M37.728,328.12c2.266,1.256,4.77,1.88,7.272,1.88c2.763,0,5.522-0.763,7.95-2.28l240-149.999c4.386-2.741,7.05-7.548,7.05-12.72c0-5.172-2.664-9.979-7.05-12.72L52.95,2.28c-4.625-2.891-10.453-3.043-15.222-0.4C32.959,4.524,30,9.547,30,15v300C30,320.453,32.959,325.476,37.728,328.12z "/>
29
29
</ svg >
30
- </ div >
31
- {{ end }}
32
- </ a >
33
- {{ else }}
34
- < a href ="{{ $ctx.RelPermalink }} " class ="{{ $base_class }}__image-link ">
35
- {{ partial "image" (dict "Src" $default_image_path "Alt" $ctx.Title "Class" (printf "%s__image %s__image--default" $base_class $base_class) "Size" $image_size) }}
36
- </ a >
37
- {{ end }}
38
30
</ div >
31
+ {{ end }}
32
+ </ a >
33
+ {{ else }}
34
+ < a href ="{{ $ctx.RelPermalink }} " class ="{{ $base_class }}__image-link ">
35
+ {{ partial "image" (dict "Src" $default_image_path "Alt" $ctx.Title "Class" (printf "%s__image %s__image--default" $base_class $base_class) "Size" $image_size) }}
36
+ </ a >
37
+ {{ end }}
38
+ </ div >
39
39
40
- {{/* Content Column (for wide variant) or Full Width Content (for grid/featured) */}}
41
- < div class ="{{ if eq $variant "wide " }}lg:col-8 md:col-12{{ end }} {{ $base_class }}__content-container">
42
- < h4 class ="{{ $base_class }}__title {{ if eq $variant "wide " }}mb-3 md:pt-4 lg:pt-0{{ else }}mb-3{{ end }}">
43
- < a href ="{{ $ctx.RelPermalink }} "> {{ $ctx.Title }}</ a >
44
- </ h4 >
45
- < ul class ="{{ $base_class }}__meta-list ">
46
- < li class ="{{ $base_class }}__meta-item inline-flex items-center ">
47
- {{ partial "icon.html" (dict "style" "regular" "name" "circle-user" "class" "mr-2") }}{{ partial "components/author-links.html" $ctx }}
48
- </ li >
49
- {{ if $ctx.Date }}
50
- < li class ="{{ $base_class }}__meta-item inline-flex items-center ">
51
- {{ partial "icon.html" (dict "style" "regular" "name" "calendar" "class" "mr-2") }}{{ dateFormat "2006, January 2" $ctx.Date }}
52
- </ li >
53
- {{ end }}
54
- {{ if $ctx.Params.upcoming }}
55
- < li class ="{{ $base_class }}__meta-item inline-flex items-center ">
56
- {{ partial "icon.html" (dict "style" "regular" "name" "clock" "class" "mr-2") }}{{ $ctx.Params.start_time }} - {{ $ctx.Params.end_time }} {{ $ctx.Params.time_zone }}
57
- </ li >
58
- {{ end }}
59
- </ ul >
60
- < p class ="{{ $base_class }}__description {{ if eq $variant "wide " }}mb-2{{ else }}mb-6{{ end }}"> {{ $ctx.Description }}</ p >
61
- </ div >
62
- </ div >
40
+ {{/* Content Column (for wide variant) or Full Width Content (for grid/featured) */}}
41
+ < div class ="{{ if eq $variant "wide " }}lg:col-8 md:col-12{{ end }} {{ $base_class }}__content-container">
42
+ < h4 class ="{{ $base_class }}__title {{ if eq $variant "wide " }}mb-3 md:pt-4 lg:pt-0{{ else }}mb-3{{ end }}">
43
+ < a href ="{{ $ctx.RelPermalink }} "> {{ $ctx.Title }}</ a >
44
+ </ h4 >
45
+ < ul class ="{{ $base_class }}__meta-list ">
46
+ < li class ="{{ $base_class }}__meta-item inline-flex items-center ">
47
+ {{ partial "icon.html" (dict "style" "regular" "name" "circle-user" "class" "mr-2") }}{{ partial "components/author-links.html" $ctx }}
48
+ </ li >
49
+ {{ if $ctx.Date }}
50
+ < li class ="{{ $base_class }}__meta-item inline-flex items-center ">
51
+ {{ partial "icon.html" (dict "style" "regular" "name" "calendar" "class" "mr-2") }}{{ $ctx.Date.Format " January 2, 2006" }}
52
+ </ li >
53
+ {{ end }}
54
+ {{ if $ctx.Params.upcoming }}
55
+ < li class ="{{ $base_class }}__meta-item inline-flex items-center ">
56
+ {{ partial "icon.html" (dict "style" "regular" "name" "clock" "class" "mr-2") }}{{ $ctx.Params.start_time }} - {{ $ctx.Params.end_time }} {{ $ctx.Params.time_zone }}
57
+ </ li >
58
+ {{ end }}
59
+ </ ul >
60
+ < p class ="{{ $base_class }}__description {{ if eq $variant "wide " }}mb-2{{ else }}mb-6{{ end }}"> {{ $ctx.Description }}</ p >
61
+ </ div >
62
+ </ div >
0 commit comments