diff --git a/resources/css/components/publications-grid-array.css b/resources/css/components/publications-grid-array.css index f0a1808..6800184 100644 --- a/resources/css/components/publications-grid-array.css +++ b/resources/css/components/publications-grid-array.css @@ -27,4 +27,15 @@ &__button { @apply col-span-2 flex justify-end; } + &__video-thumbnail { + @apply w-full h-auto rounded-lg col-span-2 object-cover; + aspect-ratio: 16/9; + width: 100%; + } + + &--webinaires { + &__row { + @apply grid-cols-12; + } + } } diff --git a/resources/css/pages/template-archive-publications.css b/resources/css/pages/template-archive-publications.css index 8b53f32..b1125ef 100644 --- a/resources/css/pages/template-archive-publications.css +++ b/resources/css/pages/template-archive-publications.css @@ -17,7 +17,7 @@ } &__titling { - @apply flex items-center gap-4 w-fit; + @apply flex items-center gap-4 w-fit pb-4; &__icon { @apply bg-secondary rounded-full w-8 h-8 flex items-center justify-center; img { @@ -28,10 +28,12 @@ &__title { @apply font-bold text-secondary text-xl; } + &__subtitle { + @apply font-bold text-secondary text-base pb-2; + } } &__comment { - @apply pt-4 max-w-3xl pr-6 text-secondary; - + @apply max-w-3xl pr-6 text-secondary; line-height: 1.6; } @@ -41,6 +43,28 @@ max-width: 200px; /* transform: scale(2) translate(-50%, -20%); */ } + &__thumbnail-cover { + position: relative; + + img { + @apply rounded-2xl object-cover; + aspect-ratio: 16/9; + max-width: 400px; + } + &:before { + content: ''; + @apply bg-neutral-900 + inset-0 + z-30 + absolute + w-full h-full + opacity-30 + rounded-2xl; + content: ''; + + /* @apply absolute inset-0 bg-gradient-to-t from-secondary to-transparent; */ + } + } .cta { @apply mt-8; } diff --git a/template-publications.php b/template-publications.php index fbb9940..f99f98c 100644 --- a/template-publications.php +++ b/template-publications.php @@ -4,7 +4,6 @@ $current_page_id = get_queried_object_id(); $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null; - $posts_per_page = 5; // #### BROCHURES QUERY @@ -39,22 +38,9 @@ $fichesInfosPosts = new WP_Query($args); // #### VIDÉOS & WEBINAIRES QUERY -$args = array( - 'post_type' => 'fiches-infos', - 'posts_per_page' => $posts_per_page, - 'post_status' => 'publish', - 'order' => 'DESC', - 'orderby' => 'date', - 'meta_key' => 'brochure_pdf', - 'meta_value' => '', - 'meta_compare' => '!=', - // ICI METAQUERY FOR LE PDF -); -$fichesInfosPosts = new WP_Query($args); - -$total_posts_found = $brochuresPosts->found_posts + $fichesInfosPosts->found_posts + 100; - +$videosWebinairesDatas = get_field('videos_webinaires', $current_page_id)['videos_webinaires_datas'] ?? null; +$total_posts_found = $brochuresPosts->found_posts + $fichesInfosPosts->found_posts + count($videosWebinairesDatas); ?>
Phasellus elit turpis, viverra id porta gravida
name ?>
- - - - - + +name ?>
+ + + + + + + + +