<?php
/**
 * Modèle Chronologie Animé
   source: https://developer.wordpress.org/news/2024/06/13/how-to-create-an-animated-timeline-plugin/
		   https://github.com/wptrainingteam/animated-timeline-plugin
		   
    La disposition et l’apparence de la chronologie est crée avec des blocs suivants
	• Un bloc de groupe avec une classe CSS de chronologie personnalisée 
		attribuée: animated-timeline. On ajoute aussi la classe animated-timeline--circles
        pour avoir un séparateur de démarcation de forme circulaire uniquement en Front end
		en back office le séparateur reste un "t"		
		•Un bloc Colonnes avec trois colonnes imbriquées.
			• Le premier bloc colonne représente la date de l'événement. Exemple : « 2024, 2 avril »
			• Le deuxième bloc colonne représente un séparateur visuel de chronologie. 
			  le verrouillage de bloc est actif pour empêcher l'éditeur de supprimer 
			  ou de déplacer accidentellement ce bloc.
			• Le troisième bloc colonne est l'endroit où le contenu sera affiché 
			  pour chaque événement sur la chronologie.
			  
		il suffit donc de dupliquer le bloc colonnes container des trois colonnes
		pour ajouter un évènement dans la chronologie
		
	On retourne un array pour la fonction register_block_pattern() qui permet 
	d'enregistrer notre modèle de chronologie animé:
	array(
		'title'      => __( 'Animated Timeline', 'editor-custom-color-palette' ),
		'categories' =>  array( 'composition-eccp' ),
		'description' => __( 'Établir une chronologie', 'editor-custom-color-palette' ),
		'keywords' => 'timeline',
		'content' => ' le code HTML du modèle'
	)
 */
