studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions
242 commits 9 branches 0 tags 25 MiB
Commit graph

5 commits

Author SHA1 Message Date
isUnknown
94065f1ce6 fix: revert srcset on beforeafter images 
Le srcset sur image-before/image-after perturbait le clip CSS
(width: var(--position)) rendant l'effet before/after inopérant.
On revient aux img simples (src only) pour garantir le bon fonctionnement
du slider.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-27 14:45:43 +01:00
isUnknown
df31382a97 feat: responsive images for investigation template 
Add srcsets in config:
- cover-hero: 940px fixe ≥1000px, 90vw en dessous
- body-full: 100vw (1 colonne)
- body-half: 50vw ≥768px, 90vw en dessous (2 colonnes)

Apply in templates/snippets:
- Cover hero → snippet picture + cover-hero
- Body 1-col images → snippet picture + body-full
- Body 2-col images → snippet picture + body-half
- gallery.php → snippet picture (sizes/srcset paramétrables)
- beforeafter.php → srcset/sizes sur <img> (pas de <picture> pour ne pas
  casser le JS du slider)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-02-27 13:51:48 +01:00
isUnknown
561932724b 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 19:33:33 +01:00
isUnknown
6251d8f09f 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 19:33:33 +01:00
isUnknown
3d182a233d 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 19:33:32 +01:00