Skip to content

ÉCHEC O CUBE — Site Officiel (thème Shopify bilingue, base Dawn) - #1

Draft
Orose2025 wants to merge 24 commits into
mainfrom
claude/echec-o-cube-shopify-8VgDs
Draft

ÉCHEC O CUBE — Site Officiel (thème Shopify bilingue, base Dawn)#1
Orose2025 wants to merge 24 commits into
mainfrom
claude/echec-o-cube-shopify-8VgDs

Conversation

@Orose2025

Copy link
Copy Markdown
Owner

ÉCHEC O CUBE — Site Officiel

Thème Shopify premium, dramatique, bilingue FR/EN, construit sur la base Dawn, et 100 % éditable depuis l'admin Shopify (aucun code requis après livraison).

Le jeu de stratégie où la physique valide chaque coup. / The strategy game where physics validates every move.

Page d'accueil — 7 sections (templates/index.json)

  1. Héros plein écran — logo ÉCHEC●CUBE, slogans FR/EN, 2 CTAs, voile sombre réglable, grain animé, flèche de défilement
  2. Concept — citation « Si le pion rentre, le coup est valide. » + 3 statistiques à compteur animé
  3. Le Jeu — 3 cartes pièces : PÂLE (1 pt) / FONCÉ (2 pts) / ROUGE (zone morte)
  4. Expérience — fond lifestyle plein écran + voile réglable
  5. Comment jouer — timeline 3 étapes + cadre diagramme de pointage
  6. Produit — section produit Shopify native (prix, variantes, panier réels via {% form 'product' %})
  7. Communauté — formulaire courriel natif Shopify (client taggé newsletter, EOC-founder)

Pages additionnelles

  • /rules règlement complet bilingue · /about histoire de l'inventeur · /shop collection · produit/panier/404 stylés

Éditabilité (cahier des charges)

  • ✅ Tout texte → champs de schéma (Customizer)
  • ✅ Toutes images → image_picker (médiathèque admin)
  • ✅ Toutes couleurs → variables CSS issues de Réglages du thème
  • ✅ Nav/pied de page → Navigation Shopify

Technique

  • Palette de marque stricte + Playfair Display / Libre Baskerville / Cinzel
  • Mobile-first responsive · lazy-loading · preconnect Google Fonts · CDN images
  • Animations CSS + ~30 lignes de JS vanilla (Intersection Observer, compteurs, menu mobile)
  • Nav fixe #0D0705 90 % + backdrop-blur, sélecteur FR/EN

À faire côté boutique (documenté dans le README)

Téléverser les images, créer les pages Règles/À propos, les menus, et lier le produit réel dans la Section 6.

