studio-variable/index-main
4
0
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions
index-main/site/plugins/beforeafter/blueprints/blocks/beforeafter.yml

24 lines
474 B
YAML
Raw Normal View History

Refactor blocks architecture to modular approach - Restore "1/2, 1/2" layout for flexible column combinations - Simplify beforeafter block: remove toggle and text field, keep only image comparison - Create new video block with URL support (YouTube/Vimeo/direct files) - Create horizontal-gallery block for scrollable image galleries - Add H4 heading level support - All blocks now modular: combine with text blocks in 2-column layouts Blocks available: - Text, Heading (h2-h4), Image, Video - Before/After comparison (no text) - Horizontal gallery (with text below) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-09 18:59:08 +01:00
name: Comparaison Avant/Après
Add before/after comparison block plugin - Create custom block plugin with Vue 3 + Composition API - Use kirbyup for building Vue SFC components - Block allows selecting two images with slider comparison UI - Preview shows images overlapped at 50% in the panel - Add beforeafter block to report blueprint - Update report template to use authors field - Change text block heading level from 4 to 3 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-09 17:21:46 +01:00
icon: images
preview: beforeafter
fields:
imageBefore:
label: Image "Avant"
type: files
multiple: false
layout: cards
query: page.images
Transform beforeafter block into generic image+text block - Add toggle (isBeforeAfter) to switch between modes - Mode simple: single image + text (2 columns layout) - Mode comparison: before/after slider + text (2 columns layout) - Remove "1/2, 1/2" layout from report blueprint (keep only "1/1") - Update Vue component with 2-column grid preview - Update PHP snippet to handle both modes - Rename block to "Image avec texte" Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-09 18:20:29 +01:00
help: Image affichée à gauche / dessous
Invert image order in beforeafter block preview - Image "before" now displays on top (left side, clipped at 50%) - Image "after" displays below (visible on right side) - Update text block to support bullet lists - Add heading fieldset to report blueprint Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-09 17:36:21 +01:00
width: 1/2
Add before/after comparison block plugin - Create custom block plugin with Vue 3 + Composition API - Use kirbyup for building Vue SFC components - Block allows selecting two images with slider comparison UI - Preview shows images overlapped at 50% in the panel - Add beforeafter block to report blueprint - Update report template to use authors field - Change text block heading level from 4 to 3 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-09 17:21:46 +01:00
imageAfter:
label: Image "Après"
type: files
multiple: false
layout: cards
query: page.images
Transform beforeafter block into generic image+text block - Add toggle (isBeforeAfter) to switch between modes - Mode simple: single image + text (2 columns layout) - Mode comparison: before/after slider + text (2 columns layout) - Remove "1/2, 1/2" layout from report blueprint (keep only "1/1") - Update Vue component with 2-column grid preview - Update PHP snippet to handle both modes - Rename block to "Image avec texte" Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-09 18:20:29 +01:00
help: Image affichée à droite / dessus
Invert image order in beforeafter block preview - Image "before" now displays on top (left side, clipped at 50%) - Image "after" displays below (visible on right side) - Update text block to support bullet lists - Add heading fieldset to report blueprint Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-09 17:36:21 +01:00
width: 1/2
Add before/after comparison block plugin - Create custom block plugin with Vue 3 + Composition API - Use kirbyup for building Vue SFC components - Block allows selecting two images with slider comparison UI - Preview shows images overlapped at 50% in the panel - Add beforeafter block to report blueprint - Update report template to use authors field - Change text block heading level from 4 to 3 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-09 17:21:46 +01:00
caption:
label: Légende
type: text
Reference in a new issue Copy permalink