Feat: page Play — backgroundColor, playLink, play-icon + fix slug jouer
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m22s

- Renommage dossier content 3_play → 3_jouer (slug /jouer)
- Champ backgroundColor (code-editor) dans game.yml + exposé en API
- playLinks simplifié en champ url simple → playLink dans l'API
- Variable CSS --background-color sur la section .play
- Bouton "Jouer" avec icône play-icon (SVG data URI dans buttons.css)
- Plugin sylvainjule/code-editor ajouté via composer

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-09 18:41:05 +01:00
parent 3cafcf3167
commit 5eaf99f7cd
25 changed files with 669 additions and 113 deletions

View file

@ -61,7 +61,11 @@
})
</script>
<section class="play golden-grid slide" aria-label="Jouer">
<section
class="play golden-grid slide"
aria-label="Jouer"
style={displayedGame?.backgroundColor ? `--background-color: ${displayedGame.backgroundColor}` : ''}
>
<!-- Fond : image + overlay, crossfade au changement de jeu -->
<div class="play-bg" class:is-out={isOut} aria-hidden="true">
@ -144,15 +148,13 @@
{/if}
<div class="play-actions">
{#if displayedGame.playLinks?.length}
{#each displayedGame.playLinks as link}
<a
href={link.url}
target="_blank"
rel="noopener noreferrer"
class="button"
>{link.label}</a>
{/each}
{#if displayedGame.playLink}
<a
href={displayedGame.playLink}
target="_blank"
rel="noopener noreferrer"
class="button play-icon"
>Jouer</a>
{:else}
<button class="button" disabled>Coming soon</button>
{/if}
@ -184,7 +186,7 @@
<style>
.play {
background: #000;
background: var(--background-color);
}
/* --- Background --- */