Compare commits

..

5 Commits

Author SHA1 Message Date
bc393a3ca3 FIX correction de la couleur de fond et nettoyage du contenu dans chapter-section
All checks were successful
continuous-integration/drone/push Build is passing
2025-06-04 09:56:37 +02:00
0757a109a2 UPLOADING asset 2025-06-04 09:55:57 +02:00
78c1ac8cf6 ENQUEUING cahop js in dynamiques 2025-06-04 09:55:48 +02:00
41f20e9f19 FEATURE Refining page by trigggering do_blocks 2025-06-04 09:55:02 +02:00
f36464292b FIX fixing transparency problem due to bg-gray in html 2025-06-04 09:54:32 +02:00
5 changed files with 149 additions and 60 deletions

View File

@ -1,41 +1,58 @@
<?php get_header(); ?>
<?php get_template_part('template-parts/page-header', null, array(
'title' => 'Revues',
'subtitle' => 'Plongez dans les archives vivantes de lhistoire sociale',
'description' => 'Explorez tous les numéros de la revue Dynamiques, le fruit dun dialogue entre mémoires populaires, engagements militants et recherches critiques.
Chaque parution propose un dossier thématique nourri de contributions plurielles : articles, témoignages, entretiens, regards croisés…',
'cover' => array(
'url' => get_stylesheet_directory_uri() . '/resources/img/covers/carhop-revues-page-thumbnail.svg',
'alt' => 'Revues'
)
)); ?>
<?php get_template_part('template-parts/revues/revues-grid'); ?>
<?php
// Rendre Un bloc acf/lightbox-gallery avec les photos du chantier
// $block_content = '<!-- wp:acf/lightbox-gallery {"data":{"gallery":' . json_encode($pictures) . '}} /-->';
$block_content = '<!-- wp:dynamiques-blocks/explore-tags /-->';
echo do_blocks($block_content);
?>
<?php get_template_part('template-parts/components/chapter-section', null, array(
'subtitle' => __('Prochainement', 'dynamiques'),
'title' => __('Un regard en avant sur les publications à venir', 'dynamiques'),
'content' => __('Découvrez les prochaines parutions de la revue Dynamiques : dossiers en préparation, appels à contributions en cours, avant-goûts des articles à paraître, et coulisses éditoriales. Cette page dédiée vous plonge dans les futurs numéros en construction. Restez informé·e, soyez parmi les premier·ères à lire, partager… ou contribuer.', 'dynamiques'),
'cta' => __('Voir les publications à venir', 'dynamiques'),
'cover' => array(
'url' => get_stylesheet_directory_uri() . '/resources/img/covers/carhop-revues-page-thumbnail.svg',
'alt' => 'Revues'
),
'cover_size' => 'medium'
)); ?>
<?php
get_footer();
<?php get_header(); ?>
<?php get_template_part('template-parts/page-header', null, array(
'title' => 'Revues',
'subtitle' => 'Plongez dans les archives vivantes de lhistoire sociale',
'description' => 'Explorez tous les numéros de la revue Dynamiques, le fruit dun dialogue entre mémoires populaires, engagements militants et recherches critiques.
Chaque parution propose un dossier thématique nourri de contributions plurielles : articles, témoignages, entretiens, regards croisés…',
'cover' => array(
'url' => get_stylesheet_directory_uri() . '/resources/img/covers/carhop-revues-page-thumbnail.svg',
'alt' => 'Revues'
)
)); ?>
<?php get_template_part('template-parts/revues/revues-grid'); ?>
<!-- #### EXPLORE TAGS #### -->
<?php
$block_content = '<!-- wp:dynamiques-blocks/explore-tags /-->';
echo do_blocks($block_content);
?>
<!-- #### PROCHAINEMENT #### -->
<?php get_template_part('template-parts/components/chapter-section', null, array(
'subtitle' => __('Prochainement', 'dynamiques'),
'title' => __('Un regard en avant sur les publications à venir', 'dynamiques'),
'content' => sprintf(
'<p>%s</p><p>%s</p>',
__('Découvrez les prochaines parutions de la revue Dynamiques : dossiers en préparation, appels à contributions en cours, avant-goûts des articles à paraître, et coulisses éditoriales. Cette page dédiée vous plonge dans les futurs numéros en construction.', 'dynamiques'),
__('Restez informé·e, soyez parmi les premier·ères à lire, partager… ou contribuer.', 'dynamiques')
),
'cta' => array(
'title' => __('Voir les publications à venir', 'dynamiques'),
'url' => '#',
),
'cover' => array(
'url' => get_stylesheet_directory_uri() . '/resources/img/covers/carhop-prochainement-cover.svg',
'alt' => 'Revues'
),
'cover_size' => 'medium'
)); ?>
<!-- #### INFOLETTRE #### -->
<?php
$block_content = '<!-- wp:carhop-blocks/subscribe-infolettre {"title":"Restez connectés à lhistoire sociale","className":"wp-block-carhop-blocks-subscribe-infolettre subscribe-infolettre"} -->
<!-- wp:paragraph {"placeholder":"Description","className":"subscribe-infolettre__description"} -->
<p class="subscribe-infolettre__description">Recevez les dernières actualités du CARHOP directement dans votre boîte mail. Abonnez-vous et surveillez votre boîte : un mail de confirmation vous attend !</p>
<!-- /wp:paragraph -->
<!-- /wp:carhop-blocks/subscribe-infolettre -->';
echo do_blocks($block_content);
?>
<?php
get_footer();

