caperren/caperren-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More website content updates #10

Merged
caperren merged 20 commits from website-content-updates into main 2025-12-05 10:00:14 +00:00
Conversation 0 Commits 20 Files Changed 129 +2 -4
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 68b6d7f785 - Show all commits

6
src/components/CustomCarousel/CustomCarousel.astro
View File

@@ -21,7 +21,7 @@ const groupToShow: carouselGroup = Astro.props.carouselGroup;
<button type="button" <button type="button"
class="z-100 text-caperren-green bg-transparent ring-2 ring-caperren-green-dark hover:ring-caperren-green-light hover:text-caperren-green-light rounded-lg text-sm size-8 ms-auto inline-flex justify-center items-center" class="z-100 text-caperren-green bg-transparent ring-2 ring-caperren-green-dark hover:ring-caperren-green-light hover:text-caperren-green-light rounded-lg text-sm size-8 ms-auto inline-flex justify-center items-center"
data-custom-carousel-modal-hide> data-custom-carousel-modal-hide>
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 14 14"> viewBox="0 0 14 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/> d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
@@ -40,7 +40,7 @@ const groupToShow: carouselGroup = Astro.props.carouselGroup;
<div class="relative overflow-hidden w-full h-56 md:h-120"> <div class="relative overflow-hidden w-full h-56 md:h-120">
{ {
groupToShow.images.map((image, index) => ( groupToShow.images.map((image, index) => (
<div class="hidden duration-700 ease-in-out" data-custom-carousel-item={index}> <div class="hidden duration-1500 ease-in-out" data-custom-carousel-item={index}>
<Image src={image} <Image src={image}
class="absolute inset-0 m-auto h-full w-auto max-h-full max-w-full object-contain" class="absolute inset-0 m-auto h-full w-auto max-h-full max-w-full object-contain"
alt="..." alt="..."
@@ -75,7 +75,6 @@ const groupToShow: carouselGroup = Astro.props.carouselGroup;
class="h-4 w-4 text-caperren-green group-hover:text-caperren-green-light" class="h-4 w-4 text-caperren-green group-hover:text-caperren-green-light"
aria-hidden="true" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 6 10" viewBox="0 0 6 10"
> >
<path <path
@@ -99,7 +98,6 @@ const groupToShow: carouselGroup = Astro.props.carouselGroup;
class="h-4 w-4 text-caperren-green group-hover:text-caperren-green-light " class="h-4 w-4 text-caperren-green group-hover:text-caperren-green-light "
aria-hidden="true" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 6 10" viewBox="0 0 6 10"
> >
<path <path