Componenti | Pauperwave Blog

Componenti predefiniti

Link: [Prose Components](/articles/2026-01-17-lorwyn-eclipsed)

Link: Prose Components

> This is a quote block

This is a quote block

```js [file.js]
export default () => {
  console.log('Code block')
}
```

file.js

export default () => {
  console.log('Code block')
}

# Intestazione di primo livello (non usare)

## Intestazione di secondo livello

### Intestazione di terzo livello

#### Intestazione di quarto livello

Divisore sotto.

---

Divisore sotto.

Divisore sopra.

Se necessiti di specificare la larghezza di un'immagine, usa html

![drawing](https://avatars.githubusercontent.com/u/225214755?s=200\&v=4){style="width:400px; display: block; margin: 0 auto;"}

drawing

- Una
- lista
- non
- ordinata

Una
lista
non
ordinata

1. Una
2. lista
3. numerata

Una
lista
numerata

Una parola **in grassetto**.

Una parola in grassetto.

Una parola *in corsivo*.

Una parola in corsivo.

Scrivo `codice` in linea.

Scrivo codice in linea.

::tip
Messaggio di nota.
::

Messaggio di nota.

::caution
Messaggio di cautela.
::

Messaggio di cautela.

::note
Messaggio informativo.
::

Messaggio informativo.

::warning
Messaggio di allerta.
::

Messaggio di allerta.

::card{title="Titolo della card"}
Contenuto della card.
::

The Consistency Paradox

The people who seem most disciplined aren't superhuman – they've just made their habits so small and automatic that they barely require willpower. They're like efficiency ninjas, but with better sleep schedules.

| Key | Type      | Description |
| --- | --------- | ----------- |
| 1   | Wonderful | Table       |
| 2   | Wonderful | Data        |
| 3   | Wonderful | Website     |

Key	Type	Description
1	Wonderful	Table
2	Wonderful	Data
3	Wonderful	Website

::u-table
---
data:
  - Time Period: Week 1-2
    What Happens: Feels hard, requires lots of willpower
    Example: Every workout is a battle
  - Time Period: Week 3-4
    What Happens: Starts to feel slightly easier
    Example: You remember to pack gym clothes
  - Time Period: Week 5-8
    What Happens: Becomes part of routine
    Example: You feel weird on rest days
  - Time Period: Month 3+
    What Happens: Automatic behavior
    Example: Working out feels as natural as brushing teeth
---
::

Time Period	What Happens	Example
Week 1-2	Feels hard, requires lots of willpower	Every workout is a battle
Week 3-4	Starts to feel slightly easier	You remember to pack gym clothes
Week 5-8	Becomes part of routine	You feel weird on rest days
Month 3+	Automatic behavior	Working out feels as natural as brushing teeth

Componenti personalizzati

Simboli di mana singoli

Simboli di mana

:magic-card-mana-symbol{symbol="w"}

:magic-card-mana-symbol{symbol="u"}

:magic-card-mana-symbol{symbol="b"}

:magic-card-mana-symbol{symbol="r"}

:magic-card-mana-symbol{symbol="g"}

:magic-card-mana-symbol{symbol="c"}

/ / / / /

Combinazioni di simboli di mana

Nota lo spazio fra i simboli

Simboli di mana

:magic-card-mana-symbol{symbol="wubrgc"}

Simboli speciali

:magic-card-mana-symbol{symbol="X"}

:magic-card-mana-symbol{symbol="0"}

:magic-card-mana-symbol{symbol="1"}

:magic-card-mana-symbol{symbol="2"}

:magic-card-mana-symbol{symbol="3"}

:magic-card-mana-symbol{symbol="4"}

:magic-card-mana-symbol{symbol="5"}

:magic-card-mana-symbol{symbol="6"}

:magic-card-mana-symbol{symbol="7"}

:magic-card-mana-symbol{symbol="8"}

:magic-card-mana-symbol{symbol="9"}

:magic-card-mana-symbol{symbol="10"}

/ / / / / / / / / / /

Combinazioni di colori

:magic-card-mana-symbol{symbol="W/B"}

:magic-card-mana-symbol{symbol="U/B"}

:magic-card-mana-symbol{symbol="U/R"}

:magic-card-mana-symbol{symbol="B/R"}

:magic-card-mana-symbol{symbol="B/G"}

:magic-card-mana-symbol{symbol="R/G"}

:magic-card-mana-symbol{symbol="R/W"}

:magic-card-mana-symbol{symbol="G/W"}

:magic-card-mana-symbol{symbol="G/U"}

/ / / / / / / / /

Tipi di carte

:magic-card-mana-symbol{symbol="creature"}

:magic-card-mana-symbol{symbol="instant"}

:magic-card-mana-symbol{symbol="sorcery"}

:magic-card-mana-symbol{symbol="artifact"}

:magic-card-mana-symbol{symbol="land"}

:magic-card-mana-symbol{symbol="enchantment"}

/ / / / /

Simboli di mana phyrexiano

:magic-card-mana-symbol{symbol="P"}

:magic-card-mana-symbol{symbol="W/P"}

:magic-card-mana-symbol{symbol="U/P"}

:magic-card-mana-symbol{symbol="B/P"}

:magic-card-mana-symbol{symbol="R/P"}

:magic-card-mana-symbol{symbol="G/P"}

/ / / / /

Per una lista completa consultare Mana & Card Icons

Mostrare l'anteprima di una carta nel testo

Quando usarlo

Il componente magic-card-tooltip è utile nel testo, è quindi un componente in linea, quando si vuole mostrare l'anteprima di una carta tramite hover (da pc) o toccando il nome della carta da mobile.

Come usarlo

Selezionare il nome della carta completo in inglese e premere due volte il carattere [ (parentesi quadra aperta), l'editor di testo Visual Studio Code inserirà automaticamente le parentesi di chiusura (]]).

Una volta che il codice viene analizzato verrà automaticamente trasformato nel componente magic-card-tooltip.

La sintassi con le parentesi quadre viene trasformata automaticamente

:magic-card-tooltip{name="Swords to Plowshares"}

Varianti

Ci sono due varianti di questo componente:

con la sola specifica del nome (name): viene restituita l'ultima illustrazione "normale";
Versione minimale
```
[[Swords to Plowshares]]
```
Risultato: Swords to Plowshares
con la specifica del nome (name) e dell'espansione (set): spiegazione;
Versione minimale
```
[[Swords to Plowshares | spg]]
```
Risultato: Swords to Plowshares

Il componente magic-card-tooltip viene riutilizzato all'interno del componente magic-decklist e del componente magic-sideboard-guide come potrai notare più avanti.

Alcuni casi limite

Alcuni casi limite con double faced cards e adventure cards

Questi casi sono gestiti in modo speciale per garantire che la prima faccia della carta venga visualizzata correttamente.

Delver of Secrets / The Modern Age / Sagu Wildling

Al momento non è possibile mostrare la seconda faccia di una carta double faced.

:magic-card-tooltip{name="Insectile Aberration"}

Insectile Aberration

:magic-card-tooltip{name="Vector Glider"}

Vector Glider

Mostrare una carta per intera

Semplice componente per mostrare una carta per intera, utile negli articoli di spoiler.

::magic-card-display
---
card: Swords to Plowshares
---
::

Mostrare l'art di una carta

Il componente magic-card-art-crop in modo predefinito prende il nome della carta e ne restituisce l'art. è possibile specificare l'espansione e il numero di collezione della carta, il numero di espansione non è necessario quando l'art è univoca.

::magic-card-art-crop
---
card: Swords to Plowshares (spg)
---
::

Varianti

Opzionalmente è possibile specificare la proprietà crop con due parametri obbligatori:

height: che assumere i valori small | medium | large | xl
position: che assumere i valori top | center | bottom

Comportamento predefinito

Senza alcun parametro viene restituita tutta l'art.

::magic-card-art-crop
---
card: Repel Calamity
---
::

In questo caso è possibile specificare in modo più immediato:

:magic-card-art-crop{card="Repel Calamity"}

Nota bene che in questo caso si usano solo un due punti, non due.

Il risultato è il medesimo:

Small top crop

::magic-card-art-crop
---
card: Repel Calamity
crop:
  height: small
  position: top
---
::

Small center crop

::magic-card-art-crop
---
card: Repel Calamity
crop:
  height: small
  position: center
---
::

Small bottom crop

::magic-card-art-crop
---
card: Repel Calamity
crop:
  height: small
  position: bottom
---
::

Esprimere una valutazione

Componente per mostrare il voto di una carta su una scala da 0 a 10.

Come usarlo

::magic-card-rating
---
cardName: Nome della carta
rating: 6.5
---
::

Esempi di voti da 0 a 10

Il colore del badge cambia in base al voto:

0 - 3.5: Rosso (error) - Voto insufficiente
4 - 5.5: Giallo/Arancio (warning) - Voto mediocre
6 - 7.5: Blu (primary) - Voto buono
8 - 10: Verde (success) - Voto eccellente

Voto complessivo per Pessimo

0 / 10

Voto complessivo per Molto scarso

3.5 / 10

Voto complessivo per Scarso

4 / 10

Voto complessivo per Sotto la media

5.5 / 10

Voto complessivo per Nella media

6 / 10

Voto complessivo per Discreto

7.5 / 10

Voto complessivo per Buono

8 / 10

Voto complessivo per Molto buono

10 / 10

Opinione del revisore

Componente per mostrare l'opinione di un revisore su una carta, utilizzato negli articoli di spoiler.

Come usarlo

::reviewer-opinion
---
name: Nome del revisore
rating: 7
---
Testo dell'opinione del revisore sulla carta.
::

Esempio

Pietro Bragioto

Carta interessante che potrebbe trovare spazio in diversi archetipi. La sua versatilità la rende una solida aggiunta al formato, anche se non è una carta definitiva. Il costo di mana è giustificato dall'impatto che può avere sulla partita.

Guida al sideboard

Non disponible in decklists e in spoilers.

::magic-sideboard-guide
---
description: Descrizione breve delle scelte di side
matchup: Mono Red Rally
---
#in
3 Cast into the Fire
#out
3 Thermo-Alchemist
#out-alt
1 Thermo-Alchemist
2 Great Furnace
::

Mostrare una decklist

Componente utile in articoli decklist, report e tutorial.

::magic-decklist
---
name: Elves
player: Lahiri Cristofori
placement: Winner
headerGradient: monowhite
---
Creatures
4 Delver of Secrets
4 Elvish Mystic
4 Sagu Wildling
4 The Modern Age
4 Masked Vandal
4 Priest of Titania
4 Timberwatch Elf
4 Avenging Hunter
3 Sagu Wildling
4 Generous Ent

Sorceries
4 Land Grant
4 Winding Way
4 Lead the Stampede

Lands
1 Gingerbread Cabin
8 Forest

Sideboard
4 Spinewoods Paladin
3 Faerie Macabre
3 Hydroblast
3 Monstrous Emergence
1 Island
1 Tangled Islet
::

Gradienti per le decklist

Gradienti mono-colore

headerGradient: monowhite

heading

subheading

placement

headerGradient: monoblue

heading

subheading

placement

headerGradient: monoblack

heading

subheading

placement

headerGradient: monored

heading

subheading

placement

headerGradient: monogreen

heading

subheading

placement

headerGradient: colorless

heading

subheading

placement

Gradienti due-colori

headerGradient: gruul

heading

subheading

placement

headerGradient: azorius

heading

subheading

placement

headerGradient: dimir

heading

subheading

placement

headerGradient: boros

heading

subheading

placement

headerGradient: golgari

heading

subheading

placement

headerGradient: izzet

heading

subheading

placement

headerGradient: orzhov

heading

subheading

placement

headerGradient: rakdos

heading

subheading

placement

headerGradient: selesnya

heading

subheading

placement

headerGradient: simic

heading

subheading

placement

Gradienti tre-colori

headerGradient: esper

heading

subheading

placement

headerGradient: grixis

heading

subheading

placement

headerGradient: jund

heading

subheading

placement

headerGradient: naya

heading

subheading

placement

headerGradient: bant

heading

subheading

placement

headerGradient: mardu

heading

subheading

placement

headerGradient: temur

heading

subheading

placement

headerGradient: sultai

heading

subheading

placement

headerGradient: jeskai

heading

subheading

placement

headerGradient: abzan

heading

subheading

placement

Componenti disponibili in scrittura

Voto complessivo per Pessimo

Voto complessivo per Molto scarso

Voto complessivo per Scarso

Voto complessivo per Sotto la media

Voto complessivo per Nella media

Voto complessivo per Discreto

Voto complessivo per Buono

Voto complessivo per Molto buono

Pietro Bragioto

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading

heading