feat: add news articles and update CarouselSection component

This commit is contained in:
Esteban Paz 2026-05-09 13:15:22 -05:00
parent 7b60700832
commit 498a4be75a
4 changed files with 26 additions and 10 deletions

View File

@ -16,7 +16,7 @@ const { images, class: className } = Astro.props;
{
images.map((image) => (
<div class="swiper-slide h-full">
<div class="flex! h-full flex-col items-center justify-center relative">
<div class="flex! h-full flex-col items-center justify-center relative">
{image.text && (
<div class="uppercase lg:text-9xl md:text-5xl text-4xl text-white text-shadow-lg absolute font-secondary">
{image.text}
@ -27,7 +27,7 @@ const { images, class: className } = Astro.props;
src={image.image}
alt={image.text}
/>
{image.text_alt && (
{image.text_alt && (
<div class="text-sm text-white px-4 py-2 italic bg-black/50 absolute bottom-2 right-2 rounded">
{image.text_alt}
</div>
@ -43,12 +43,28 @@ const { images, class: className } = Astro.props;
<!-- If we need navigation buttons -->
<div class="swiper-button-prev">
{isHebrew && <Icon name="ph:arrow-circle-right-thin" class="text-white" />}
{!isHebrew && <Icon name="ph:arrow-circle-left-thin" class="text-white" />}
{
isHebrew && (
<Icon name="ph:arrow-circle-right-thin" class="text-white" />
)
}
{
!isHebrew && (
<Icon name="ph:arrow-circle-left-thin" class="text-white" />
)
}
</div>
<div class="swiper-button-next">
{isHebrew && <Icon name="ph:arrow-circle-left-thin" class="text-white" />}
{!isHebrew && <Icon name="ph:arrow-circle-right-thin" class="text-white" />}
{
isHebrew && (
<Icon name="ph:arrow-circle-left-thin" class="text-white" />
)
}
{
!isHebrew && (
<Icon name="ph:arrow-circle-right-thin" class="text-white" />
)
}
</div>
</div>
</div>

View File

@ -10,7 +10,7 @@ thumbnail: 'https://ik.imagekit.io/crpy/tr:w-1280,h-1280,cm-pad_resize,bg-blurre
tags: [Israel, Panamá]
gallery: [
{
image: 'https://ik.imagekit.io/crpy/tr:w-1280,h-900,cm-pad_resize,bg-blurred/photo_2025-08-06_18-57-55.jpg',
image: 'https://ik.imagekit.io/crpy/tr:w-1920,h-1280,cm-pad_resize,bg-blurred/photo_2025-08-06_18-57-55.webp',
},
]
---

View File

@ -6,11 +6,11 @@ slug: 2025-07-06-alianza-estrategica-en-jerusalen-el-embajador-de-panama-respald
place: ''
country: 'IL'
city: 'Jerusalén'
thumbnail: 'https://ik.imagekit.io/crpy/tr:w-1280,h-1280,cm-pad_resize,bg-blurred/photo_2025-08-06_18-57-55.jpg'
thumbnail: 'https://ik.imagekit.io/crpy/tr:w-1280,h-900,cm-pad_resize,bg-blurred/photo_2025-08-06_18-57-55.webp'
tags: [Israel, Panamá]
gallery: [
{
image: 'https://ik.imagekit.io/crpy/tr:w-1280,h-900,cm-pad_resize,bg-blurred/photo_2025-08-06_18-57-55.jpg',
image: 'https://ik.imagekit.io/crpy/tr:w-1920,h-1280,cm-pad_resize,bg-blurred/photo_2025-08-06_18-57-55.webp',
},
]
---

View File

@ -10,7 +10,7 @@ thumbnail: 'https://ik.imagekit.io/crpy/tr:w-1280,h-1280,cm-pad_resize,bg-blurre
tags: [Israel, Panamá]
gallery: [
{
image: 'https://ik.imagekit.io/crpy/tr:w-1280,h-900,cm-pad_resize,bg-blurred/photo_2025-08-06_18-57-55.jpg',
image: 'https://ik.imagekit.io/crpy/tr:w-1920,h-1280,cm-pad_resize,bg-blurred/photo_2025-08-06_18-57-55.webp',
},
]
---