return array(

	'title'      => __( 'Animated Timeline', 'editor-custom-color-palette' ),
	'categories' => array( 'composition-eccp' ),
	'description' => __( 'Establish a timeline', 'editor-custom-color-palette' ),
	'keywords' => 'timeline', 
	'content'    => '<!-- wp:group {"tagName":"section","metadata":{"categories":["composition-eccp"],"patternName":"animated-timeline/animated-timeline","name":"Chronologie Animée"},"className":"animated-timeline","style":{"spacing":{"blockGap":"0","padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"36px","bottom":"36px"}}},"layout":{"type":"default"}} -->
<section class="wp-block-group animated-timeline animated-timeline--circles" style="margin-top:36px;margin-bottom:36px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"isStackedOnMobile":false,"metadata":{"name":"Colonnes avec bordure inférieure"},"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"32px"}},"border":{"bottom":{"color":"var:preset|color|blanc-casse-fonce","style":"solid","width":"4px"},"top":[],"right":[],"left":[]}}} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile" style="border-bottom-color:var(--wp--preset--color--blanc-casse-fonce);border-bottom-style:solid;border-bottom-width:4px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"86px","metadata":{"name":"Colonne Date"},"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"65px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-column" style="padding-top:65px;padding-bottom:0px;flex-basis:86px"><!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"fontSize":"28px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<h3 class="wp-block-heading has-text-align-right" style="margin-top:0;margin-bottom:0;font-size:28px">2024</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"right","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"5px","right":"0","bottom":"0","left":"0"}},"typography":{"fontSize":"14px"}}} -->
<p class="has-text-align-right" style="margin-top:5px;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:14px">2 Avril</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"4px","templateLock":"all","lock":{"move":true,"remove":true},"metadata":{"name":"séparateur vertical chronologie"},"style":{"spacing":{"padding":{"top":"60px","right":"0","bottom":"60px","left":"0"}}},"backgroundColor":"blanc-casse-fonce","layout":{"type":"default"}} -->
<div class="wp-block-column has-blanc-casse-fonce-background-color has-background" style="padding-top:60px;padding-right:0;padding-bottom:60px;padding-left:0;flex-basis:4px"><!-- wp:paragraph {"metadata":{"name":"Symbole de démarcation"},"style":{"typography":{"fontSize":"38px","lineHeight":"1"},"spacing":{"padding":{"top":"0","bottom":"8px","right":"0","left":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"backgroundColor":"couleur-secondaire","textColor":"couleur-secondaire"} -->
<p class="has-couleur-secondaire-color has-couleur-secondaire-background-color has-text-color has-background" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:8px;padding-left:0;font-size:38px;line-height:1"><strong>-</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","metadata":{"name":"Colonne Évènement"},"className":"timeline-content-right","style":{"spacing":{"padding":{"right":"0","left":"0","top":"68px","bottom":"48px"},"blockGap":"0px"}},"layout":{"type":"default"}} -->
<div class="wp-block-column timeline-content-right" style="padding-top:68px;padding-right:0;padding-bottom:48px;padding-left:0"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained","contentSize":"500px","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"},"padding":{"top":"0","right":"0","bottom":"10px","left":"0"}},"typography":{"fontSize":"22px"},"elements":{"link":{"color":{"text":"var:preset|color|couleur-secondaire"}}}},"textColor":"couleur-secondaire"} -->
<h3 class="wp-block-heading has-couleur-secondaire-color has-text-color has-link-color" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:10px;padding-left:0;font-size:22px">WordPress 6.5 – \'Regina\'</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<p style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:16px">Gestion des polices Google via la bibliothèque de polices, affichage des horodatages, des résumés rapides et de l\'historique des révisions via Style Book, outils d\'arrière-plan améliorés, proportions et ombres de boîte pour les dispositions et les groupes de blocs, vues de données, glisser-déposer amélioré, contrôles de liens améliorés. , de nouvelles API d\'interactivité et de liaisons de blocs, de nouveaux outils d\'apparence pour les thèmes classiques sans utiliser theme.json, des dépendances de plugin et diverses améliorations de performances et d\'accessibilité.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:image {"width":"500px","aspectRatio":"4/3","scale":"contain","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="' . esc_url( plugins_url( 'assets/images/WP-6.5-Regina.png', dirname( __FILE__ ) ) ) . '" alt="" style="aspect-ratio:4/3;object-fit:contain;width:500px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"isStackedOnMobile":false,"metadata":{"name":"Colonnes avec bordure inférieure"},"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"32px"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|blanc-casse-fonce","style":"solid","width":"4px"},"left":{"width":"0px","style":"none"}}}} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--blanc-casse-fonce);border-bottom-style:solid;border-bottom-width:4px;border-left-style:none;border-left-width:0px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"86px","metadata":{"name":"Colonne Date"},"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"65px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-column" style="padding-top:65px;padding-bottom:0px;flex-basis:86px"><!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"fontSize":"28px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<h3 class="wp-block-heading has-text-align-right" style="margin-top:0;margin-bottom:0;font-size:28px">2023</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"right","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"5px","right":"0","bottom":"0","left":"0"}},"typography":{"fontSize":"14px"}}} -->
<p class="has-text-align-right" style="margin-top:5px;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:14px"> 7 Novembre</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"4px","templateLock":"all","lock":{"move":true,"remove":true},"metadata":{"name":"séparateur vertical chronologie"},"style":{"spacing":{"padding":{"top":"60px","right":"0","bottom":"60px","left":"0"}}},"backgroundColor":"blanc-casse-fonce","layout":{"type":"default"}} -->
<div class="wp-block-column has-blanc-casse-fonce-background-color has-background" style="padding-top:60px;padding-right:0;padding-bottom:60px;padding-left:0;flex-basis:4px"><!-- wp:paragraph {"metadata":{"name":"Symbole de démarcation"},"style":{"typography":{"fontSize":"38px","lineHeight":"1"},"spacing":{"padding":{"top":"0","bottom":"8px","right":"0","left":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"backgroundColor":"couleur-primaire","textColor":"couleur-primaire"} -->
<p class="has-couleur-primaire-color has-couleur-primaire-background-color has-text-color has-background" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:8px;padding-left:0;font-size:38px;line-height:1"><strong>-</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","metadata":{"name":"Colonne Évènement"},"className":"timeline-content-right","style":{"spacing":{"padding":{"right":"0","left":"0","top":"68px","bottom":"48px"},"blockGap":"0px"}},"layout":{"type":"default"}} -->
<div class="wp-block-column timeline-content-right" style="padding-top:68px;padding-right:0;padding-bottom:48px;padding-left:0"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained","contentSize":"500px","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"},"padding":{"top":"0","right":"0","bottom":"10px","left":"0"}},"typography":{"fontSize":"22px"},"elements":{"link":{"color":{"text":"var:preset|color|couleur-primaire"}}}},"textColor":"couleur-primaire"} -->
<h3 class="wp-block-heading has-couleur-primaire-color has-text-color has-link-color" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:10px;padding-left:0;font-size:22px">WordPress 6.4 – \'Shirley\'</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<p style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:16px">Nouveau thème par défaut "Twenty Twenty-Four", améliorations de l\'écriture, palette de commandes améliorée, filtrage de motifs avancé, outils de conception de blocs étendus, fonctions de visionneuse d\'images, renommage des blocs de groupe, aperçus d\'images dans la vue Liste, exportation de modèles personnalisés sous forme de fichiers JSON, nouveaux crochets de bloc fonctionnalité et diverses améliorations de performances et d’accessibilité.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:image {"width":"500px","aspectRatio":"4/3","scale":"contain","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="' . esc_url( plugins_url( 'assets/images/WP-6.4-Shirley.png', dirname( __FILE__ ) ) ) . '" alt="" style="aspect-ratio:4/3;object-fit:contain;width:500px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"isStackedOnMobile":false,"metadata":{"name":"Colonnes avec bordure inférieure"},"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"32px"}},"border":{"bottom":{"color":"var:preset|color|blanc-casse-fonce","style":"solid","width":"4px"},"top":[],"right":[],"left":[]}}} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile" style="border-bottom-color:var(--wp--preset--color--blanc-casse-fonce);border-bottom-style:solid;border-bottom-width:4px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"86px","metadata":{"name":"Colonne Date"},"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"65px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-column" style="padding-top:65px;padding-bottom:0px;flex-basis:86px"><!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"fontSize":"28px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<h3 class="wp-block-heading has-text-align-right" style="margin-top:0;margin-bottom:0;font-size:28px">2023</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"right","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"5px","right":"0","bottom":"0","left":"0"}},"typography":{"fontSize":"14px"}}} -->
<p class="has-text-align-right" style="margin-top:5px;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:14px">8 Avril</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"4px","templateLock":"all","lock":{"move":true,"remove":true},"metadata":{"name":"séparateur vertical chronologie"},"style":{"spacing":{"padding":{"top":"60px","right":"0","bottom":"60px","left":"0"}}},"backgroundColor":"blanc-casse-fonce","layout":{"type":"default"}} -->
<div class="wp-block-column has-blanc-casse-fonce-background-color has-background" style="padding-top:60px;padding-right:0;padding-bottom:60px;padding-left:0;flex-basis:4px"><!-- wp:paragraph {"metadata":{"name":"Symbole de démarcation"},"style":{"typography":{"fontSize":"38px","lineHeight":"1"},"spacing":{"padding":{"top":"0","bottom":"8px","right":"0","left":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"backgroundColor":"vert","textColor":"vert"} -->
<p class="has-vert-color has-vert-background-color has-text-color has-background" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:8px;padding-left:0;font-size:38px;line-height:1"><strong>-</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","metadata":{"name":"Colonne Évènement"},"className":"timeline-content-right","style":{"spacing":{"padding":{"right":"0","left":"0","top":"68px","bottom":"48px"},"blockGap":"0px"}},"layout":{"type":"default"}} -->
<div class="wp-block-column timeline-content-right" style="padding-top:68px;padding-right:0;padding-bottom:48px;padding-left:0"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained","contentSize":"500px","justifyContent":"left"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"},"padding":{"top":"0","right":"0","bottom":"10px","left":"0"}},"typography":{"fontSize":"22px"},"elements":{"link":{"color":{"text":"var:preset|color|vert"}}}},"textColor":"vert"} -->
<h3 class="wp-block-heading has-vert-color has-text-color has-link-color" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:10px;padding-left:0;font-size:22px">WordPress 6.3 – \'Lionel\'</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<p style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:16px">Gestion complète du contenu via l\'éditeur de site, aperçu du thème de bloc, nouvelle section Mes modèles pour les arrangements de blocs enregistrés, gestion des préférences de modèle et d\'éditeur via la palette de commandes, outils de conception et flux de travail améliorés, nouveau bloc Notes de bas de page et détails, améliorations des performances et de l\'accessibilité. Paramètres de rapport hauteur/largeur de l\'image, édition sans distraction pour l\'éditeur de site, barre d\'outils supérieure mise à jour, vue de liste améliorée, création de modèles de modèles.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:image {"width":"500px","aspectRatio":"4/3","scale":"contain","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}}} -->
<figure class="wp-block-image size-full is-resized"><img src="' . esc_url( plugins_url( 'assets/images/WP-6.3-Lionel.png', dirname( __FILE__ ) ) ) . '" alt="" style="aspect-ratio:4/3;object-fit:contain;width:500px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></section>
<!-- /wp:group -->',

);
