libreria-astro-lefebvre 0.0.173 → 0.0.174
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -76,22 +76,36 @@ const structuredData = `<script type="application/ld+json">
|
|
|
76
76
|
{items.map((item, idx) => (
|
|
77
77
|
<div class="flex flex-col items-center p-10 bg-white">
|
|
78
78
|
{item.iframeSrc ? (
|
|
79
|
-
|
|
80
|
-
<
|
|
81
|
-
<
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
<div class="p-6 w-full flex-grow flex flex-col">
|
|
85
|
-
<div class="mt-2 flex items-center gap-2 flex-grow">
|
|
86
|
-
<div class="flex flex-col text-[#262626] h-full">
|
|
87
|
-
<p class="text-base font-inter font-normal leading-6 mb-6">{item.description}</p>
|
|
88
|
-
<p class="text-sm font-semibold">{item.author}<br />{item.positionCompany}</p>
|
|
89
|
-
</div>
|
|
79
|
+
<>
|
|
80
|
+
<div class="w-full">
|
|
81
|
+
<span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
|
|
82
|
+
<img src={item.imageSrc} alt={item.author || item.description || 'Video thumbnail'} width="400" height="225" loading="lazy" class="w-full h-full rounded-2xl p-2 transition-transform hover:scale-105 cursor-pointer"/>
|
|
83
|
+
</span>
|
|
90
84
|
</div>
|
|
91
|
-
|
|
85
|
+
{(item.description || item.author || item.positionCompany) && (
|
|
86
|
+
<div class="p-6 w-full flex-grow flex flex-col">
|
|
87
|
+
<div class="mt-2 flex items-center gap-2 flex-grow">
|
|
88
|
+
<div class="flex flex-col text-[#262626] h-full">
|
|
89
|
+
{item.description && (
|
|
90
|
+
<p class="text-base font-inter font-normal leading-6 mb-6">{item.description}</p>
|
|
91
|
+
)}
|
|
92
|
+
{(item.author || item.positionCompany) && (
|
|
93
|
+
<p class="text-sm font-semibold">
|
|
94
|
+
{item.author}
|
|
95
|
+
{item.author && item.positionCompany && <br />}
|
|
96
|
+
{item.positionCompany}
|
|
97
|
+
</p>
|
|
98
|
+
)}
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
</div>
|
|
102
|
+
)}
|
|
103
|
+
</>
|
|
92
104
|
) : (
|
|
93
|
-
|
|
94
|
-
|
|
105
|
+
<>
|
|
106
|
+
<img src={item.image} alt={item.altImage} width="250" height="100" class={`${items.length === 1 ? '!max-w-[600px]' : items.length === 2 ? '!max-w-[400px]' : '!max-w-[250px]'} w-fit`} loading="lazy" />
|
|
107
|
+
<p>{item.descriptionImage}</p>
|
|
108
|
+
</>
|
|
95
109
|
)}
|
|
96
110
|
</div>
|
|
97
111
|
))}
|