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) => ( images.map((image) => (
<div class="swiper-slide h-full"> <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 && ( {image.text && (
<div class="uppercase lg:text-9xl md:text-5xl text-4xl text-white text-shadow-lg absolute font-secondary"> <div class="uppercase lg:text-9xl md:text-5xl text-4xl text-white text-shadow-lg absolute font-secondary">
{image.text} {image.text}
@ -27,7 +27,7 @@ const { images, class: className } = Astro.props;
src={image.image} src={image.image}
alt={image.text} 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"> <div class="text-sm text-white px-4 py-2 italic bg-black/50 absolute bottom-2 right-2 rounded">
{image.text_alt} {image.text_alt}
</div> </div>
@ -43,12 +43,28 @@ const { images, class: className } = Astro.props;
<!-- If we need navigation buttons --> <!-- If we need navigation buttons -->
<div class="swiper-button-prev"> <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>
<div class="swiper-button-next"> <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> </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á] tags: [Israel, Panamá]
gallery: [ 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: '' place: ''
country: 'IL' country: 'IL'
city: 'Jerusalén' 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á] tags: [Israel, Panamá]
gallery: [ 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á] tags: [Israel, Panamá]
gallery: [ 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',
}, },
] ]
--- ---