View File

@ -5,7 +5,7 @@
<?php do_action('tailpress_content_after'); ?>
<footer id="colophon" class="site-footer bg-gray-50 py-12" role="contentinfo">
<footer id="colophon" class="site-footer" role="contentinfo">
<?php
$current_blog_id = get_current_blog_id();

View File

@ -70,10 +70,11 @@ function dynamiques_enqueue_scripts()
if (file_exists(get_template_directory() . '/css/app.css')) {
wp_enqueue_style('parent-style', $parent_style, array(), $theme->get('Version'));
}
wp_enqueue_script_module('carhop-js', get_template_directory_uri() . '/js/app.js', array(), $theme->get('Version'));
// Enqueue child theme styles
wp_enqueue_style('tailpress', dynamiques_asset('css/app.css'), array('parent-style'), $theme->get('Version'));
wp_enqueue_script('tailpress', dynamiques_asset('js/app.js'), array(), $theme->get('Version'));
wp_enqueue_style('carhop-main-css', dynamiques_asset('css/app.css'), array('parent-style'), $theme->get('Version'));
wp_enqueue_script('carhop-main-js', dynamiques_asset('js/app.js'), array(), $theme->get('Version'));
}

View File

@ -0,0 +1,78 @@
<svg width="435" height="442" viewBox="0 0 435 442" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M357 186H209V424H357V186Z" fill="#EC7AB0"/>
<path d="M290 129H142V367H290V129Z" fill="#AE2154"/>
<path d="M145.145 105C160.121 105 172.289 117.335 172.289 132.584C172.289 147.833 160.121 160.169 145.145 160.169C130.168 160.169 118 147.833 118 132.584C118 117.335 130.168 105 145.145 105Z" fill="white" stroke="white" stroke-width="2"/>
<g clip-path="url(#clip0_426_9869)">
<path d="M153.34 132.75H137" stroke="#136F63" stroke-width="2"/>
<path d="M142.969 142.77L153.339 132.74L142.969 122.72" stroke="#136F63" stroke-width="2"/>
</g>
<g filter="url(#filter0_d_426_9869)">
<rect width="152.168" height="153.146" transform="matrix(-0.996845 -0.0793702 -0.0793702 0.996845 432.844 14.0776)" fill="#FBE8F2"/>
<rect x="-6.45729" y="5.50485" width="140.168" height="141.146" transform="matrix(-0.996845 -0.0793702 -0.0793702 0.996845 420.386 13.5825)" stroke="white" stroke-width="12"/>
</g>
<g filter="url(#filter1_d_426_9869)">
<rect width="140.951" height="139.274" transform="matrix(-0.994221 0.107354 0.107354 0.994221 143.137 286)" fill="#FBE8F2"/>
<rect x="-5.3212" y="6.60945" width="128.951" height="127.274" transform="matrix(-0.994221 0.107354 0.107354 0.994221 131.816 286.609)" stroke="white" stroke-width="12"/>
</g>
<rect x="67" y="76" width="36.9773" height="36.9773" fill="white"/>
<rect x="53" y="153" width="36.9773" height="36.9773" fill="white"/>
<rect x="170" y="47" width="36.9773" height="36.9773" fill="white"/>
<rect y="18" width="36.9773" height="36.9773" fill="white"/>
<g clip-path="url(#clip1_426_9869)">
<path d="M64.0234 180.877H69.347L81.0124 169.451V159.143L64.0234 175.789V180.877Z" stroke="#136F63" stroke-width="2"/>
<path d="M60.8516 183.982L68.6822 176.313" stroke="#136F63" stroke-width="2"/>
</g>
<g clip-path="url(#clip2_426_9869)">
<path d="M18.0259 47.6947C24.3893 47.6947 29.5478 42.4596 29.5478 36.0017C29.5478 29.5438 24.3893 24.3086 18.0259 24.3086C11.6625 24.3086 6.50391 29.5438 6.50391 36.0017C6.50391 42.4596 11.6625 47.6947 18.0259 47.6947Z" stroke="#136F63" stroke-width="2"/>
<path d="M18.027 32.2307L14.0898 36.2263L18.027 40.222L21.9642 36.2263L18.027 32.2307Z" stroke="#136F63" stroke-width="2"/>
</g>
<g clip-path="url(#clip3_426_9869)">
<path d="M76.7695 83.9143H90.4754L94.2047 87.5878V105.063H76.7695V83.9143Z" stroke="#136F63" stroke-width="2"/>
</g>
<g clip-path="url(#clip4_426_9869)">
<path d="M189.18 55.3198V75.6573" stroke="#136F63" stroke-width="2"/>
<path d="M184.387 59.1311V71.8408" stroke="#136F63" stroke-width="2"/>
<path d="M178.852 63.0957V67.8816" stroke="#136F63" stroke-width="2"/>
<path d="M194.438 59.1311V71.8408" stroke="#136F63" stroke-width="2"/>
<path d="M199.977 63.0957V67.8816" stroke="#136F63" stroke-width="2"/>
</g>
<defs>
<filter id="filter0_d_426_9869" x="267" y="0" width="167.844" height="168.74" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_426_9869"/>
<feOffset/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.435294 0 0 0 0 0.388235 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_426_9869"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_426_9869" result="shape"/>
</filter>
<filter id="filter1_d_426_9869" x="1" y="284" width="159.09" height="157.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_426_9869"/>
<feOffset/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.435294 0 0 0 0 0.388235 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_426_9869"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_426_9869" result="shape"/>
</filter>
<clipPath id="clip0_426_9869">
<rect width="17.78" height="21.49" fill="white" transform="translate(137 122)"/>
</clipPath>
<clipPath id="clip1_426_9869">
<rect width="21.2619" height="26.8085" fill="white" transform="translate(60.3945 157.622)"/>
</clipPath>
<clipPath id="clip2_426_9869">
<rect width="24.9597" height="24.9597" fill="white" transform="translate(5.54688 23.5464)"/>
</clipPath>
<clipPath id="clip3_426_9869">
<rect width="18.4886" height="22.1864" fill="white" transform="translate(76.2422 83.3955)"/>
</clipPath>
<clipPath id="clip4_426_9869">
<rect width="22.1864" height="20.3375" fill="white" transform="translate(178.32 55.3198)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@ -18,7 +18,7 @@ $cover_size = $args['cover_size'];
preserveAspectRatio="none">
<path
d="M1302 0L0 15.8281V654L1302 642.633L1302 0Z"
fill="#136F63" />
fill="#fbe8f2" />
</svg>
<div class="chapter-section__content">
@ -32,24 +32,17 @@ $cover_size = $args['cover_size'];
<?php endif; ?>
<?php if ($content) : ?>
<p class="chapter-section__title"><?php echo $content; ?></p>
<?php echo $content; ?>
<?php endif; ?>
<?php if ($cta) : ?>
<?php $block_content = '<!-- wp:carhop-blocks/cta {"text":"' . $cta['title'] . '","color":"#136F63","link":{"url":"' . $cta['url'] . '","title":"Test Link"}} /-->'; ?>
<?php echo do_blocks($block_content); ?>
<?php endif; ?>
<a href="https://televie.be/agir/faire-un-don/" class="wp-block-carhop-blocks-cta align--left" style="color:#136F63;--cta-current-color:#136F63">salut le test<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" id="carhop-fleche-lien-externe-full_svg__fleche-lien-externe-full" viewBox="0 0 32 32" style="--cta-current-color:#136F63">
<defs>
<style>
.carhop-fleche-lien-externe-full_svg__cls-1 {
fill: none;
stroke: #000;
stroke-width: 2px
}
</style>
</defs>
<path d="m21.15 10.59-9.38 10.02M21.15 21.4V10.59H10.83" class="carhop-fleche-lien-externe-full_svg__cls-1"></path>
<circle cx="16" cy="16" r="15" class="carhop-fleche-lien-externe-full_svg__cls-1"></circle>
</svg></div></a>
</div>
</div>
<img decoding="async" class="chapter-section__cover chapter-section__cover--<?php echo $cover_size ?>" src="http://dynamiques.carhop.local/wp-content/uploads/sites/2/2025/05/carhop-soutenir-green.svg" alt="">
<img decoding="async" class="chapter-section__cover chapter-section__cover--large" src="<?php echo $cover['url']; ?>" alt="<?php echo $cover['alt']; ?>">
</section>