Skip to content

Card Detail ​

Spec: apps/docs/specs/card-details.md

Convention mana : {W}{U}{B}{R}{G}{C}{X} = icΓ΄nes SVG Keyrune (officielles MTG).


Desktop ​

Layout 3 colonnes : image (gauche) | texte oracle (centre) | infos pratiques (droite).

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚ β—ˆ Decksmith  /  Cartes  /  Cultivate                                    β”‚
β”œβ”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚      β”‚                          β”‚  CULTIVATE                            β”‚
β”‚  πŸ”  β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”  β”‚  {2}{G}  Β·  Rituel                    β”‚
β”‚      β”‚  β”‚                    β”‚  β”‚  β”€β”€β”€β”€β”€β—ˆβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€         β”‚
│      │  │   [artwork carte]  │  │  Cherchez dans votre bibliothèque     │
β”‚      β”‚  β”‚                    β”‚  β”‚  jusqu'Γ  deux terrains de base,       β”‚
β”‚      β”‚  β”‚                    β”‚  β”‚  mettez-en un sur le champ de         β”‚
β”‚      β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜  β”‚  bataille et l'autre dans votre       β”‚
β”‚      β”‚                          β”‚  main.                                β”‚
β”‚      β”‚  [← Γ‰dition prΓ©cΓ©denteβ†’] β”‚                                       β”‚
β”‚      β”‚  IKO Β· Ikoria Β· #154     β”‚  "The seeds of tomorrow..."           β”‚
β”‚      β”‚  β—ˆ Rare    Illus. XXX    β”‚                                       β”‚
β”‚      β”‚                          β”‚  β”€β”€β”€β”€β”€β—ˆβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€         β”‚
│      │  [+ Ma collection]       │  LÉGALITÉS                            │
β”‚      β”‚  [+ Deck]                β”‚  βœ“ Commander  βœ“ Modern    βœ— Standard  β”‚
β”‚      β”‚  [β™‘ Wishlist]            β”‚  βœ“ Legacy     βœ“ Vintage   ⚠ Pioneer   β”‚
β”‚      β”‚  [β†— Partager]            β”‚                                       β”‚
β”‚      β”‚                          β”‚  β”€β”€β”€β”€β”€β—ˆβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€         β”‚
β”‚      β”‚                          β”‚  PRIX  (IKO Β· Non-foil)               β”‚
β”‚      β”‚                          β”‚  Cardmarket    0,40 €                 β”‚
β”‚      β”‚                          β”‚  TCGplayer     $0.45                  β”‚
β”‚      β”‚                          β”‚                                       β”‚
β”‚      β”‚                          β”‚  [Historique des prix β†’]              β”‚
β”‚      β”‚                          β”‚  [Toutes les Γ©ditions β†’]              β”‚
β””β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Notes :

  • {2}{G} = icΓ΄nes SVG Keyrune dans le titre
  • βœ“ vert / ⚠ ambre / βœ— rouge pour les lΓ©galitΓ©s
  • β—ˆ Rare = couleur de raretΓ© (or pour Rare, orange pour Mythic...)
  • [← Γ‰dition prΓ©cΓ©dente β†’] = navigation entre les prints de la mΓͺme carte
  • Texte oracle avec mots-clΓ©s en gras (Vigilance, HΓ’te, etc.)
  • Section "Ma collection" et "Mes decks" en dessous des prix (scroll)

Mobile ​

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚ ← Cartes                        β”‚
β”‚                                 β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”   β”‚
β”‚  β”‚                         β”‚   β”‚
β”‚  β”‚     [artwork carte]     β”‚   β”‚
β”‚  β”‚                         β”‚   β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜   β”‚
β”‚  [← IKO  Β·  Γ‰dition  Β·  M21 β†’] β”‚
β”‚                                 β”‚
β”‚  CULTIVATE                      β”‚
β”‚  {2}{G}  Β·  Rituel              β”‚
β”‚  β”€β”€β”€β”€β”€β—ˆβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€   β”‚
β”‚  Cherchez dans votre            β”‚
│  bibliothèque jusqu'à deux      │
β”‚  terrains de base...            β”‚
β”‚                                 β”‚
β”‚  "The seeds of tomorrow..."     β”‚
β”‚                                 β”‚
β”‚  β”€β”€β”€β”€β”€β—ˆβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€   β”‚
│  LÉGALITÉS                      │
β”‚  βœ“ Cdr  βœ“ Mod  βœ— Std  βœ“ Leg    β”‚
β”‚                                 β”‚
β”‚  β”€β”€β”€β”€β”€β—ˆβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€   β”‚
β”‚  PRIX  (IKO Β· Non-foil)         β”‚
β”‚  Cardmarket  0,40 €             β”‚
β”‚  TCGplayer   $0.45              β”‚
β”‚  [Historique β†’]  [Γ‰ditions β†’]   β”‚
β”‚                                 β”‚
β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€
β”‚  [+ Collection] [+ Deck]  [β™‘]  β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Notes mobile :

  • Barre d'actions sticky en bas : [+ Collection] [+ Deck] [β™‘]
  • Image en plein largeur (swipe gauche/droite pour changer d'Γ©dition)
  • LΓ©galitΓ©s compressΓ©es (abrΓ©viations) avec tooltip au tap pour le nom complet
  • Scroll vertical classique

Interactions clΓ©s ​

  • [← Γ‰dition prΓ©cΓ©dente β†’] / swipe mobile β†’ change l'Γ©dition affichΓ©e sans reload
  • [+ Ma collection] β†’ bottom sheet : choisir Γ©dition, quantitΓ©, condition, foil
  • [+ Deck] β†’ bottom sheet : choisir le deck et la section
  • [β™‘ Wishlist] β†’ ajout direct, confirmation toast
  • [Historique des prix β†’] β†’ section expandable avec graphique ligne (30j par dΓ©faut)
  • [Toutes les Γ©ditions β†’] β†’ grille de toutes les prints de la carte
  • Raccourcis clavier desktop : A = ajouter deck, C = collection, W = wishlist, Γ‰chap = retour

Built with VitePress