1
1
{{ $item := . }}
2
- {{ $is_legacy := eq $item.Params.active_product false }}
3
2
4
- < a href ="{{ $item.RelPermalink }} " class ="hardware-card-wide-link block p-4 rounded-lg bg-theme-light dark:bg-darkmode-theme-light shadow-md {{ if $is_legacy }}opacity-80 grayscale-[50%]{{ end }} ">
3
+ < a href ="{{ $item.RelPermalink }} " class ="hardware-card-wide-link block p-4 rounded-lg bg-theme-light dark:bg-darkmode-theme-light shadow-md ">
5
4
< div class ="flex flex-col sm:flex-row items-start gap-5 ">
6
-
5
+
7
6
{{/* Image Column */}}
8
7
< div class ="flex-shrink-0 w-full sm:w-32 md:w-40 text-center ">
9
8
{{ $image_res := "" }}
10
9
{{ with $item.Params.image }}
11
- {{ $image_res = $item.Resources.GetMatch . }}
10
+ {{ $image_res = $item.Resources.GetMatch . }}
12
11
{{ end }}
13
12
14
13
{{ if $image_res }}
15
- {{ $thumb := $image_res.Fill "160x160 Lanczos" }}
16
- < img src ="{{ $thumb.RelPermalink }} " alt ="Image of {{ $item.Title }} " class ="w-full h-auto object-cover rounded-md ">
14
+ {{ $thumb := $image_res.Fill "160x160 Lanczos" }}
15
+ < img src ="{{ $thumb.RelPermalink }} " alt ="Image of {{ $item.Title }} " class ="w-full h-auto object-cover rounded-md ">
17
16
{{ else }}
18
- < div class ="w-full h-32 bg-gray-200 dark:bg-darkmode-theme-dark flex items-center justify-center rounded-md ">
19
- < i class ="fas fa-microchip text-4xl text-gray-400 "> </ i >
20
- </ div >
17
+ < div class ="w-full h-32 bg-gray-200 dark:bg-darkmode-theme-dark flex items-center justify-center rounded-md ">
18
+ < i class ="fas fa-microchip text-4xl text-gray-400 "> </ i >
19
+ </ div >
21
20
{{ end }}
22
21
</ div >
23
22
26
25
< h3 class ="text-xl text-left font-bold text-dark dark:text-darkmode-dark mb-1 ">
27
26
{{ $item.Title }}
28
27
</ h3 >
29
-
28
+
30
29
{{/* Badges */}}
31
30
< div class ="flex flex-wrap gap-1.5 mb-3 text-xs ">
32
31
{{ with $item.Params.product }}
33
- {{ if .chip_type }}< span class ="support-badge "> {{ .chip_type }}</ span > {{ end }}
34
- {{ with .status }}
35
- {{ if .retired }}< span class ="bg-red-100 text-red-800 border-red-400 support-badge "> Retired</ span >
36
- {{ else if .released }}< span class ="bg-green-100 text-green-800 border-green-400 support-badge "> Released</ span >
37
- {{ else if .announced }}< span class ="bg-yellow-100 text-yellow-800 border-yellow-400 support-badge "> Announced</ span >
38
- {{ end }}
39
- {{ end }}
40
- {{ if .on_chip_learning }}< span class ="support-badge "> On-Chip Learning</ span > {{ end }}
32
+ {{ if .chip_type }}< span class ="support-badge "> {{ .chip_type }}</ span > {{ end }}
33
+ {{ with .status }}
34
+ {{ if .retired }}< span class ="bg-red-100 text-red-800 border-red-400 support-badge "> Retired</ span >
35
+ {{ else if .released }}< span class ="bg-green-100 text-green-800 border-green-400 support-badge "> Released</ span >
36
+ {{ else if .announced }}< span class ="bg-yellow-100 text-yellow-800 border-yellow-400 support-badge "> Announced</ span >
37
+ {{ end }}
38
+ {{ end }}
39
+ {{ if .on_chip_learning }}< span class ="support-badge "> On-Chip Learning</ span > {{ end }}
41
40
{{ end }}
42
41
</ div >
43
42
@@ -47,4 +46,4 @@ <h3 class="text-xl text-left font-bold text-dark dark:text-darkmode-dark mb-1">
47
46
</ div >
48
47
49
48
</ div >
50
- </ a >
49
+ </ a >
0 commit comments