ℹ️ Les fichiers constituent une surcouche du thème Dawn (voir README pour l'installation).

© 1999–2026 Alain Dupont. Droit d'auteur OPIC Canada No. 477714.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA


Generated by Claude Code

Premium dark/warm artisan theme, fully editable from the Shopify admin:
- 7 homepage sections (hero, concept, game, experience, how-to-play,
  native product, native newsletter community) wired in templates/index.json
- Rules + About pages (bilingual side-by-side), styled Shop/product/cart/404
- All text, images (image_picker) and colors (CSS variables from theme
  settings) editable via the Customizer; nav/footer via Shopify Navigation
- Brand palette + Playfair/Libre Baskerville/Cinzel typography
- CSS animations + ~30 lines vanilla JS (scroll reveal, counters, mobile nav)
- Mobile-first responsive, lazy-loaded media, Google Fonts preconnect

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
@netlify

netlify Bot commented Jun 2, 2026

Copy link
Copy Markdown

Deploy Preview for quiet-malabi-b0b867 ready!

Name Link
🔨 Latest commit 2d772c0
🔍 Latest deploy log https://app.netlify.com/projects/quiet-malabi-b0b867/deploys/6a3af2ceac74c900084528cf
😎 Deploy Preview https://deploy-preview-1--quiet-malabi-b0b867.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

claude and others added 23 commits June 2, 2026 08:49
- Hero and navigation now display an uploaded logo image in place of the
  text logo, via image_picker settings (no code needed to swap it)
- Hero: logo_image picker + adjustable max-width + optional taglines toggle
- Header: header_logo picker + adjustable height in theme settings
- Text logo remains as automatic fallback when no image is set
- Drop-shadow on hero logo for legibility over the photographic background
- README documents the one-step, no-code upload in the customizer

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
Wires the transparent official logo already in the store's Files
(ECHEC_O_CUBE_LOGO_v5_transparent.png) via file_img_url so it renders
automatically with no manual selection. The image_picker still overrides
it, and the filename is editable from theme/section settings; text logo
remains the final fallback.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
- Hero taglines hidden by default (the official logo already includes its
  slogan); hero logo widened to 820px for strong presence
- Footer now shows the official logo image (height-adjustable, default 64px)
  instead of text, with text fallback
- New footer logo height setting in theme settings

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
…pify-8VgDs

Committed from shop: ÉCHEC O CUBE
…pify-8VgDs

Committed from shop: ÉCHEC O CUBE
- Nav logo enlarged (default 104px, up to 240px) so it fills the header;
  capped on mobile
- 404 page text (code, message, button) now fully editable via schema
- New eoc-flex flexible content builder: heading, rich text, bilingual,
  image, image+text, quote, button, contact form, page content, spacer,
  divider — add/reorder/edit freely on any page, no code
- Default page, About and Contact templates now use eoc-flex (fully
  editable); optional page-title display

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
…s' into claude/echec-o-cube-shopify-8VgDs

# Conflicts:
#	config/settings_schema.json
Each uses the eoc-flex builder with bilingual starter content so the owner
can edit/replace all text, images and buttons with no code. README lists
the template suffixes and how to assign them in the admin.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
…pify-8VgDs

Committed from shop: ÉCHEC O CUBE
…pify-8VgDs

Committed from shop: ÉCHEC O CUBE
- Nav logo height default raised to 152px (max 300) for stronger presence
- 404 rebuilt as a full-viewport section with an editable key background
  image (image_picker or filename) behind the content and a darken overlay;
  big code text now optional
- Footer skips any "Search"/"Recherche" menu link

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
- Hero and 404 now default to the gameplay photo Pub-Echec_O_Cube.png
  (full-bleed) via filename fallback, auto-loaded from the store Files
- New eoc-video section plays VIDÉO-PARTI-ÉCHEC O CUBE.mp4 in a framed,
  full-width player with poster, controls and optional muted autoplay loop;
  added to the homepage after the "Le Jeu" section
- Owner can swap the video via a native Shopify video setting

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
- Hero buttons now "REJOINDRE LA COMMUNAUTÉ" (solid gold) and
  "DÉCOUVRIR LE JEU" (gold outline), matching the requested design
- Hero keeps the official logo image (never the text name)
- Added search / account / cart icons (with live cart count) to the nav,
  toggleable via theme settings

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
Recoded the 6 hardcoded EOC homepage sections (hero, usp, regles,
trois-pions, apropos-court, inscription) to expose every title, text,
image, button and color as editable Customizer fields. Pushed to the
unpublished Horizon theme via Shopify API; kept here as a backup.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
…graphy)

Implements the official palette, Cinzel/Libre Baskerville/Cormorant Garamond
fonts, mandatory body typography (18px / lead 21px / line-height 1.85) and
section layouts for the Horizon homepage. Pushed to the unpublished theme;
backup kept here.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
… Rejoindre, trois pions

- All texts/images/links exposed as Customizer settings (defaults = current copy)
- Niveaux renamed CANDIDAT/MAÎTRE/GRAND MAÎTRE CUBE per spec; FEOC "au Canada"
- Removed every "au monde" occurrence and all emojis (spec constraints)
- Trois pions upgraded to 3 editable columns (Pâle 1pt / Foncé 2pts / Rouge marqueur)
- eoc-theme.css v2: styles for page blocks, niveaux grid, pions columns, 3-col footer
- index-officiel.json: current homepage settings minus "au monde"

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
Self-contained HTML+inline CSS+minimal JS, Georgia serif, brand palette,
mobile-first responsive, descriptive placeholders, zero emoji/icon.
Each file has a top "GUIDE DE MODIFICATION" so the owner can edit text,
images, prices and links without coding.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
…teur, formats)

Owner-provided merged page; verified zero emoji/icon. Header/nav identical
across pages; inter-page links use /regles /laruche /boutique.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
…meline, FAQ)

Owner-provided merged page; verified zero emoji/icon. Header/nav identical.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
…ties, livraison)

Owner-provided merged page; verified zero emoji/icon across all 3 static pages.
Header/nav identical; inter-page links consistent.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
Converts the static Regles page into an editable Horizon section
(eoc-page-regles) with full schema (titles, richtext, image_pickers, prices)
and a page.regles.json template. To be upserted to the unpublished theme
(needs Shopify approval) then published.

https://claude.ai/code/session_01DdPmmDiL6LkakjtnZW2QyA
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants